@charset "utf-8";

/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap');

html,
body {
    margin: 0px;
    padding: 0px;
    color: #000;
    font-family: 'Rubik', sans-serif;
}

a,
a:hover,
a:focus {
    color: #000;
    outline: none !important;
}

.underline {
    text-decoration: underline;
}

a.underline:hover,
a.underline:focus {
    text-decoration: none;
}

button {
    outline: none !important;
}

textarea {
    resize: none;
}

b,
strong {
    font-weight: 700;
}

.font-weight-medium {
    font-weight: 600;
}

.lineThrough {
    text-decoration: line-through;
}

.btn {
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
}

.radius0 {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

@media (min-width: 992px) {
    .dropdown:hover>.dropdown-menu {
        display: block;
    }

    .dropdown>.dropdown-toggle:active {
        /*Without this, clicking will make it sticky*/
        pointer-events: none;
    }
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
    outline: 0 !important;
    outline-offset: 0 !important;
    background-image: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus,
select.form-control:focus,
input[type=checkbox]:focus {
    box-shadow: none;
    border-color: #F29400;
}

.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #2c2c2c;
}

.form-control {
    border-color: #cecece;
}

.border-top,
.border-bottom {
    border-color: #b8b8b8 !important;
}

.border-top.arancione,
.border.border-arancione {
    border-color: #F29400 !important;
}

.recensioni .box {
    border: 1px solid #b8b8b8;
    padding: 15px;
    margin-bottom: 12px;
}

.border.scuro {
    border-color: #b8b8b8 !important;
}

iframe {
    border: none;
}

.table {
    color: #000;
}

.ml-65 {
    margin-left: 65px;
}


/* ================================= font - colori ================================= */

.font12 {
    font-size: 12px;
}

.font13 {
    font-size: 13px;
}

.font14 {
    font-size: 14px;
}

.font15 {
    font-size: 15px;
}

.font16 {
    font-size: 16px;
}

.font18 {
    font-size: 18px;
}

.font20 {
    font-size: 20px;
}

.font22 {
    font-size: 22px;
}

.font25 {
    font-size: 25px !important;
}

.font30 {
    font-size: 30px;
}

.font35 {
    font-size: 35px;
}

.font40 {
    font-size: 40px;
}

.font50 {
    font-size: 50px;
    line-height: 50px;
}

.lineNormal {
    line-height: normal;
}

.line8 {
    line-height: 8px;
}

.line20 {
    line-height: 20px;
}

.line25 {
    line-height: 25px;
}

.line30 {
    line-height: 30px;
}

.line39 {
    line-height: 39px !important;
}

.line40 {
    line-height: 40px;
}

.blu {
    color: #4E57CA !important;
}

.blu2 {
    color: #0e167f !important;
}

.azzurro {
    color: #005baa;
}

.bianco {
    color: #fff;
}

.grigio {
    color: #8a8a8a;
}

.grigio2 {
    color: #626262;
}

.grigio3 {
    color: #afafaf;
}

.grigio4 {
    color: #a4a4a4 !important;
}

.arancione {
    color: #F29400 !important;
}

.arancione-scuro {
    color: #DB7322 !important;
}

.verde {
    color: #009036;
}

.nero {
    color: #000;
}

.rosso {
    color: #f00;
}

a.rosso {
    color: #f00 !important;
}

.bg-arancione {
    background-color: #F29400;
}

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

.bg-grigio2 {
    background-color: #f0f0f0;
}

.bg-grigio3 {
    background-color: #f7f7f7;
}

.bg-verde {
    background-color: #009036;
}

.font-weight-500 {
    font-weight: 500 !important;
}


/* ================================= margin / padding ================================= */

.m-top40 {
    margin-top: 40px;
}

.m-bottom20 {
    margin-bottom: 20px;
}

.m-bottom30 {
    margin-bottom: 30px;
}

.m-bottom40 {
    margin-bottom: 40px;
}

.m-bottom60 {
    margin-bottom: 60px;
}

.m-bottom70 {
    margin-bottom: 70px;
}

.m-bottom85 {
    margin-bottom: 85px;
}

.m-bottom100 {
    margin-bottom: 100px;
}

.py-30 {
    padding: 30px 0px;
}

.my-30 {
    margin: 30px 0px;
}

.my-40 {
    margin: 40px 0px;
}


/* ===================================== menu =============================== */

.bg-light {
    background-color: #f0f0f0 !important;
}

#menuPrincipale .nav-link {
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
    padding-top: 16px;
    padding-bottom: 16px;
}

#menuPrincipale ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0px auto;
}


/* @media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        margin-top: -12px;
    }
} */

#menuPrincipale .nav-link.current,
#menuPrincipale .nav-link:hover,
#menuPrincipale .nav-link:focus,
#menuPrincipale .nav-link:active {
    color: #F29400;
}

#menuPrincipale .dropdown-item.active,
#menuPrincipale .dropdown-item:active,
#menuPrincipale .dropdown-item:hover,
#menuPrincipale .dropdown-item:focus,
#menuPrincipale .dropdown-item.current {
    color: #F29400;
    background-color: transparent;
}

.dropdown-menu {
    margin: 0px;
}

@media (min-width: 1200px) {
    #menuPrincipale ul {
        width: 90%;
    }
}

@media (min-width: 992px) {
    .dueColonne {
        width: 700px;
    }

    .dueColonne .dropdown-col {
        width: 50%;
        float: left;
    }
}


/* ===================================== footer =============================== */

footer {
    border-top: 12px solid #F29400;
}

.footer-bianco {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 13px;
    line-height: 18px;
}

footer .link-facebook {
    background-image: url('../img/fb.svg');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 22px;
}

footer .link-instagram {
    background-image: url('../img/in.svg');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 22px;
}

footer .riquadro-recensioni img {
    margin: 0px;
}

html,
body {
    height: 100%;
}

#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -203px;
}

.pushfooter {
    height: 203px;
    clear: both;
}

footer .indirizzi p {
    margin-bottom: 5px;
}

footer .indirizzi p:last-child {
    margin-bottom: 0px;
}


/* ================================= pagina ================================= */

.top {
    background: rgb(253, 139, 24);
    background: linear-gradient(90deg, rgba(213, 91, 0, 1) 0%, rgba(253, 139, 24, 1) 100%);
    padding: 3px 0px;
    font-size: 14px;
    color: #fff;
    font-weight: 300;
}

.top a {
    color: #fff;
}

.top img {
    vertical-align: bottom;
}

.top .navbar-nav .nav-link {
    font-size: 15px;
}

.top .navbar-nav .nav-link:hover,
.top .navbar-nav .nav-link:focus,
.top .navbar-nav .show .nav-link,
.top .navbar-nav .nav-link.current {
    color: #fff;
    text-decoration: underline;
}

.top .dropdown-item {
    color: #000;
    border-color: #cecece;
    font-size: 15px;
    padding-left: 10px;
    padding-right: 10px;
}

.top .dropdown-menu {
    padding-left: 14px;
    padding-right: 14px;
}

.top .dropdown-item:hover,
.top .dropdown-item:focus,
.top .dropdown-item:active,
.top .dropdown-item.current {
    color: #F29400;
    background-color: transparent;
}

.top .btn-primary {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    font-size: 15px;
    line-height: 26px;
}

.top .btn-primary:hover,
.top .btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active {
    background: #fff;
    color: #F29400;
}

.top .contatti .testo span {
    display: none;
}

.top .navbar-toggler {
    color: #fff;
    border-color: #fff;
}

.top .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-brand {
    display: none;
}

#collapseAccedi .form-control {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 15px;
    color: #000;
    border: 1px solid #cecece;
    height: 35px;
}

@media (min-width: 1491px) {
    .top .contatti .testo span {
        display: inline;
    }
}

header {
    padding-top: 15px;
    padding-bottom: 15px;
}

@media (min-width: 992px) {

    header .left,
    header .right {
        width: 32.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 32.5%;
        flex: 0 0 32.5%;
        max-width: 32.5%;
    }

    header .center {
        width: 35%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        max-width: 35%;
    }
}

header .scritte-header {
    margin-top: 15px;
}

.riquadro-recensioni {
    padding: 5px 15px;
    border: 1.5px solid #cecece;
    max-width: 220px;
}

.riquadro-recensioni .float-left {
    font-size: 38px;
    margin-right: 10px;
    font-weight: 300;
}

.riquadro-recensioni img {
    margin: 0px 1px;
}

header .form-control {
    -webkit-border-top-left-radius: 36px;
    -webkit-border-bottom-left-radius: 36px;
    -moz-border-radius-topleft: 36px;
    -moz-border-radius-bottomleft: 36px;
    border-top-left-radius: 36px;
    border-bottom-left-radius: 36px;
    font-size: 17px;
    color: #757575;
    border-right: none;
    margin-top: 0px;
    height: 39px;
    font-size: 17px;
}

header .btn-outline-secondary {
    border-color: #cecece;
    border-left: none;
}

header button.btn-outline-secondary {
    width: 48px;
    height: 39px;
}

header .btn:hover,
header .btn:focus,
header .btn:active,
header .btn:not(:disabled):not(.disabled):active {
    background-color: #e7e7e7;
    border-color: #cecece;
    color: #000;
}

header .btn-outline-primary {
    border-color: #cecece;
    color: #000;
    padding: 6px 20px;
}

header .btn-outline-primary img {
    vertical-align: bottom;
    margin-right: 10px;
}

@media (min-width: 768px) {
    .navbar-expand-md .navbar-nav .dropdown-menu {
        margin-top: -2px;
    }
}

.areaRiservata>a {
    background-color: #fff;
    color: #F29400 !important;
    text-decoration: none !important;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    text-align: center;
}

.areaRiservata>a span {
    max-width: 250px;
}

.areaRiservata .dropdown-menu {
    min-width: 250px;
}

.areaRiservata .logout {
    background: #F29400;
    color: #fff;
    margin: 10px 0px;
    text-align: center;
    border: 1px solid #F29400 !important;
}

.areaRiservata>a span {
    display: inline-flex;
    overflow: hidden;
}

.nascondiBocchio img:nth-child(2),
.nascondiBocchio:hover img:nth-child(1),
.nascondiBocchio:focus img:nth-child(1),
.nascondiBocchio.current img:nth-child(1) {
    display: none;
}

.nascondiBocchio:hover img:nth-child(2),
.nascondiBocchio:focus img:nth-child(2),
.nascondiBocchio.current img:nth-child(2) {
    display: inline;
}

.avviso-rosso {
    background-color: #e50000;
    color: #fff;
    font-size: 18px;
    line-height: normal;
    padding: 10px 15px;
    text-align: center;
}


/* ===================== hp =============== */

.servizi-home .prodotti,
.servizi-home .assistenza,
.servizi-home .spedizione,
.servizi-home .reteVendita {
    background-image: url('../img/prodotti-icon.png');
    background-repeat: no-repeat;
    background-position: center left;
    min-height: 74px;
    padding: 10px 0px 0px 85px;
}

.servizi-home .assistenza {
    background-image: url('../img/assistenza-icon.png');
}

.servizi-home .spedizione {
    padding-left: 140px;
    background-image: url('../img/spedizione-icon.png');
    padding-top: 22px;
}

.servizi-home .reteVendita {
    padding-left: 80px;
    background-image: url('../img/rete-vendita-icon.png');
}

@media (min-width: 1800px) {
    .servizi-home {
        font-size: 22px;
    }
}

.gradient-prodotto {
    background: rgb(26, 87, 138);
    background: linear-gradient(90deg, rgba(26, 87, 138, 1) 0%, rgba(82, 156, 219, 1) 100%);
    padding: 40px 30px 20px;
    color: #fff;
    display: flex;
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.gradient-prodotto .left {
    width: 53%;
    margin-right: 5%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 53%;
    flex: 0 0 53%;
    max-width: 53%;
}

.gradient-prodotto .right {
    width: 40%;
    margin-top: -5px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}

.gradient-prodotto .titolo,
.gradient-registrati .titolo {
    font-size: 30px;
    line-height: 30px;
    text-transform: uppercase;
}

.gradient-prodotto .testo {
    height: 93px;
    overflow: hidden;
}

.gradient-prodotto .btn-primary,
.gradient-registrati .btn-primary {
    padding: 10px 50px;
    background-color: #fff;
    color: #010101;
    border: none;
}

.gradient-prodotto .btn-primary:hover,
.gradient-prodotto .btn-primary:focus,
.gradient-registrati .btn-primary:hover,
.gradient-registrati .btn-primary:focus {
    background: rgba(255, 255, 255, 0.9)
}

.gradient-registrati {
    background: rgb(40, 110, 125);
    background: linear-gradient(90deg, rgba(213, 91, 0, 1) 0%, rgba(253, 139, 24, 1) 100%);
    padding: 40px 30px 25px;
    color: #fff;
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.orari {
    font-size: 25px;
    line-height: normal;
    background-color: #fd8b18;
    margin-bottom: 5px;
}

.orari:nth-child(odd) {
    background-color: #ec751a;
}

.orari .btn-primary {
    padding: 10px 30px;
    background-color: #d8d8d8;
    color: #010101;
    border: none;
    max-width: 160px;
}

.orari .btn-primary:hover,
.orari .btn-primary:focus {
    background: rgba(216, 216, 216, 0.9)
}

.orari img {
    vertical-align: bottom;
    border-style: none;
    margin-right: 10px;
}

.catHome {
    text-align: center;
    font-size: 25px;
    text-transform: uppercase;
}


/* .catHome .link img:nth-child(2),
.catHome .link:hover img:nth-child(1),
.catHome .link:focus img:nth-child(1) {
    display: none;
}

.catHome .link:hover img:nth-child(2),
.catHome .link:focus img:nth-child(2) {
    display: inline-block;
} */

.catHome .link {
    text-decoration: none !important;
}

.catHome .link.scuola {
    color: #fee041;
}

.catHome .link.ufficio {
    color: #467491;
}

.catHome .link.casa {
    color: #9e8700;
}

.catHome .link.gioco {
    color: #ee7d0c;
}

.catHome .linktabacchi {
    color: #a7a7a6;
}

.offerte-mese,
.offerte-volume,
.articoli-cartolai,
.articoli-tabaccai {
    display: block;
    padding: 90px 5px 20px;
    background-image: url('../img/mese-icon.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    background-color: #fff;
    text-align: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #cecece;
    font-size: 15px;
}

.offerte-volume {
    background-image: url('../img/volume-icon.png');
}

.articoli-cartolai {
    background-image: url('../img/cartolai-icon.png');
}

.articoli-tabaccai {
    background-image: url('../img/tabaccai-icon.png');
}


/* ===================== aperture straordinarie =============== */

.breadcrumb {
    padding: 0px;
    background-color: transparent;
    border-radius: 0px;
    color: #8a8a8a;
}

.breadcrumb-item.active span,
.breadcrumb-item a {
    color: #8a8a8a;
    text-decoration: underline;
}

.breadcrumb-item a:hover,
.breadcrumb-item a:focus,
.breadcrumb-item+.breadcrumb-item::before {
    text-decoration: none;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 4px;
}

.breadcrumb-item+.breadcrumb-item::before {
    padding-right: 4px;
}

h1 {
    border-bottom: 1px solid #b8b8b8 !important;
    font-size: 35px;
    text-transform: uppercase;
    color: #F29400;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.aperture-straordinarie .orario p {
    margin-bottom: 10px;
}

.aperture-straordinarie .tag {
    color: #fff;
    max-width: 235px;
    background-color: #F29400;
    padding: 5px;
    margin: 10px auto;
    font-size: 15px;
    text-transform: uppercase;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.aperture-straordinarie .data {
    font-weight: 700;
}

.aperture-straordinarie .titolo {
    font-size: 25px;
    line-height: 35px;
    color: #F29400;
    text-transform: uppercase;
    max-width: 235px;
    margin: 0px auto;
}

.aperture-straordinarie .pdf,
.aperture-straordinarie .link {
    width: 40px;
    height: 40px;
    background-image: url('../img/pdf.png');
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    padding: 0px;
    margin: 0px 5px;
}

.aperture-straordinarie .pdf:hover,
.aperture-straordinarie .pdf:focus,
.aperture-straordinarie .pdf:active {
    background-image: url('../img/pdf-arancione.png') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.aperture-straordinarie .link {
    background-image: url('../img/ico-link.png');
}

.aperture-straordinarie .link:hover,
.aperture-straordinarie .link:focus,
.aperture-straordinarie .link:active {
    background-image: url('../img/ico-link-arancione.png') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.aperture-straordinarie .disabled {
    opacity: 0.6;
}

.facebook-inline {
    display: inline-block;
    color: #fff !important;
    padding: 3px 15px;
    background-color: #0c2769;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.instagram-inline {
    display: inline-block;
    color: #fff !important;
    padding: 3px 15px;
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}


/* ===================== chi siamo =============== */

h2 {
    color: #F29400;
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
}

.timeline-chiSiamo {
    display: block;
    margin-top: 100px;
}

.timeline-chiSiamo .line {
    width: 99%;
    background: #F29400;
    margin: 30px 0;
    height: 4px;
}

.timeline-chiSiamo .sopra,
.timeline-chiSiamo .sotto {
    display: flex;
    flex-direction: row;
}

.timeline-chiSiamo .sotto {
    /* padding-left: 230px; */
    padding-left: 22%;
}

.timeline-chiSiamo .sopra .top-element,
.timeline-chiSiamo .sotto .bottom-element {
    position: relative;
    max-width: 200px;
}

.timeline-chiSiamo .sopra .top-element {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.timeline-chiSiamo .sotto .bottom-element {
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
}

.timeline-chiSiamo .top-element:nth-child(2),
.timeline-chiSiamo .bottom-element:nth-child(2),
.timeline-chiSiamo .bottom-element:nth-child(1) {
    text-align: center;
}

.timeline-chiSiamo .top-element:nth-child(2):before,
.timeline-chiSiamo .bottom-element:nth-child(2):before {
    left: 50%;
    margin-left: -23px;
}

.timeline-chiSiamo .bottom-element:nth-child(1) .testo,
.timeline-chiSiamo .bottom-element:nth-child(1) .numero {
    left: -45%;
    position: relative;
}

.timeline-chiSiamo .top-element:nth-child(3) {
    text-align: right;
}

.timeline-chiSiamo .top-element:nth-child(3):before {
    right: 0px;
    left: auto;
}

.timeline-chiSiamo .top-element:before,
.timeline-chiSiamo .bottom-element:before {
    content: "";
    height: 46px;
    width: 46px;
    line-height: 46px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    color: white;
    position: absolute;
    left: 0;
    border: 4px solid #F29400;
}

.timeline-chiSiamo .top-element:before {
    bottom: -55px;
}

.timeline-chiSiamo .bottom-element:before {
    top: -55px;
}

.timeline-chiSiamo .numero {
    color: #F29400;
    font-size: 36px;
    font-weight: 300;
    line-height: 30px;
}

.timeline-chiSiamo .sopra .numero {
    margin-top: 8px;
}

.timeline-chiSiamo .sotto .numero {
    margin-bottom: 8px;
}

.timeline-chiSiamo .testo {
    font-size: 16px;
    font-weight: 300;
    line-height: normal;
}

.box-servizio {
    border: 1px solid #c6c6c6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    height: 170px;
    margin-bottom: 35px;
    padding-left: 10px;
    padding-right: 10px;
}

.box-servizio p {
    margin-bottom: 0px;
}

.box-servizio img {
    margin: 5px 0px;
}


/* ===================== download =============== */

.box-download {
    background-image: url('../img/pdf-icon.png');
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    padding: 12px 0px 25px 70px;
    margin-bottom: 25px;
    border-bottom: 1px solid #cecece;
}

.box-download span {
    color: #b0b7bd;
}


/* ===================== categoria =============== */

@media (min-width: 992px) {
    .categoria .content-breadcrumb {
        margin-bottom: 0px !important;
    }

    .categoria h1 {
        background-repeat: no-repeat;
        background-position: right bottom;
        padding-top: 33px;
    }

    .categoria h1.pt-95 {
        padding-top: 95px;
    }
}

.link-sottocategorie a {
    font-size: 15px;
    padding: 8px 5px;
    margin-left: 15px;
    margin-right: 15px;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
    text-align: center;
    border: 1px solid #F29400;
    background-color: #F29400;
    color: #fff;
    margin-bottom: 10px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.link-sottocategorie a:hover,
.link-sottocategorie a:focus,
.link-sottocategorie a.active {
    color: #F29400;
    border-color: #F29400;
    text-decoration: none;
    background-color: transparent;
}

.categoria h2 {
    font-size: 30px;
    color: #000;
    border-bottom: 1px solid #b8b8b8 !important;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.box-prodotto a {
    display: block;
}

.box-prodotto .bg-bianco {
    background-color: rgba(255, 255, 255, 0.7);
    height: 40px;
    line-height: 40px;
    padding: 0px 10px 0px 0px;
    font-size: 13px;
    color: #F29400;
    text-decoration: none !important;
    position: relative;
    font-size: 16px;
    display: flex;
}

.box-prodotto .bg-bianco:hover {
    display: flex !important;
}

.box-prodotto .bg-bianco a.aggiungi {
    background-image: url('../img/bag-icon-arancio.png');
    background-repeat: no-repeat;
    background-position: 8px 8px;
    padding-left: 33px;
}

.box-prodotto .bg-bianco a.aggiungi.piena {
    background-image: url('../img/bag-icon-arancio-piena.png');
    background-repeat: no-repeat;
    background-position: 8px 8px;
    padding-left: 33px;
}

.box-prodotto .bg-bianco a.dettagli {
    align-self: flex-end;
}

.box-prodotto .codice a {
    font-size: 13px;
    line-height: normal;
    color: #a4a4a4 !important;
}

.box-prodotto .bg-bianco a {
    color: #F29400 !important;
    text-decoration: none !important;
    display: inline;
    line-height: 40px;
}

.box-prodotto .bg-bianco a span {
    display: none;
}

.categoria .btn-outline-primary {
    color: #0a0a0a;
    border-color: #8a8a8a;
    font-size: 16px;
    padding: 8px 12px;
}

.categoria .btn-outline-primary:hover,
.categoria .btn-outline-primary:focus,
.categoria .btn-outline-primary:active {
    color: #fff;
    border-color: #F29400;
    background-color: #F29400;
}

.categoria .btn-primary.cat-novita,
.categoria .btn-primary.cat-outlet {
    color: #fff;
    border-color: #039642;
    background-color: #039642;
    font-size: 16px;
    padding: 8px 12px;
}

.categoria .btn-primary.cat-outlet {
    border-color: #ff0000;
    background-color: #ff0000;
}

.categoria .btn-primary.cat-novita:hover,
.categoria .btn-primary.cat-novita:focus,
.categoria .btn-primary.cat-novita:active,
.categoria .btn-primary.cat-outlet:hover,
.categoria .btn-primary.cat-outlet:focus,
.categoria .btn-primary.cat-outlet:active {
    color: #0a0a0a;
    border-color: #8a8a8a;
    background-color: transparent;
}

@media (min-width: 768px) {

    .categoria .btn-outline-primary,
    .categoria .btn-primary {
        width: 350px;
    }
}

.box-prodotto .immagine .novita,
.box-prodotto .immagine .promo,
.box-prodotto .immagine .volume,
.box-prodotto .immagine .venduto,
.box-prodotto .immagine .evidenza,
.dettaglio .col-md-4 .novita,
.dettaglio .col-md-4 .promo,
.dettaglio .col-md-4 .volume,
.dettaglio .col-md-4 .venduto,
.dettaglio .col-md-4 .evidenza,
.elenco-cataloghi .immagine .novita,
.box-prodotto .immagine .tagGreen,
.dettaglio .col-md-4 .tagGreen {
    font-size: 11px;
    width: 43px;
    height: 24px;
    line-height: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    background-color: #039642;
    position: absolute;
    top: 10px;
    left: 25px;
    text-align: center;
}

.box-prodotto .immagine .promo,
.dettaglio .col-md-4 .promo {
    background-color: #ff0000;
    width: 54px;
}

.box-prodotto .immagine .volume,
.dettaglio .col-md-4 .volume {
    background-color: #F29400;
    width: 113px;
}

.box-prodotto .immagine .venduto,
.dettaglio .col-md-4 .venduto {
    left: auto;
    right: 20px;
    width: 100px;
    background-color: #0432AB;
}

.box-prodotto .immagine .evidenza,
.dettaglio .col-md-4 .evidenza {
    background-color: #de3ecd;
    width: 80px;
}

.box-prodotto .immagine .tagGreen,
.dettaglio .col-md-4 .tagGreen {
    background-color: #93C51E;
    width: 70px;
}


/* ===================== classifica =============== */

.testo-classifica {
    padding-left: 167px;
    background-image: url('../img/win-ico.png');
    background-repeat: no-repeat;
    background-position: top left;
}

.testo-classifica h1 {
    border-bottom: none !important;
    font-size: 20px;
    text-transform: none;
    color: #F29400;
    padding-bottom: 0px;
    margin-bottom: 10px;
    font-weight: 700;
}

.testo-classifica h1 span {
    font-weight: 400;
    color: #000;
}

.filtri-classifica {
    padding: 8px 0px;
    list-style: none;
    background-color: #f0f0f0;
}

.filtri-classifica li {
    display: inline-block;
}

.filtri-classifica li:nth-child(2) {
    padding-left: 20px
}

.filtri-classifica li+li:after {
    padding: 0 5px;
    color: #c0c0c0;
    content: "|";
}

.filtri-classifica .current {
    color: #F29400;
    font-weight: 700;
}

.filtri-classifica a:hover,
.filtri-classifica a:focus {
    color: #F29400;
    text-decoration: none;
}

.box-prodotto .immagine .coccarda {
    font-size: 20px;
    width: 47px;
    height: 59px;
    line-height: 47px;
    color: #fff;
    position: absolute;
    top: -20px;
    right: 25px;
    text-align: center;
    background-image: url('../img/coccarda-icon.png');
    background-repeat: no-repeat;
    background-position: top left;
}


/* ===================== contatti =============== */

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#mappa.embed-container {
    padding-bottom: 600px;
    margin-top: 10px;
}

.bg-mail {
    background-image: url('../img/mail-icon.png');
    background-repeat: no-repeat;
    background-position: left 10px;
    padding-left: 35px;
}

.form-contatti label.form-check-label {
    font-weight: 300;
    font-size: 13px;
}

.btn-primary {
    background-color: #F29400;
    border-color: #F29400;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:disabled,
.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #fff;
    border-color: #F29400;
    color: #F29400;
}

.form-contatti .btn-primary,
.form-whistleblowing .btn-primary {
    width: 255px;
    text-transform: uppercase;
}


/* ===================== recensioni =============== */

.btn-recensioni {
    background: rgb(253, 139, 24);
    background: linear-gradient(90deg, rgba(213, 91, 0, 1) 0%, rgba(253, 139, 24, 1) 100%);
    padding: 10px;
    font-size: 22px;
    line-height: 40px;
    color: #fff;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
}

.btn-recensioni:hover,
.btn-recensioni:focus {
    background: rgb(213, 91, 0, 1);
    background: linear-gradient(90deg, rgba(253, 139, 24, 1) 0%, rgba(213, 91, 0, 1) 100%);
    color: #fff;
    text-decoration: none;
}


/* ===================== marchi =============== */

.filtro-marchi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 30px;
    margin-bottom: 25px;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem;
    font-size: 18px;
}

.filtro-marchi .current {
    text-decoration: underline;
}

.marchi .border-top,
.marchi .border-right {
    border-color: #e0e0e0 !important;
}


/* ===================== registrazione =============== */

.custom-switch .custom-control-label::before {
    width: 50px;
    top: 10px;
    box-shadow: none !important;
    border: none;
    background-color: #d2d2d2;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #f1d0a6;
    background-color: #f1d0a6;
}

.custom-switch .custom-control-label::after {
    top: 4px;
    left: -45px;
    width: 28px;
    height: 28px;
    background-color: #fff;
    border-radius: 28px;
    border: 1px solid #d2d2d2;
}

.custom-switch .custom-control-label {
    padding-left: 35px;
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    left: -15px;
    background-color: #fe6823;
    border-color: #fe6823;
}

.registrazione-orari .border {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border-color: #cecece;
}

.registrazione-orari input {
    border: none;
    padding: 0px;
    border-bottom: 1px solid #d2d2d2;
    border-radius: 0px;
    color: #000;
}

.w-250 {
    min-width: 250px;
}

.w-200 {
    min-width: 200px;
}

.form-registrati .italia>div {
    margin-top: 40px;
}

.pagination .page-link {
    border: none !important;
    padding-top: 0px;
    color: #000;
}

.pagination .page-item.active .page-link {
    color: #F29400;
    background-color: transparent;
    border-color: transparent;
}

.box-couponMilano {
    padding: 10px 20px;
    background-color: #f2b565;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 18px;
    line-height: normal;
}


/* ===================== ricerca =============== */

.btn-outline-primary {
    color: #F29400;
    border-color: #F29400;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active {
    background-color: #F29400;
    border-color: #F29400;
    color: #fff;
}


/* ===================== sottocategoria =============== */

#carouselConsigli .text-uppercase {
    height: 28px;
    overflow: hidden;
}

.filtri-ricerca .verde .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #009036;
    background-color: #009036;
}

.filtri-ricerca .verde .custom-control-label::before {
    border-color: #009036;
}

.filtri-ricerca .custom-control-label {
    cursor: pointer;
}

.filtri-ricerca .arancione label {
    color: #000;
}

.filtri-ricerca .arancione .custom-control-input:checked~.custom-control-label::before,
.filtri-ricerca .arancione.checked .custom-control-label::before {
    color: #fff;
    border-color: #F29400;
    background-color: #F29400;
}

.filtri-ricerca .arancione.checked label {
    color: #F29400;
    font-weight: 600 !important;
}

.consiglio {
    font-size: 30px;
    line-height: 30px;
    background-image: url('../img/megafono.svg');
    background-size: 136px 100px;
    background-repeat: no-repeat;
    background-position: center 50px;
    padding-top: 165px;
    text-align: center;
}

.consiglio.volume {
    background-image: url('../img/salvadanaio.svg');
    background-size: 87px 110px;
    background-position: center 35px;
}

#carouselConsigli .carousel-indicators {
    margin-bottom: 0px;
}

#carouselConsigli .carousel-indicators li {
    background-color: #000;
    opacity: 1;
}

#carouselConsigli .carousel-indicators .active {
    background-color: #F29400;
}


/* ===================== dettaglio =============== */

.dettaglio .miniature {
    display: flex;
}

.dettaglio .miniature a {
    width: 30%;
}

.dettaglio .miniature a:nth-child(2) {
    margin: 0px 5%;
    ;
}

.riquadro-rosso,
.riquadro-verde,
.riquadro-arancio {
    border: 2px solid #f00;
    color: #f00;
    font-size: 15px;
    line-height: 20px;
    padding: 10px 20px;
}

.riquadro-verde {
    border-color: #009142;
    color: #009142;
}

.riquadro-arancio {
    border-color: #F29400;
    color: #F29400;
}

.dettaglio .border-rosso,
.border-rosso.cataloghi {
    border: 3px solid #f00;
    padding: 20px;
    text-align: center;
    background-color: #eaeaea;
}

.dettaglio .border-rosso .attivazione {
    font-weight: 600;
    font-style: italic;
}

.dettaglio .prezzo {
    display: flex;
    font-size: 30px;
}

.dettaglio .prezzo>div {
    margin-right: 10px;
}

.dettaglio .prezzo .totale span {
    font-size: 13px;
    color: #a4a4a4;
}

.dettaglio .form-control {
    font-size: 30px;
    border: 3px solid #b8b8b8;
    height: 45px;
    line-height: 45px;
    padding: 0px 10px;
    width: 100px;
    color: #000 !important;
    border-radius: 0px;
}

.dettaglio .accise .form-control {
    border-color: transparent;
    background-color: transparent;
}

.dettaglio h1 {
    font-size: 30px;
    color: #000;
    font-weight: 600;
    margin-bottom: 0px;
    border-color: #d4d4d4 !important;
}

.media-dettaglio {
    list-style: none;
    padding-left: 0px;
    font-size: 15px;
    padding: 8px 0px;
    border-bottom: 1px solid #d4d4d4;
}

.media-dettaglio .barcode {
    background-image: url('../img/dett-barcode.png');
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 35px;
    height: 22px;
    line-height: 22px;
    margin-right: 10px;
    float: left;
}

.media-dettaglio .classifica {
    background-image: url('../img/dett-coccarda.png');
    background-repeat: no-repeat;
    background-position: center left;
    height: 22px;
    line-height: 22px;
    padding-left: 24px;
    margin-right: 10px;
    float: left;
}

.media-dettaglio .preferiti {
    background-image: url('../img/dett-preferiti.png');
    background-repeat: no-repeat;
    background-position: center left;
    height: 22px;
    line-height: 22px;
    padding-left: 24px;
    float: right;
    cursor: pointer;
}

.media-dettaglio .preferiti:hover,
.media-dettaglio .preferiti:focus,
.media-dettaglio .preferiti.active {
    background-image: url('../img/dett-preferiti-active.png');
}

.dettaglio .table {
    color: #373737;
    margin-top: 30px;
    text-align: center;
}

.dettaglio .table td,
.dettaglio .table th {
    border-color: #b8b8b8;
}

.dettaglio .table-bordered thead td,
.dettaglio .table-bordered thead th {
    border-bottom-width: 1px;
    color: #000;
    background-color: #f0f0f0;
    font-weight: 600;
    font-size: 15px;
}

.dettaglio .immagineBig {
    display: block;
    position: relative;
}

.dettaglio .col-md-4 .novita,
.dettaglio .col-md-4 .promo,
.dettaglio .col-md-4 .volume {
    left: 10px;
}

.dettaglio .col-md-4 .volume {
    background-color: #F29400;
    bottom: 10px;
}

.dettaglio .col-md-4 .promo.doppio {
    left: 60px;
}

.dettaglio .btn-secondary {
    background-color: #373737;
    border-color: #373737;
}

.dettaglio .btn-secondary:hover,
.dettaglio .btn-secondary:focus,
.dettaglio .btn-secondary:not(:disabled):not(.disabled):active {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

.articoloGreen a {
    margin: 5px 0px;
    color: #93C51E;
    font-size: 15px;
}

.articoloGreen img {
    vertical-align: text-bottom;
}

/* ===================== carrello =============== */

.riga-carrello {
    padding-bottom: 1rem !important;
    margin-bottom: 1rem;
    /*border-bottom: 1px solid#b8b8b8;*/
}

.riga-carrello,
.riga-carrello textarea {
    font-size: 14px;
    line-height: normal;
    padding: 5px;
    border-radius: 0px;
}

.riga-carrello label {
    margin-bottom: 6px;
}

.riga-carrello .csv,
.riga-carrello .outlet {
    font-size: 11px;
    width: 43px;
    height: 24px;
    line-height: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    background-color: #0872ce;
    text-align: center;
    display: inline-block;
}

.riga-carrello .outlet {
    background-color: #009036;
}

.riga-carrello .prezzo {
    display: flex;
    font-size: 20px;
    font-weight: 300;
    justify-content: flex-end;
    line-height: 45px;
}

.riga-carrello .prezzo>div {
    margin-right: 5px;
}

.riga-carrello .quantita .form-control {
    font-size: 20px;
    border: 1px solid #b8b8b8;
    height: 45px;
    line-height: 45px;
    padding: 0px 5px;
    width: 80px;
    color: #000 !important;
    border-radius: 0px;
    font-weight: 300;
}

.riga-carrello .prezzo .totale {
    margin-right: 0px;
    text-align: right;
    min-width: 90px;
}

.riga-carrello .prezzo.accise {
    line-height: 20px;
    margin-top: 10px;
}

.riga-carrello .prezzo.accise .quantita .form-control {
    line-height: 20px;
    height: 20px;
    border: none;
    background-color: transparent;
}

.riga-carrello .bg-grigio2 {
    min-height: 158px;
}

.numeri-carrello {
    line-height: 35px;
    font-weight: 300;
    text-align: right;
}

.numeri-carrello .col-md-3,
.numeri-carrello .col-md-12 {
    padding-right: 59px;
}

.numeri-carrello .col-md-3 {
    font-size: 20px;
}

.numeri-carrello span {
    padding: 5px;
    background-color: #daf4fb;
}

.numeri-carrello .col-md-3 span {
    margin-right: -5px;
    display: block;
}

.numeri-carrello .col-md-9 span {
    display: inline-block;
    height: 45px;
    width: 200px;
}

.numeri-carrello .iva span {
    background-color: #f0f0f0;
}

.font-weight-light label {
    font-weight: 300;
}

.carrello label.checked {
    font-weight: 700 !important;
}

.elimina-indirizzo {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.indirizzi .custom-control-input:checked~.custom-control-label::before {
    border-color: #000;
    background-color: #000;
}

.indirizzi a.nuovo-indirizzo {
    display: block;
    padding: 39px 10px !important;
    border: 2px solid #000 !important;
    text-transform: uppercase;
    text-align: center;
}

.radius5 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#aggiungiIndirizzo .card {
    border: 1px solid #7a7a7a;
    background-color: #f8f8f8;
    border-radius: 0px;
}

#aggiungiIndirizzo .btn-secondary,
#aggiungiIndirizzo .btn-primary:hover,
#aggiungiIndirizzo .btn-primary:focus {
    color: #000;
    background-color: #fff;
    border-color: #bcbcbc;
}

#aggiungiIndirizzo .btn-secondary:hover,
#aggiungiIndirizzo .btn-secondary:focus,
#aggiungiIndirizzo .btn-primary {
    color: #000;
    background-color: #e3e3e3;
    border-color: #bcbcbc;
}

.bottonIndirizzi .btn {
    padding: 10px;
}

.bottonIndirizzi .btn-secondary {
    background-color: #373737;
    border-color: #373737;
}

.bottonIndirizzi .btn-secondary:hover,
.bottonIndirizzi .btn-secondary:focus,
.bottonIndirizzi .btn-secondary:not(:disabled):not(.disabled):active {
    background-color: #fff;
    border-color: #373737;
    color: #373737;
}

.elimina-mobile {
    display: none;
}

.newCoupon .btn-primary img:first-child,
.newCoupon .btn-primary:hover img:last-child,
.newCoupon .btn-primary:focus img:last-child,
.newCoupon .btn-primary:active img:last-child {
    display: none;
}

.newCoupon .btn-primary img:last-child,
.newCoupon .btn-primary:hover img:first-child,
.newCoupon .btn-primary:focus img:first-child,
.newCoupon .btn-primary:active img:first-child {
    display: inline;
}

/* ===================== pagina 404 ================= */

.error_404 h2 {
    font-size: 150px;
    line-height: 140px;
    margin: 20px 0;
    color: #5f5f5f;
    border: none;
    padding: 0px;
    font-weight: 400;
}

.error_404 h4 {
    margin: 20px 0px 25px;
    font-size: 48px;
    line-height: 45px;
    color: #2b1d0f;
}

.error_404 p {
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 22px;
}

@media (max-width: 767px) {
    .error_404 h2 {
        font-size: 45px;
        line-height: 50px;
    }

    .error_404 h4 {
        font-size: 35px;
        line-height: 45px;
    }
}


/* ===================== landing cartolai =============== */

.landing-cartolai h1,
.landing-cartolai .titoletto {
    font-size: 45px;
    font-weight: 300;
    text-transform: none;
    text-align: center;
    line-height: normal;
    border: none !important;
    color: #F29400;
}

.landing-cartolai h1 {
    margin: 50px 0px 30px;
}

.landing-cartolai h3 {
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 60px;
}

.landing-cartolai .p-check p,
.landing-cartolai .p-check-verde p {
    font-size: 20px;
    line-height: normal;
    padding-left: 40px;
    background-image: url(../img/check-arancione.png);
    background-repeat: no-repeat;
    background-position: 3px top;
    margin: 10px 0px 20px;
}

.landing-cartolai .testo-arancio {
    font-weight: 600;
    color: #f29400;
    text-align: center;
    padding-top: 5px;
    margin-top: 5px;
    background-image: url(../img/bg-testo-arancio.png);
    background-position: top center;
    background-repeat: no-repeat;
}

.landing-cartolai .p-check-verde p {
    background-position: 3px 2px;
    background-image: url(../img/check-verde.png);
}

.landing-cartolai .posizione {
    padding-left: 46px;
    background-image: url(../img/puntatore.png);
    background-position: top left;
    background-repeat: no-repeat;
}

.categorie-cartolai .col-6 {
    margin-bottom: 45px;
}

.categorie-cartolai img {
    border: 1px solid #cecece;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.categorie-cartolai a {
    text-decoration: none !important;
}

.categorie-cartolai a:hover img,
.categorie-cartolai a:focus img {
    border: 3px solid #f29400;
}

.border-nero {
    border-top: 1px solid #000;
}

.text-grigio-chiaro {
    color: #c3c3c3;
}


/* ================== cataloghi ============== */

.elenco-cataloghi .border {
    border-color: #c2c2c2 !important;
}

.elenco-cataloghi .btn {
    font-size: 14px;
    border-color: #b3b3b3;
}

.elenco-cataloghi .btn:hover,
.elenco-cataloghi .btn:focus {
    border-color: #F29400;
}


/* =================== fatturato =================== */

.fatturato .anno,
.fatturato .mese,
.fatturato .totale-anno {
    width: 4%;
    float: left;
    padding: 8px 3px;
    font-size: 14px;
}

.fatturato .mese,
.fatturato .totale-anno {
    width: 7.16%;
}

.fatturato .totale-anno {
    width: 10%;
}

.fatturato .border-bottom {
    border-bottom: 1px solid #ddd;
}

.fatturato .border-bottom2 {
    border-bottom: 2px solid #ddd;
}

.fatturato,
.word-break {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}


/* ===================== rendiconti ================== */

.rendiconti {
    font-weight: 300;
    font-size: 15px;
}

.rendiconti td.metal {
    background-color: #bcbcbc;
    border-right: 1px solid #fff;
}

.rendiconti strong,
.rendiconti th {
    font-weight: 500;
}

.table.rendiconti td,
.table.rendiconti th {
    padding: 8px;
}


/* ====================================== stato ordini ==================================== */

.rigaOrdine {
    font-size: 14px;
    color: #8c8c8c;
}

.rigaOrdine .testo,
.rigaOrdine .link {
    width: 16%;
    float: left;
    padding: 8px;
}

.rigaOrdine .link {
    width: 10%;
}

.rigaOrdine .btn-outline-primary {
    color: #8c8c8c;
    border-color: #8c8c8c;
    font-size: 14px;
    padding: 3px;
}

.rigaOrdine .btn-outline-primary:hover,
.rigaOrdine .btn-outline-primary:focus {
    color: #fff;
    border-color: #f29400;
}

.rigaOrdine .testo {
    padding-top: 12px;
}

.dettaglio-ordine {
    font-size: 14px;
    font-weight: 300;
}

.dettaglio-ordine>div {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.dettaglio-ordine>div>div {
    -ms-flex: 0 0 8%;
    flex: 0 0 8%;
    max-width: 8%;
    padding: 3px 8px;
}

.dettaglio-ordine .descrizione {
    -ms-flex: 0 0 36%;
    flex: 0 0 36%;
    max-width: 36%;
}

.dettaglio-ordine .ordinata,
.dettaglio-ordine .residua {
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
}

.dettaglio-ordine .consegnata {
    -ms-flex: 0 0 12%;
    flex: 0 0 12%;
    max-width: 12%;
}

.dettaglio-ordine .data {
    -ms-flex: 0 0 11%;
    flex: 0 0 11%;
    max-width: 15%;
}

.dettaglio-ordine .bottoneCarrello {
    -ms-flex: 0 0 16%;
    flex: 0 0 16%;
    max-width: 16%;
}

.dettaglio-ordine .bottoneCarrello .btn {
    font-size: 14px;
}


/* ======================= pagina coupon ======================= */

.tabella.coupon {
    color: #8c8c8c;
}

.coupon-id,
.coupon-valore,
.coupon-da,
.coupon-scadenza,
.coupon-utilizzi,
.coupon-limitazioni,
.coupon-minimo,
.coupon-spendibilita,
.coupon-pdf {
    float: left;
    width: 14%;
    padding: 5px;
    font-size: 14px;
}

.coupon-valore,
.coupon-utilizzi,
.coupon-da {
    width: 11%;
}

.coupon-id {
    width: 2%;
    font-weight: 500;
    color: #F29400;
}

.coupon-limitazioni {
    width: 12%;
}

.coupon-spendibilita {
    width: 19%;
}

.coupon-minimo {
    width: 16%;
}

.coupon-pdf {
    width: 4%;
    border-right: none;
    padding-right: 0px;
    padding-top: 10px;
    text-align: center;
}

.coupon .head {
    font-weight: 500;
    color: #F29400 !important;
    border-bottom: 1px solid #ccc;
}

@media (min-width: 768px) and (max-width: 991px) {

    .coupon-id,
    .coupon-valore,
    .coupon-da,
    .coupon-scadenza,
    .coupon-utilizzi,
    .coupon-limitazioni,
    .coupon-minimo,
    .coupon-spendibilita,
    .coupon-pdf {
        font-size: 13px;
    }
}

@media (max-width: 767px) {
    .tabella.coupon .riga {
        border-width: 3px !important;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .tabella.coupon .riga>div {
        display: block;
        float: none;
        padding: 3px;
        width: 100%;
    }

    .tabella.coupon .riga>div {
        position: relative;
        padding-left: 50%;
    }

    .tabella.coupon .riga>div:before {
        position: absolute;
        top: 3px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        font-weight: 500;
    }

    .tabella.coupon .riga>div:nth-of-type(1) {
        padding-left: 6px;
    }

    .tabella.coupon .riga>div:nth-of-type(9) {
        padding-left: 15px;
        text-align: left;
    }

    .tabella.coupon .riga>div:nth-of-type(2):before {
        content: "Valore Coupon";
    }

    .tabella.coupon .riga>div:nth-of-type(3):before {
        content: "Valido dal";
    }

    .tabella.coupon .riga>div:nth-of-type(4):before {
        content: "Data scadenza";
    }

    .tabella.coupon .riga>div:nth-of-type(5):before {
        content: "N° utilizzi";
    }

    .tabella.coupon .riga>div:nth-of-type(6):before {
        content: "Limitazioni";
    }

    .tabella.coupon .riga>div:nth-of-type(7):before {
        content: "Importo minimo ordine";
    }

    .tabella.coupon .riga>div:nth-of-type(8):before {
        content: "Spendibilità";
    }
}


/* ===================== nascondi bocchio =============== */

.nascondi-bocchio .top .contatti,
.nascondi-bocchio .top .menu-top li,
.nascondi-bocchio footer,
.nascondi-bocchio .box-prodotto p.mb-1,
.nascondi-bocchio .dettaglio .prezzo,
.nascondi-bocchio .prezzo-listino,
.nascondi-bocchio .aggiungi-carrello,
.nascondi-bocchio .servizi-home,
.nascondi-bocchio .acquistiRisparmi {
    display: none;
}

.nascondi-bocchio .top .col-xl-8 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.nascondi-bocchio .top .menu-top li:last-child {
    display: flex;
}

.nascondi-bocchio header .left,
.nascondi-bocchio header .right {
    display: none !important;
}

.nascondi-bocchio .pushfooter {
    height: 40px;
}

@media (min-width: 992px) {
    .nascondi-bocchio .top .menu-top.col-lg-8 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .nascondi-bocchio header .justify-content-lg-between {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
}


/* ===================== landing milano ====================== */

.landing-cartolai.milano .testo-arancio {
    color: #000;
    padding-top: 15px;
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 20px;
    line-height: normal;
    background-size: 66px 1px;
    font-weight: 500;
}

/* ===================== faq ====================== */

#faq .card {
    margin-bottom: 30px;
    border: 0;
}

#faq .card .card-header {
    border: 0;
    -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
    box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
    border-radius: 2px;
    padding: 0;
}

#faq .card .card-header .btn-header-link {
    color: #fff;
    display: block;
    text-align: left;
    background: #f0f0f0;
    color: #000;
    padding: 20px;
    border-radius: .25rem;
    font-size: 18px;
    font-weight: 500;
}

#faq .card .card-header .btn-header-link:after {
    content: "↑";
    font-weight: 700;
    float: right;
}

#faq .card .card-header .btn-header-link.collapsed {
    background: #F29400;
    color: #fff;
    font-weight: 400;
}

#faq .card .card-header .btn-header-link.collapsed:after {
    content: "↓";
}

#faq .card .collapsing {
    background: #f0f0f0;
    line-height: 30px;
}

#faq .card .collapse {
    border: 0;
}

#faq .card .collapse.show {
    background: #f0f0f0;
    line-height: 30px;
    color: #222;
}


/* ===================== media retina =============== */

@media all and (-webkit-min-device-pixel-ratio: 1.5),
all and (-webkit-min-device-pixel-ratio: 2) {
    .box-prodotto .bg-bianco {
        margin-top: 0px !important;
        display: flex !important;
    }

    .servizi-home .prodotti {
        background-image: url('../img/prodotti-icon@2x.png');
        background-size: 65px 74px;
    }

    .servizi-home .spedizione {
        background-image: url('../img/spedizione-icon@2x.png');
        background-size: 113px 74px;
    }

    .servizi-home .assistenza {
        background-image: url('../img/assistenza-icon@2x.png');
        background-size: 64px 74px;
    }

    .servizi-home .reteVendita {
        background-image: url('../img/rete-vendita-icon@2x.png');
        background-size: 73px 74px;
    }

    .bg-arancione .orari {
        background-image: url('../img/calendario-bianco@2x.png');
        background-size: 58px 58px;
    }

    .offerte-mese {
        background-image: url('../img/mese-icon@2x.png');
        background-size: 51px 59px;
    }

    .offerte-volume {
        background-image: url('../img/volume-icon@2x.png');
        background-size: 51px 59px;
    }

    .articoli-cartolai {
        background-image: url('../img/cartolai-icon@2x.png');
        background-size: 51px 59px;
    }

    .articoli-tabaccai {
        background-image: url('../img/tabaccai-icon@2x.png');
        background-size: 51px 59px;
    }

    .box-download {
        background-image: url('../img/pdf-icon@2x.png');
        background-size: 50px 57px;
    }

    .box-prodotto .bg-bianco a.aggiungi {
        background-image: url('../img/bag-icon-arancio@2x.png');
        background-size: 19px 23px;
    }

    .box-prodotto .bg-bianco a.aggiungi.piena {
        background-image: url('../img/bag-icon-arancio-piena@2x.png');
        background-size: 19px 23px;
    }

    .landing-cartolai .p-check p {
        background-image: url(../img/check-arancione@2x.png);
        background-size: 22px 22px;
    }

    .landing-cartolai .p-check.verde p {
        background-image: url(../img/check-verde@2x.png);
        background-size: 22px 21px;
    }

    .landing-cartolai .posizione {
        background-image: url(../img/puntatore@2x.png);
        background-size: 32px 50px;
    }

    .aperture-straordinarie .link {
        background-image: url('../img/ico-link@2x.png');
        background-size: 20px 20px;
    }

    .aperture-straordinarie .link:hover,
    .aperture-straordinarie .link:focus {
        background-image: url('../img/ico-link-arancione@2x.png');
        background-size: 20px 20px;
    }

    .aperture-straordinarie .pdf {
        background-image: url('../img/pdf@2x.png');
        background-size: 20px 20px;
    }

    .aperture-straordinarie .pdf:hover,
    .aperture-straordinarie .pdf:focus {
        background-image: url('../img/pdf-arancione@2x.png');
        background-size: 20px 20px;
    }
}


/* ===================== media  =============== */

@media (min-width: 992px) {
    .bg-light {
        padding: 0px;
    }

    .catHome>.col-md-4 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .attivazione-immediata {
        position: absolute;
        right: 0px;
        top: 5px;
    }

    .dettaglio .table td,
    .dettaglio .table th {
        min-width: 150px;
    }
}


/* ===================== media desktop piccolo =============== */

@media (min-width: 992px) and (max-width: 1199px) {

    .gradient-prodotto .titolo,
    .gradient-registrati .titolo {
        font-size: 25px;
        line-height: 25px;
    }

    .gradient-prodotto .btn-primary,
    .gradient-registrati .btn-primary {
        right: 15px;
    }

    .bg-arancione .orari {
        background-position: left top;
    }

    .bg-arancione.py-4.bianco .col-md-4 {
        padding-left: 0px;
    }

    .offerte-mese,
    .offerte-volume,
    .articoli-cartolai,
    .articoli-tabaccai {
        height: 154px;
    }

    .top .navbar .navbar-nav .nav-link {
        padding-right: 5px;
        padding-left: 5px;
        font-size: 14px;
    }

    .box-servizio {
        height: 190px;
    }

    .areaRiservata>a span {
        width: 150px;
        overflow: hidden;
    }

    .media-dettaglio .barcode {
        float: none;
        margin-bottom: 20px;
    }

    .riga-carrello .bg-grigio2 {
        min-width: 338px;
    }

    .numeri-carrello .col-md-3,
    .numeri-carrello .col-md-12 {
        padding-right: 55px;
    }

    .fatturato .anno {
        width: 100%;
    }

    .fatturato .mese {
        width: 8.3%;
    }

    .fatturato .font-weight-500 .mese {
        font-size: 13.5px;
    }

    .rendiconti {
        font-size: 14px;
    }

    .dettaglio-ordine>div>div {
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%;
        padding: 3px 5px;
    }

    .dettaglio-ordine .descrizione {
        -ms-flex: 0 0 22%;
        flex: 0 0 22%;
        max-width: 22%;
    }

    .dettaglio-ordine .ordinata,
    .dettaglio-ordine .residua {
        -ms-flex: 0 0 12%;
        flex: 0 0 12%;
        max-width: 12%;
    }

    .dettaglio-ordine .consegnata {
        -ms-flex: 0 0 14%;
        flex: 0 0 14%;
        max-width: 14%;
    }

    #menuPrincipale .nav-link {
        font-size: 16px;
    }

    .top .contatti .immagine {
        margin-right: 20px;
    }

    .top .contatti .testo {
        display: none;
    }

    .dettaglio-ordine .bottoneCarrello {
        -ms-flex: 0 0 16%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}


/* ===================== media tablet=============== */

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-expand-lg .navbar-brand {
        display: inline-block;
    }

    .top .contatti .testo {
        display: none;
    }

    .top .contatti .immagine {
        margin-right: 10px;
    }

    .top .contatti .immagine:last-child {
        margin-right: 0px;
    }

    #menuTop .ml-4,
    #menuTop .ml-3 {
        margin-left: 5px !important;
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 4px;
        padding-left: 4px;
        font-size: 14px;
    }

    header.loggato .center {
        width: 60%;
        margin: 15px 1% 0px;
        display: block !important;
        float: left !important;
    }

    header.loggato .right {
        width: 36%;
        margin: 15px 1% 0px;
        display: block !important;
        float: left !important;
        text-align: right
    }

    header {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    header .cerca {
        margin-top: 15px;
    }

    .offerte-mese,
    .offerte-volume,
    .articoli-cartolai,
    .articoli-tabaccai {
        height: 154px;
    }

    footer .col-md-12>div,
    footer .col-md-12>p {
        float: left;
        margin-right: 20px;
    }

    footer .col-md-12>p:last-child {
        margin-right: 0px;
    }

    .top .btn-primary {
        font-size: 14px;
    }

    .aperture-straordinarie .titolo {
        font-size: 20px;
        line-height: 25px;
    }

    .box-servizio {
        height: 220px;
    }

    .link-sottocategorie a {
        -ms-flex: 0 0 29%;
        flex: 0 0 29%;
        max-width: 29%;
    }

    .box-prodotto a {
        font-size: 14px;
    }

    .form-registrati .italia {
        padding: 0px;
    }

    .consiglio {
        background-position: center 20px;
        padding-top: 130px;
        font-size: 20px;
        line-height: 22px;
    }

    .areaRiservata>a span {
        max-width: 120px;
    }

    .media-dettaglio .classifica {
        margin-top: 20px;
    }

    .dettaglio .prezzo {
        display: block;
    }

    .dettaglio .prezzo>div {
        float: left;
    }

    .dettaglio .prezzo .totale {
        text-align: right;
    }

    .dettaglio .prezzo .totale span {
        display: block;
    }

    .bottonIndirizzi .col-md-6 {
        margin-bottom: 24px;
    }

    .areaRiservata .dropdown-menu {
        left: auto;
        right: 0px;
    }

    .fatturato .font-weight-500 .mese {
        font-size: 10px;
    }

    .fatturato .mese {
        width: 8.3%;
    }

    .fatturato .anno,
    .fatturato .mese {
        font-size: 12px;
    }

    .fatturato .anno {
        width: 100%;
    }

    .fatturato .mese {
        width: 8.3%;
        padding: 8px 2px;
    }

    table.rendiconti {
        font-size: 14px;
    }

    .table.rendiconti td,
    .table.rendiconti th {
        padding: 8px 3px;
    }

    .rigaOrdine .testo,
    .rigaOrdine .link {
        padding: 5px;
        font-size: 13.5px;
        width: 15%;
    }

    .rigaOrdine .link {
        width: 12.5%;
    }

    .rigaOrdine .btn-outline-primary {
        font-size: 13.5px;
    }

    .orari .btn-primary {
        padding: 10px 25px;
    }

    footer .contatti {
        margin-top: 15px;
    }

    .timeline-chiSiamo .bottom-element:nth-child(1) .testo,
    .timeline-chiSiamo .bottom-element:nth-child(1) .numero {
        left: -42%;
    }
}


/* ===================== media mobile =============== */

@media (max-width: 767px) {
    .m-top20-xs {
        margin-top: 20px;
    }

    .top .contatti .mr-4 {
        margin-right: 1rem !important;
    }

    h1 {
        font-size: 30px;
        min-height: 78px;
    }

    .content-breadcrumb {
        margin-bottom: 20px !important;
    }

    .navbar-brand {
        display: inline-block;
    }

    .m-bottom85 {
        margin-bottom: 45px;
    }

    .top .navbar {
        margin-top: 20px;
    }

    .top .ml-4,
    .top .ml-3 {
        margin-left: 0px !important;
        margin-bottom: 15px;
    }

    .dropdown-menu {
        color: #fff;
        border: none;
        border-radius: 0px;
        background-color: #ffe7d1;
    }

    .top .dropdown-item {
        color: #000;
    }

    .top .dropdown-item:hover,
    .top .dropdown-item.current {
        color: #000;
        text-decoration: underline;
    }

    header .riquadro-recensioni .float-left,
    header .riquadro-recensioni .float-right {
        float: none !important;
        text-align: center;
        line-height: normal;
    }

    header .riquadro-recensioni .float-left {
        line-height: 38px;
    }

    header.mb-4 {
        padding-top: 15px;
        padding-bottom: 15px;
        margin-bottom: 0px !important;
    }

    header.loggato .cerca,
    header.loggato .carrello {
        display: block !important;
        float: left;
        margin-top: 15px;
        width: 65%;
    }

    header.loggato .carrello {
        width: 30%;
        float: right;
    }

    header.non-loggato .cerca {
        margin-top: 20px;
    }

    header .justify-content-lg-between {
        justify-content: space-between;
    }

    header .carrello .nero {
        display: none;
    }

    header.loggato .d-flex.right.justify-content-lg-end.d-lg-none {
        display: none !important;
    }

    header.loggato .left.justify-content-between {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    #menuPrincipale .dropdown-item.active,
    #menuPrincipale .dropdown-item:active,
    #menuPrincipale .dropdown-item:hover,
    #menuPrincipale .dropdown-item:focus,
    #menuPrincipale .dropdown-item.current {
        color: #fff;
    }

    .bg-arancione .orari,
    .offerte-volume,
    .articoli-cartolai,
    .articoli-tabaccai,
    .footer-bianco>div>div {
        margin-top: 25px;
    }

    .timeline-chiSiamo {
        margin-top: 40px;
        margin-bottom: 40px !important;
    }

    .link-sottocategorie a {
        margin-left: 5px;
        margin-right: 5px;
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
        max-width: 45%;
    }

    .testo-classifica {
        padding-left: 0px;
        padding-top: 100px;
    }

    .box-prodotto .immagine {
        text-align: center;
    }

    .registrazione-orari .px-5 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .registrazione-orari .custom-switch {
        margin-bottom: 20px;
    }

    .pagination,
    .select-prezzi {
        margin-top: 20px !important;
    }

    header .btn-outline-primary {
        border-color: #cecece;
        color: #000;
        padding: 6px 18px;
    }

    .top .areaRiservata {
        margin-top: 20px;
    }

    .dettaglio .prezzo {
        display: block;
    }

    .dettaglio .prezzo>div {
        float: left;
    }

    .dettaglio .prezzo .totale {
        width: 100%;
        margin-top: 15px;
    }

    .media-dettaglio .classifica {
        height: auto;
        background-position: top left;
        margin-top: 20px;
    }

    .acquistiRisparmi th,
    .acquistiRisparmi td {
        padding: 5px;
        font-size: 14px;
    }

    .carrello .elimina {
        display: none;
    }

    .riga-carrello .bg-grigio2 {
        min-width: 100% !important;
        min-height: auto;
    }

    .border-top.my-3 {
        margin-bottom: 50px !important;
    }

    .riga-carrello:nth-child(even) {
        background-color: #ffdfac;
    }

    .numeri-carrello .col-md-3,
    .numeri-carrello .col-md-12 {
        padding-right: 15px !important;
    }

    .font35 {
        font-size: 30px;
    }

    .indirizzi .col-md-4,
    .bottonIndirizzi .btn {
        margin-bottom: 20px;
    }

    .elimina-mobile {
        display: block;
        text-align: right;
    }

    .landing-cartolai .freccia {
        width: 30px;
    }

    #collapseAccedi .row .col-xl-2,
    #collapseAccedi .row .col-lg-2 {
        margin-bottom: 16px;
    }

    #collapseAccedi .row p {
        margin-top: 16px;
    }

    .fatturato .mese {
        width: 100%;
        padding-left: 50%;
        position: relative;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .fatturato .mese:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 3px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        font-weight: 500;
    }

    .fatturato .anno {
        width: 100%;
    }

    .fatturato .riga-fatturato .mese:nth-child(2):before {
        content: "Gennaio";
    }

    .fatturato .riga-fatturato .mese:nth-child(3):before {
        content: "Febbraio";
    }

    .fatturato .riga-fatturato .mese:nth-child(4):before {
        content: "Marzo";
    }

    .fatturato .riga-fatturato .mese:nth-child(5):before {
        content: "Aprile";
    }

    .fatturato .riga-fatturato .mese:nth-child(6):before {
        content: "Maggio";
    }

    .fatturato .riga-fatturato .mese:nth-child(7):before {
        content: "Giugno";
    }

    .fatturato .riga-fatturato .mese:nth-child(8):before {
        content: "Luglio";
    }

    .fatturato .riga-fatturato .mese:nth-child(9):before {
        content: "Agosto";
    }

    .fatturato .riga-fatturato .mese:nth-child(10):before {
        content: "Settembre";
    }

    .fatturato .riga-fatturato .mese:nth-child(11):before {
        content: "Ottobre";
    }

    .fatturato .riga-fatturato .mese:nth-child(12):before {
        content: "Novembre";
    }

    .fatturato .riga-fatturato .mese:nth-child(13):before {
        content: "Dicembre";
    }

    .riga-fatturato {
        padding-bottom: 15px;
    }

    table.rendiconti {
        font-size: 13px;
    }

    .table.rendiconti,
    .table.rendiconti thead,
    .table.rendiconti tbody,
    .table.rendiconti th,
    .table.rendiconti td,
    .table.rendiconti tr {
        display: block;
    }

    .table.rendiconti .thead {
        display: none;
    }

    .table.rendiconti td,
    .table.rendiconti th {
        padding: 3px;
    }

    .table.rendiconti td {
        position: relative;
        padding-left: 50%;
    }

    .table.rendiconti td:before {
        position: absolute;
        top: 3px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        font-weight: 500;
    }

    .table.rendiconti td:nth-of-type(1):before {
        content: "Numero Partita";
    }

    .table.rendiconti td:nth-of-type(2):before {
        content: "Numero Documento";
    }

    .table.rendiconti td:nth-of-type(3):before {
        content: "Data Documento";
    }

    .table.rendiconti td:nth-of-type(4):before {
        content: "Descrizione";
    }

    .table.rendiconti td:nth-of-type(5):before {
        content: "Importo";
    }

    .table.rendiconti td:nth-of-type(6):before {
        content: "Scaduto";
    }

    .table.rendiconti td:nth-of-type(7):before {
        content: "A scadere";
    }

    .table.rendiconti td:nth-of-type(8):before {
        content: "Data scadenza";
    }

    .rigaOrdine.arancione {
        display: none;
    }

    .rigaOrdine .testo,
    .rigaOrdine .link {
        display: block;
        float: none;
        padding: 3px;
        width: 100%;
    }

    .rigaOrdine .testo {
        position: relative;
        padding-left: 50%;
    }

    .rigaOrdine .testo:before {
        position: absolute;
        top: 3px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        font-weight: 500;
    }

    .rigaOrdine .testo:nth-of-type(1):before {
        content: "N° Ordine";
    }

    .rigaOrdine .testo:nth-of-type(2):before {
        content: "Data";
    }

    .rigaOrdine .testo:nth-of-type(3):before {
        content: "Stato";
    }

    .rigaOrdine .testo:nth-of-type(4):before {
        content: "Totale";
    }

    .rigaOrdine .testo:nth-of-type(5):before {
        content: "Totale imponibile";
    }

    .stato-ordini .card .card-body>.border-bottom {
        border-bottom: 3px solid #F29400 !important;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .le-logo {
        max-width: 159px;
    }

    .orari .btn-primary {
        margin-top: 20px;
    }

    .orari .line40 {
        line-height: 40px;
    }

    .orari .font40 {
        font-size: 30px;
    }

    #mappa.embed-container {
        padding-bottom: 300px;
    }

    .card_container .d-flex.border-arancione>div {
        width: 100%;
    }
}


/* ===================== media desktop grande =============== */

@media (min-width: 1200px) {
    footer .dati {
        -ms-flex: 0 0 21%;
        flex: 0 0 21%;
        max-width: 21%;
    }

    footer .indirizzi {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }

    footer .contatti {
        -ms-flex: 0 0 32.333333%;
        flex: 0 0 32.333333%;
        max-width: 32.333333%;
    }

    /* .timeline-chiSiamo {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .timeline-chiSiamo .sopra,
    .timeline-chiSiamo .sotto {
        width: 888px;
    } */
    .box-prodotto .bg-bianco a span {
        display: inline;
    }

    .riga-carrello .prezzo {
        width: 300px;
    }
}


/* ===================== media max tablet =============== */

@media (max-width: 991px) {

    .gradient-prodotto,
    .gradient-registrati {
        display: block;
        padding: 15px;
        margin-bottom: 20px;
    }

    .gradient-prodotto .left,
    .gradient-prodotto .right {
        display: block !important;
        width: 100%;
        margin-right: 0px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .gradient-prodotto .right img {
        display: none;
    }

    .gradient-prodotto .titolo,
    .gradient-registrati .titolo {
        font-size: 25px;
        line-height: 25px;
    }

    .gradient-prodotto .testo {
        height: auto;
        margin-bottom: 16px !important;
    }

    .gradient-prodotto .btn-primary,
    .gradient-registrati .btn-primary {
        position: relative;
        bottom: auto;
        right: auto;
    }

    .bg-arancione.py-4.bianco .line40 {
        line-height: 25px !important;
        font-size: 25px !important;
    }

    .bg-arancione .orari {
        font-size: 20px;
        background-position: left top;
    }

    .attivazione-immediata {
        text-align: right;
        margin-bottom: 10px;
        margin-top: -30px;
    }

    .riga-carrello .prezzo,
    .riga-carrello .quantita .form-control {
        font-size: 16px;
    }

    .riga-carrello .bg-grigio2 {
        min-width: 300px;
    }

    .numeri-carrello .col-md-3,
    .numeri-carrello .col-md-12 {
        padding-right: 53px;
    }

    .landing-cartolai h1,
    .landing-cartolai .titoletto {
        font-size: 35px;
    }
}


/* ===================== media min mobile =============== */

@media (min-width: 768px) {
    .box-prodotto .bg-bianco {
        margin-top: -40px;
        /* display: none; */
    }

    .w-300 {
        min-width: 300px;
    }
}


/* Menù utente */

.dropdown-menu.right-side {
    left: auto;
    right: 0px;
}


/* ============== Autocomplete =============== */

.ui-autocomplete {
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    z-index: 1000;
}

.ui-autocomplete div {
    cursor: pointer;
    padding: 5px;
}

.ui-autocomplete div:hover {
    background-color: #F29400;
    color: #fff;
}

.dettaglio-rendiconto {
    font-size: 14px;
    font-weight: 300;
}

.dettaglio-rendiconto>div {
    display: flex;
    align-items: flex-start;
    align-items: center;
}

.dettaglio-rendiconto>div>div {
    -ms-flex: 0 0 16%;
    flex: 0 0 16%;
    max-width: 16%;
    padding: 3px 8px;
}

.dettaglio-rendiconto>div>div.modalita {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.pallino.verde,
.pallino.giallo,
.pallino.rosso {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #0CCA00;
}

.pallino.giallo {
    background-color: #FFDD00;
}

.pallino.rosso {
    background-color: #f00;
}

@media (min-width: 768px) and (max-width: 991px) {
    .dettaglio-rendiconto>div>div {
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
}

@media (max-width: 767px) {
    .dettaglio-rendiconto .arancione {
        display: none;
    }

    .dettaglio-rendiconto>div {
        display: block;
        float: none;
        padding: 3px;
        width: 100%;
    }

    .dettaglio-rendiconto>div>div {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        text-align: left !important;
    }

    .dettaglio-rendiconto>div>div {
        position: relative;
        padding-left: 55%;
    }

    .dettaglio-rendiconto>div>div:before {
        position: absolute;
        top: 3px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        font-weight: 500;
    }

    #scadenzaRendiconto .rigaOrdine .testo:nth-of-type(1):before {
        content: "Scadenza";
    }

    #scadenzaRendiconto .rigaOrdine .testo:nth-of-type(2):before {
        content: "Totale";
    }

    #scadenzaRendiconto .dettaglio-rendiconto>div>div:nth-of-type(1):before {
        content: "N° Documento";
    }

    #scadenzaRendiconto .dettaglio-rendiconto>div>div:nth-of-type(2):before {
        content: "Data Documento";
    }

    #scadenzaRendiconto .dettaglio-rendiconto>div>div:nth-of-type(3):before {
        content: "Modalità pagam.";
    }

    #scadenzaRendiconto .dettaglio-rendiconto>div>div:nth-of-type(4):before {
        content: "Importo rata";
    }

    #documentoRendiconto .rigaOrdine .testo:nth-of-type(1):before {
        content: "N° Documento";
    }

    #documentoRendiconto .rigaOrdine .testo:nth-of-type(2):before {
        content: "Data Documento";
    }

    #documentoRendiconto .rigaOrdine .testo:nth-of-type(3):before {
        content: "Totale";
    }

    #documentoRendiconto .dettaglio-rendiconto>div>div:nth-of-type(1):before {
        content: "Modalità pagam.";
    }

    #documentoRendiconto .dettaglio-rendiconto>div>div:nth-of-type(2):before {
        content: "Data scadenza";
    }

    #documentoRendiconto .dettaglio-rendiconto>div>div:nth-of-type(3):before {
        content: "Importo rata";
    }

    #documentoRendiconto .rigaOrdine,
    #scadenzaRendiconto .rigaOrdine {
        border-top: 3px solid #F29400 !important;
        padding-top: 20px;
        margin-top: 20px;
    }

    #documentoRendiconto .rigaOrdine.first,
    #scadenzaRendiconto .rigaOrdine.first {
        border-top: none !important;
        padding-top: 20px;
        margin-top: 20px;
    }
}

header #frm_search .ui-state-active {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #F29400;
}


/* nuovo carosello HP */

.owl-2 .owl-next,
.owl-2 .owl-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 5%;
    color: #fff !important;
    font-size: 40px !important;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease;
    background-color: rgba(0, 0, 0, 0.3) !important;
}

.owl-2 .owl-next {
    right: 0;
}


/* hovereffect */

.clearfix {
    clear: both;
}

.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.hovereffect .overlay,
.hovereffect .overlayScritta {
    width: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.hovereffect img {
    display: block;
    position: relative;
}

.box-offerte>div:hover .hovereffect .overlay,
.box-offerte>div:hover .hovereffect .overlayScritta {
    opacity: 1;
    filter: alpha(opacity=100);
}

.hovereffect .overlay {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

.hovereffect .overlayScritta {
    color: #fff;
    text-transform: uppercase;
    padding-top: 40%;
}


/* offerte HP */

.box-offerte .btn-light {
    color: #000;
    background-color: #fff;
    border-color: #dededc;
    text-transform: uppercase;
    font-size: 15px;
}

.box-offerte>div.novita:hover .btn-light,
.box-offerte .novita .btn-light:focus {
    background-color: #ffc500;
    border-color: #ffc500;
}

.box-offerte>div.volume:hover .btn-light,
.box-offerte .volume .btn-light:focus {
    background-color: #ed4c3a;
    border-color: #ed4c3a;
    color: #fff;
}

.box-offerte>div.outlet:hover .btn-light,
.box-offerte .outlet .btn-light:focus {
    background-color: #03acba;
    border-color: #03acba;
    color: #fff;
}

.box-offerte>div.promozioni:hover .btn-light,
.box-offerte .promozioni .btn-light:focus {
    background-color: #cf3646;
    border-color: #cf3646;
    color: #fff;
}

.box-offerte>div.green:hover .btn-light,
.box-offerte .green .btn-light:focus {
    background-color: #93C51E;
    border-color: #93C51E;
    color: #fff;
}

@media (min-width: 992px) {
    .box-offerte .col-md-3 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .box-offerte .btn-light {
        font-size: 13px;
    }

    .box-offerte .col-md-3:nth-child(1),
    .box-offerte .col-md-3:nth-child(2),
    .box-offerte .col-md-3:nth-child(3) {
        margin-bottom: 25px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .box-offerte .btn-light {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .box-offerte .btn-light {
        font-size: 12px;
    }
}


/* ======================= pagina resi ======================= */

.tabella.resi {
    color: #8c8c8c;
}

.tabella.resi .head,
.tabella.resiDettaglio .head {
    font-weight: 500;
    color: #F29400 !important;
    border-bottom: 1px solid #ccc;
}

.reso-data,
.reso-codice,
.reso-stato,
.reso-visualizza,
.reso-pdf,
.reso-causale,
.reso-codiceArt,
.reso-cf,
.reso-pezzi,
.reso-nddt,
.reso-dataddt {
    float: left;
    width: 28%;
    padding: 5px;
    font-size: 14px;
    /*line-height: 25px; */
}

.reso-note-desc,
.reso-foto {
    width: 8%;
    padding: 5px;
    font-size: 14px;
    /*line-height: 25px; */
}

.reso-causale .form-control,
.reso-codiceArt .form-control,
.reso-cf .form-control,
.reso-pezzi .form-control,
.reso-nddt .form-control,
.reso-dataddt .form-control {
    font-size: 14px;
    padding: 0.375rem;
}

.reso-causale .form-group,
.reso-codiceArt .form-group,
.reso-cf .form-group,
.reso-pezzi .form-group,
.reso-nddt .form-group,
.reso-dataddt .form-group {
    margin-bottom: 0px;
}

.reso-visualizza,
.reso-pdf,
.reso-foto
.reso-note-desc {
    width: 9%;
    text-align: center;
}

.reso-causale {
    width: 24%;
}

.resiDettaglio.nuovo .reso-causale {
    width: 30%;
}

.reso-codiceArt,
.reso-cf,
.reso-pezzi,
.reso-nddt,
.reso-dataddt {
    width: 14%;
}

.p-left5 {
    padding-left: 5px;
}

@media (min-width: 768px) and (max-width: 991px) {

    .reso-data,
    .reso-codice,
    .reso-stato,
    .reso-visualizza,
    .reso-pdf {
        width: 26%;
    }

    .reso-visualizza,
    .reso-pdf {
        width: 13%;
    }

    .reso-pdf {
        width: 9%;
    }
}

@media (max-width: 767px) {
    .tabella.resi .riga {
        border-width: 3px !important;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .reso-data,
    .reso-codice,
    .reso-stato,
    .reso-causale,
    .reso-codiceArt,
    .reso-cf,
    .reso-pezzi,
    .reso-nddt,
    .reso-dataddt,
    .reso-foto {
        display: block;
        float: none;
        padding: 3px;
        width: 100%;
    }

    .reso-visualizza,
    .reso-pdf {
        width: 50%;
        margin-top: 10px;
    }

    .reso-data,
    .reso-codice,
    .reso-stato,
    .reso-causale,
    .reso-codiceArt,
    .reso-cf,
    .reso-pezzi,
    .reso-nddt,
    .reso-dataddt {
        position: relative;
        padding-left: 50%;
    }

    .reso-data:before,
    .reso-codice:before,
    .reso-stato:before,
    .reso-causale:before,
    .reso-codiceArt:before,
    .reso-cf:before,
    .reso-pezzi:before,
    .reso-nddt:before,
    .reso-dataddt:before {
        position: absolute;
        top: 10px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        font-weight: 500;
    }

    .reso-data:before {
        content: "Data richiesta reso";
    }

    .reso-codice:before {
        content: "Codice richiesta";
    }

    .reso-stato:before {
        content: "Stato richiesta reso";
    }

    .reso-causale:before {
        content: "Causale del reso";
    }

    .reso-codiceArt:before {
        content: "Codice art.";
    }

    .reso-cf:before {
        content: "Q.tà CF";
    }

    .reso-pezzi:before {
        content: "Q.tà pezzi";
    }

    .reso-nddt:before {
        content: "N° DDT/FT";
    }

    .reso-dataddt:before {
        content: "Data DDT/FT";
    }

    .reso-foto {
        text-align: left;
        margin-top: 10px;
        margin-bottom: 25px;
        padding: 0 5px;
    }

    .resiDettaglio.nuovo .reso-causale {
        width: 100%;
    }
}

.reso-note {
    font-size: 14px;
    font-weight: 500;
    color: #F29400 !important
}

.notes-tooltip {
    padding: 2px 6px;
    margin: 2px 0px;
}


/* stile riqudro cookies */

.riquadro-video-cookie {
    border: 1px solid #000;
    text-align: center;
    padding: 10px;
    font-size: 17px;
    line-height: 30px;
}


/* bottoni cambio carrello */

#vaiCarrello .dropdown-menu a {
    width: 225px;
}

#vaiCarrello .modal-footer.alto {
    padding-bottom: 100px;
}

.box_spedizione a {
    color: #F29400 !important;
    text-decoration: underline;
}

.box_spedizione a:hover,
.box_spedizione a:focus,
.box_spedizione a:active {
    text-decoration: none;
}


/* nuova visualizzazione elenco marchi */

.immagineMarchio {
    width: 100%;
}

@media (min-width: 768px) {
    .immagineMarchio {
        height: 110px;
    }

    .immagineMarchio .d-table-cell {
        vertical-align: middle;
    }
}


/* visualizzazione box offerte mobile HP */

@media (max-width: 767px) {
    .box-offerte .hovereffect img {
        margin: 0px auto;
    }

    .box-offerte .col-md-3 {
        margin-bottom: 50px;
    }
}


/* carosello articoli in HP */

.blog-post a.img-link {
    display: block;
    margin-bottom: 20px;
}

.post-title a {
    font-size: 20px;
    font-weight: 700;
    text-decoration: none !important;
    line-height: normal;
    display: block;
    height: 50px;
    overflow: hidden;
    margin-bottom: 10px;
}

.post-title a:hover,
.post-title a:focus {
    color: #F29400;
}

.post-date {
    color: #707070;
    font-weight: 500;
    font-size: 14px;
}

.owl-carousel .owl-item .post-date img {
    display: inline-block;
    width: auto;
    vertical-align: text-bottom;
    margin-right: 3px;
}

.btn-blog {
    color: #F29400;
    border: 1px solid #F29400;
    padding: 10px 20px;
    display: inline-block;
    font-size: 14px;
    outline: none;
    cursor: pointer;
    outline: none;
    line-height: 1.42857;
    border-radius: 3px;
    font-weight: 700;
    text-align: center;
}

.btn-blog:hover,
.btn-blog:focus {
    color: #fff;
    background-color: #F29400;
}

.btn-blog span {
    font-size: 20px;
    margin-left: 3px;
}

.owl-carousel.owl-3 .owl-dots {
    margin-top: 20px;
    text-align: center;
}

.owl-carousel.owl-3 button.owl-dot {
    width: 11px;
    height: 11px;
    border: 1px solid #c5c5c5;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    margin-left: 5px;
    margin-right: 5px;
}

.owl-carousel.owl-3 button.owl-dot.active {
    background-color: #F29400;
    border-color: #F29400;
}


/* @media (min-width: 1200px) {
    .blog-post a.img-link {
        height: 150px;
        overflow: hidden;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .blog-post a.img-link {
        height: 190px;
        overflow: hidden;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .blog-post a.img-link {
        height: 150px;
        overflow: hidden;
    }
} */


/* dettaglio Marchio */

@media (max-width: 991px) {

    h1.dettaglioMarchio,
    h1.dettaglioCategoria {
        background-image: none !important;
    }
}


/* showroom */

.bg-nero {
    background-color: #000;
}

.py-50 {
    padding: 50px 0px;
}

.sepShowroomTitle {
    width: 70px;
    margin: 20px auto;
    border-top: 1px solid #cecece;
}

h1.showroom {
    border-bottom: none !important;
    text-transform: none;
    color: #000;
    margin-bottom: 50px;
    font-weight: 300;
    text-align: center;
}

.contenutoImg img {
    width: 100% !important;
    height: auto !important;
    transition: transform .4s;
    opacity: 0.5;
}

a.contenutoImg {
    display: inline-block;
    background: black;
    padding: 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
}

a.contenutoImg span {
    font-size: 35px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    line-height: 100%;
    color: #fff;
    font-weight: 300;
    text-align: center;
}

a.contenutoImg:hover img {
    transform: scale(1.1);
}

.showroomTitle {
    overflow: hidden;
    position: relative;
    background-color: #000;
    height: 400px;
}

.showroomTitle .bg {
    opacity: 0.3;
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0);
}

.showroomTitle .content {
    position: relative;
}

.showroomTitle .d-table-cell {
    text-align: center;
    vertical-align: middle;
}

.showroomTitle h1 {
    border-bottom: none !important;
    text-transform: none;
    color: #fff;
    margin: 0px;
    font-weight: 300;
    font-size: 40px;
}

.showroomTitle .sepShowroomTitle {
    margin: 20px auto 15px;
}

.collezioniShowroom a img {
    width: 100% !important;
    height: auto !important;
}

.collezioniShowroom a {
    display: inline-block;
    background: black;
    padding: 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
}

.collezioniShowroom a span {
    opacity: 0;
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    line-height: 100%;
    color: #000;
    text-align: center;
    width: 170px;
    height: 35px;
    line-height: 35px;
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.collezioniShowroom a:hover img {
    opacity: 0.5;
}

@media (min-width: 768px) {
    .collezioniShowroom a:hover span {
        opacity: 1;
    }
}

@media (min-width: 1800px) {
    .container-fluid.container-showroom {
        max-width: 1700px;
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: relative;
    width: 50%;
    color: #000 !important;
    justify-content: left;
    opacity: 1;
    margin-top: 15px;
}

.carousel-control-next {
    justify-content: right;
}

.elenco-prodotti-showroom .box-prodotto {
    max-width: 300px;
    margin: 0px auto 65px;
}

.elenco-prodotti-showroom .box-prodotto span {
    display: block;
}

.elenco-prodotti-showroom .box-prodotto span.bg-bianco {
    display: flex;
    justify-content: end;
    align-items: center;
}

.elenco-prodotti-showroom .box-prodotto .codice {
    font-size: 13px;
    line-height: normal;
    color: #a4a4a4 !important;
}

@media (min-width: 768px) {
    .scroll {
        /* height: 863px; */
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .scroll .force-overflow {
        min-height: 818px;
    }

    .scroll::-webkit-scrollbar-track {
        border: 1px solid #fff;
        padding: 2px 0;
        background-color: #fff;
    }

    .scroll::-webkit-scrollbar {
        width: 10px;
    }

    .scroll::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        background-color: #F29400;
        border: 1px solid #F29400;
    }
}


/* modifiche stato ordini per dettaglio con Data consegna richiesta */

@media (min-width: 1200px) {
    .dettaglio-ordine.dataRichiesta .descrizione {
        -ms-flex: 0 0 18%;
        flex: 0 0 18%;
        max-width: 18%;
    }

    .dettaglio-ordine.dataRichiesta .data {
        -ms-flex: 0 0 18%;
        flex: 0 0 18%;
        max-width: 18%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .dettaglio-ordine.dataRichiesta .descrizione {
        -ms-flex: 0 0 24%;
        flex: 0 0 24%;
        max-width: 24%;
    }

    .dettaglio-ordine.dataRichiesta .data {
        -ms-flex: 0 0 14%;
        flex: 0 0 14%;
        max-width: 14%;
    }

    .dettaglio-ordine.dataRichiesta .ordinata,
    .dettaglio-ordine.dataRichiesta .residua {
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%;
    }

    .dettaglio-ordine.dataRichiesta .consegnata {
        -ms-flex: 0 0 12%;
        flex: 0 0 12%;
        max-width: 12%;
    }

    .dettaglio-ordine.dataRichiesta.inevaso .annulla {
        -ms-flex: 0 0 8%;
        flex: 0 0 8%;
        max-width: 8%;
    }

    .dettaglio-ordine.dataRichiesta.inevaso .descrizione {
        -ms-flex: 0 0 16%;
        flex: 0 0 16%;
        max-width: 16%;
    }

    .dettaglio-ordine.dataRichiesta .prezzo,
    .dettaglio-ordine.dataRichiesta .importo {
        text-align: left;
    }
}

@media (max-width: 991px) {
    .dettaglio-ordine.dataRichiesta {
        padding-bottom: 25px !important;
    }
}

@media (max-width: 991px) {
    .dettaglio-ordine .arancione {
        display: none;
    }

    .dettaglio-ordine>div {
        display: block;
        float: none;
        padding: 3px;
        width: 100%;
    }

    .dettaglio-ordine>div>div {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        text-align: left !important;
    }

    .dettaglio-ordine>div>div {
        position: relative;
        padding-left: 50%;
    }

    .dettaglio-ordine>div>div:before {
        position: absolute;
        top: 3px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        font-weight: 500;
    }

    .dettaglio-ordine .articolo:before {
        content: "Articolo";
    }

    .dettaglio-ordine .descrizione:before {
        content: "Descrizione";
    }

    .dettaglio-ordine .prezzo:before {
        content: "Prezzo";
    }

    .dettaglio-ordine .ordinata:before {
        content: "Q.tà ordinata";
    }

    .dettaglio-ordine .consegnata:before {
        content: "Q.tà consegnata";
    }

    .dettaglio-ordine .residua:before {
        content: "Q.tà residua";
    }

    .dettaglio-ordine .importo:before {
        content: "Importo";
    }

    .dettaglio-ordine .data:before {
        content: "Data consegna richiesta";
    }

    .dettaglio-ordine .bottoneCarrello {
        padding-left: 0px;
    }
}

@media (max-width: 767px) {
    .dettaglio-ordine .data:before {
        white-space: normal;
    }
}

@media (max-width: 499px) {
    .dettaglio-ordine .data {
        height: 50px;
    }
}


/* stampa carrello */

img.img-text-bottom {
    vertical-align: text-bottom;
}

a:hover .opacity-hover-5,
a:focus .opacity-hover-5 {
    opacity: 0.5;
}

#tabellaStampaCarrello {
    display: none;
}


/* pagina paypal checkout */

form#card-form {
    text-align: left;
}

.csv-dettaglio {
    font-size: 11px;
    width: 43px;
    height: 24px;
    line-height: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    background-color: #0872ce;
    text-align: center;
    display: inline-block;
}

/* banner cookiebot */
#CybotCookiebotDialogBodyButtonDecline {
    display: none !important;
}

/* popup avviso disponibilita */

.avviso-disponibilita {
    color: #ff0000;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
}

/* pulsanti carrello con img */
.bottonIndirizzi .btn {
    padding: 10px 50px;
    margin-left: 10px;
}

.bottonIndirizzi.perPayapal .btn {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 240px;
    height: 80px;
    padding: 10px;
}

.bottonIndirizzi.perPayapal .btn img {
    display: block;
    margin: 0px auto 5px;
}

.bottonIndirizzi.perPayapal .btn img:nth-child(1),
.bottonIndirizzi.perPayapal .btn:hover img:nth-child(2) {
    display: none;
}

.bottonIndirizzi.perPayapal .btn:hover img:nth-child(1) {
    display: block;
}

.bottonIndirizzi.perPayapal .btn-secondary {
    padding: 26px 10px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .bottonIndirizzi.perPayapal .btn {
        width: 215px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .bottonIndirizzi.perPayapal .btn {
        margin-bottom: 15px;
    }
}

@media (max-width : 767px) {
    .bottonIndirizzi:not(.perPayapal) .btn {
        display: block;
        margin-left: 0px;
        width: 100%;
    }

    .bottonIndirizzi.perPayapal .btn {
        width: 48%;
        margin-left: 2%;
        font-size: 13px;
        padding-left: 3px;
        padding-right: 3px;
    }

    .bottonIndirizzi.perPayapal .btn:nth-child(1),
    .bottonIndirizzi.perPayapal .btn:nth-child(3) {
        margin-left: 0px;
    }
}

/* ========== campagne ============ */

.box-campagna {
    text-decoration: none !important;
    margin-bottom: 60px;
    display: block;
}

.box-campagna .scadenza {
    font-size: 11px;
    line-height: normal;
    padding: 5px;
    color: #fff;
    background-color: #c81d1d;
    display: inline-block;
    border-radius: 3px;
    margin-bottom: 4px;
}

.box-campagna img {
    border: 1px solid #c2c2c2;
    margin-bottom: 10px;
}

.box-campagna .titolo {
    font-size: 18px;
    color: #F29400;
    text-transform: uppercase;
    font-weight: 500;
}

.box-campagna:hover img,
.box-campagna:focus img {
    border-color: #F29400;
}

/* ========= dettaglio campagne ======== */

.dettagglioCampagna .border,
.dettagglioCampagna .border-bottom {
    border-color: #c2c2c2 !important;
}

.dettagglioCampagna .scadenza {
    font-size: 11px;
    line-height: normal;
    padding: 5px;
    color: #fff;
    background-color: #c81d1d;
    display: inline-block;
    border-radius: 3px;
    margin-bottom: 4px;
}

.dettagglioCampagna .linkFile {
    padding: 8px 10px 8px 50px;
    display: block;
    background-image: url(../img/icona-pdf-38.png);
    background-repeat: no-repeat;
    margin-bottom: 15px;
}

.carrelloCampagna .riga .codice a {
    color: #145ea2 !important;
}

.carrelloCampagna .riga {
    padding: 20px 0px;
    border-bottom: 1px solid #c2c2c2;
}

.carrelloCampagna .riga .quantita .form-control {
    display: inline-block;
    max-width: 80px;
}

/* Carrello check desidero acquistare */

#div_avviso_minimo_consegna .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff;
}

#div_avviso_minimo_consegna .custom-control-label::before,
#div_avviso_minimo_consegna .custom-control-label::after {
    top: 0.08rem;
    width: 1.3rem;
    height: 1.3rem;
}

#div_avviso_minimo_consegna .custom-control-label::after {
    left: -1.43rem;
}

#div_avviso_minimo_consegna .custom-control-label span {
    padding-left: 5px;
}

@media (min-width : 768px) {
    .carrelloCampagna .riga {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        padding: 10px 0px;
    }

    .carrelloCampagna .riga>div {
        margin-right: 2%;
    }

    .carrelloCampagna .riga .immagine {
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%;
    }

    .carrelloCampagna .riga .codice {
        -ms-flex: 0 0 13%;
        flex: 0 0 13%;
        max-width: 13%;
    }

    .carrelloCampagna .riga .descrizione {
        -ms-flex: 0 0 22%;
        flex: 0 0 22%;
        max-width: 22%;
    }

    .carrelloCampagna .riga .minimo,
    .carrelloCampagna .riga .prezzo {
        -ms-flex: 0 0 9%;
        flex: 0 0 9%;
        max-width: 9%;
        text-align: right;
    }

    .carrelloCampagna .riga .quantita {
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%;
        text-align: right;
    }

    .carrelloCampagna .riga .totale {
        -ms-flex: 0 0 15%;
        flex: 0 0 15%;
        max-width: 15%;
        margin-right: 0px;
        text-align: right;
    }

    .carrelloCampagna .riga .scritta.verde {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }

    .carrelloCampagna .riga .titolo {
        -ms-flex: 0 0 21%;
        flex: 0 0 21%;
        max-width: 21%;
        text-align: right;
    }

    .carrelloCampagna .riga .titolo {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .carrelloCampagna .riga .immagine {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .carrelloCampagna .riga .immagine img {
        width: 100px;
        margin-bottom: 10px;
    }

    .carrelloCampagna .riga .quantita {
        -ms-flex: 0 0 12%;
        flex: 0 0 12%;
        max-width: 12%;
    }

    .carrelloCampagna .riga .minimo {
        -ms-flex: 0 0 11%;
        flex: 0 0 11%;
        max-width: 11%;
    }

    .carrelloCampagna .riga .prezzo {
        -ms-flex: 0 0 13%;
        flex: 0 0 13%;
        max-width: 13%;
        text-align: right;
    }

    .carrelloCampagna .riga .descrizione {
        -ms-flex: 0 0 26%;
        flex: 0 0 26%;
        max-width: 26%;
    }
}

@media (max-width: 767px) {
    .carrelloCampagna .riga.titoli {
        display: none;
    }

    .carrelloCampagna .riga .immagine img {
        width: 100px;
        margin-bottom: 10px;
    }

    .carrelloCampagna .riga .minimo,
    .carrelloCampagna .riga .prezzo,
    .carrelloCampagna .riga .quantita,
    .carrelloCampagna .riga .totale {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        padding: 5px 0px;
    }

    .carrelloCampagna .riga .minimo {
        padding-top: 10px;
    }

    .carrelloCampagna .riga span.titolo {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        font-weight: 700;
    }

    .carrelloCampagna .riga span.valore {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        text-align: right;
    }
}


.canvassGriglia {
    margin-left: -10px;
    margin-right: -10px;
}

.canvassGriglia>div {
    padding-left: 10px;
    padding-right: 10px;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.canvassGriglia .griglia {
    font-size: 14px;
    padding: 5px;
    border: 1px solid #c2c2c2;
    margin-bottom: 20px;
}

.canvassGriglia .griglia .codice a {
    color: #145ea2 !important;
}

.canvassGriglia .titolo {
    font-style: italic;
}

.canvassGriglia .nomeProdotto {
    height: 42px;
    overflow: hidden;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .canvassGriglia>div {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .canvassGriglia>div {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
}

@media (max-width: 767px) {
    .canvassGriglia>div {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .canvassGriglia .griglia {
        font-size: 13px;
    }

    #accordionCategorie .card-body {
        padding: 5px;
    }

    #accordionCategorie .canvassGriglia {
        margin-left: -5px;
        margin-right: -5px;
    }

    #accordionCategorie .canvassGriglia>div {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.bottoniVisualizzazione a {
    text-decoration: none !important;
}

.bottoniVisualizzazione img {
    margin-right: 15px;
}

.bottoniVisualizzazione img:nth-child(2),
.bottoniVisualizzazione a.active img:nth-child(1),
.bottoniVisualizzazione a:hover img:nth-child(1),
.bottoniVisualizzazione a:focus img:nth-child(1) {
    display: none;
}

.bottoniVisualizzazione a.active img:nth-child(2),
.bottoniVisualizzazione a:hover img:nth-child(2),
.bottoniVisualizzazione a:focus img:nth-child(2) {
    display: inline-block;
}

#visualizzatore_canvass #accordionCategorie h2 .btn {
    display: block;
    position: relative;
    width: 100%;
    text-align: left;
}

#visualizzatore_canvass #accordionCategorie h2 .btn:after {
    content: '+';
    display: block;
    position: absolute;
    top: -3px;
    right: 0px;
    font-size: 25px;
}

#visualizzatore_canvass #accordionCategorie .aperto h2 .btn:after {
    content: '-';
    font-size: 30px;
}

#sovrapprezzo_label {
    line-height: normal;
    margin: 8px 0px;
}

/* timeline */
.ps-timeline-sec {
    position: relative;
    background: #fff;
}

.ps-timeline-sec .container {
    position: relative;
}

@media screen and (max-width: 767px) {
    .ps-timeline-sec .container ol:before {
        background: #F29400;
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 100%;
        position: absolute;
        top: 130px !important;
        left: 36px !important;
    }

    .ps-timeline-sec .container ol:after {
        background: #F29400;
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 100%;
        position: absolute;
        top: inherit !important;
        left: 36px;
    }

    .ps-timeline-sec .container ol.ps-timeline {
        margin: 50px 0px !important;
        border-left: 2px solid #F29400;
        padding-left: 0 !important;
        padding-top: 120px !important;
        border-top: 0 !important;
        margin-left: 25px !important;
    }

    .ps-timeline-sec .container ol.ps-timeline li {
        height: 150px;
        float: none !important;
        width: inherit !important;
    }

    .ps-timeline-sec .container ol.ps-timeline li:nth-child(2) .img-handler-bot img {
        width: 70px;
    }

    .ps-timeline-sec .container ol.ps-timeline li:last-child {
        margin: 0;
        bottom: 0 !important;
        height: 120px;
    }

    .ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot {
        bottom: 40px !important;
        width: 40% !important;
        margin-left: 25px !important;
        margin-top: 0 !important;
    }

    .ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot img {
        width: 100%;
    }

    .ps-timeline-sec .container ol.ps-timeline li:last-child .ps-top {
        margin-bottom: 0 !important;
        top: -20px;
        width: 80% !important;
    }

    .ps-timeline-sec .container ol.ps-timeline li span {
        left: 0 !important;
    }

    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
        content: none !important;
    }

    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
        content: none !important;
    }

    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
        content: none !important;
    }

    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
        content: none !important;
    }

    .ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
        position: absolute !important;
        bottom: 150px !important;
        width: 30% !important;
        float: left !important;
        margin-left: 35px !important;
        margin-bottom: 0 !important;
    }

    .ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
        margin: 0 auto !important;
        width: 80% !important;
    }

    .ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
        position: absolute !important;
        bottom: 115px !important;
        width: 30% !important;
        float: left !important;
        margin-left: 35px !important;
        margin-bottom: 0 !important;
    }

    .ps-timeline-sec .container ol.ps-timeline li p {
        text-align: left !important;
        width: 100% !important;
        margin: 0 auto !important;
        margin-top: 0px !important;
    }

    .ps-timeline-sec .container ol.ps-timeline li .ps-top {
        width: 80% !important;
        float: right !important;
        right: 0;
        top: -40px;
    }

    .ps-timeline-sec .container ol.ps-timeline li .ps-bot {
        width: 80% !important;
        float: right !important;
        right: 0;
        top: -40px;
    }
}

.ps-timeline-sec .container ol:before {
    background: #F29400;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    left: 8px;
    top: -4px;
}

.ps-timeline-sec .container ol:after {
    background: #F29400;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    right: 8px;
    top: -4px
}

.ps-timeline-sec .container ol.ps-timeline {
    margin: 250px 0;
    padding: 0;
    border-top: 2px solid #F29400;
    list-style: none;
}

.ps-timeline-sec .container ol.ps-timeline li {
    float: left;
    width: 16.666%;
    padding-top: 30px;
    position: relative;
}

.ps-timeline-sec .container ol.ps-timeline li span {
    width: 50px;
    height: 50px;
    margin-left: -25px;
    background: #fff;
    border: 4px solid #F29400;
    border-radius: 50%;
    box-shadow: 0 0 0 0px #fff;
    text-align: center;
    line-height: 50px -10;
    color: #df8625;
    font-size: 2em;
    font-style: normal;
    position: absolute;
    top: -26px;
    left: 50%;
}

.ps-timeline-sec .container ol.ps-timeline li p {
    text-align: center;
    margin: 0 auto;
    font-weight: 300;
}

.ps-timeline-sec .container ol.ps-timeline li .ps-top {
    position: absolute;
    bottom: 0;
    margin-bottom: 80px;
}

.ps-timeline-sec .container ol.ps-timeline li .ps-bot {
    position: absolute;
    margin-top: 20px;
}

.ps-timeline-sec .numero {
    color: #F29400;
    font-size: 36px;
    font-weight: 300;
    line-height: 30px;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

#risultati {
    height: 400px;
    overflow-y: auto;
}

#controllo-prezzi #video #stream {
    max-height: 250px;
}

/* =======================================   MODALE CON IMMAGINE  =====================  */

#modalImage .modal-body .close.buttonTop {
    font-size: 45px;
    color: #000;
    text-shadow: none;
    opacity: 1;
    font-weight: 300;
    margin-top: -15px;
}

#modalImage .modal-body {
    padding: 5px;
    background-color: #fff;
    text-align: center;
}

#modalImage .modal-body .img-responsive {
    margin: 0 auto;
}