@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Sora:wght@100&display=swap');

@font-face { font-family: "Ionicons"; src: url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1"); src: url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"), url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.ttf?v=2.0.1") format("truetype"), url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.woff?v=2.0.1") format("woff"), url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.svg?v=2.0.1#Ionicons") format("svg"); font-weight: normal; font-style: normal; }

/* https://ionicons.com/v2/cheatsheet.html */


/*
main color: #0095DB;
secondary: #0075BE;
ter: #344A5A;
ter "mio": #01529C
*/

/* "rafforza" il bordo in FF  così si vedono meglio (in particolare sul bianco) */
@-moz-document url-prefix() {
    input[type=radio],
    input[type=checkbox] {
        box-shadow: 0 0 0.5px #333;
    }
}

/* come sopra ma per safari */
@media not all and (min-resolution:.001dpcm) { @media {
    .safari_only {
        input[type=radio],
        input[type=checkbox] {
            box-shadow: 0 0 0.5px #333;
        }
    }
}}


input[type=radio],
input[type=checkbox] {
    cursor: pointer;
}


.b-red {
    border: 0.5px solid red;
}

.b-red-all {
    border: 1px solid red;
}

.b-red-all *{
    border: 0.5px solid red;
}

html {
    background-color:  #fafafa;
    /* per fare full-width di #logo-search */
    /*
    background-image: url(img/bg.png);
    background-position: left top;
    background-repeat: repeat-x;
    */
    scroll-behavior: smooth;
}

body {
    font-family: "Public Sans";
    font-weight: 300;
    background-color:   #fafafa;
    color: #333;
}


a {
    text-underline-offset: 3.5px;
    text-decoration-thickness: 0.1rem;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat";
    color: #333;
    font-weight: 400;
}

strong {
    font-weight: 600 !important;
}

.balance-text {
    text-wrap: balance;
}

/*
@media only screen and (max-width: 1320px) {
    #global-social-icons{
        display: none;
    }
}

.social {
    padding: 3px 3px 5px 5px;
    border-radius: 0 5px 5px 0;
    margin-bottom: 2px;
}
*/

/* top menu */

#tm-ls_wrapper {
    background: linear-gradient(#0075BE, #0095DB 22.5%);
}

@media only screen and (max-width: 660px) {
   #tm-ls_wrapper {
        background: linear-gradient(#0075BE, #0095DB 22.5%);
    }
}

#top-menu{
    /*background-color: #0075BE;*/
    background: transparent;
    color: white;
    font-weight: 200;
    font-size: 1.4rem;
    /*height: 23px;*/
    padding: 5px 5px;
    border-bottom: 0.5px white dotted;
}


/*
#top-menu-wrapper {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
*/

#top-menu a {
    text-decoration: none;
    color: white;
    font-weight: 200;
}

.top-menu-sx{
    display: inline-block;
    text-align: left;
}

.top-menu-sx span{
   margin-right: 8px
}

.top-menu-dx{
    display: inline-block;
    text-align: right;
}

.top-menu-dx span{
    margin-left: /*6px*/ 3px;
}

@media only screen and (max-width: 500px) {
    .top-menu-sx span{
       margin-right: 3px
    }
    .top-menu-dx span{
        margin-left: 3px;
    }
}

@media only screen and (min-width: 400px) {
    .less_than_400 {
        display: none;
    }
}

@media only screen and (max-width: 399px) {
    .more_than_400 {
        display: none;
    }
}


#logo-search {

/* NORMALE */
 background: transparent;  

/* PER NATALE 2022 */
/*  background: linear-gradient(90deg, #ED3833 30%, #0095db);  */
  
    border-bottom: 0.5px dotted #fafafa;
}

@media only screen and (min-width: 661px) and (max-width: 690px) {
    .logo-t > img {
        margin-left: -10px;
    }
}

#search {
    margin: 42px 4.9%;
}

#site-search {
    height: 32px;
    border-radius: 25px;
    font-size: 1.35rem;
    font-weight: 500;
    width: 100%;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 96% 6px;
    font-family: "Montserrat";
}

@media only screen and (max-width: 500px) {
    #site-search {
        width: 90%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

#cart-under-search {
    text-align: right;
    margin: -6px 15px 0 0;
    color: white;
    font-size: 1.35rem;
    font-weight: 200;
    vertical-align: middle;
}

@media only screen and (max-width: 980px) {
    #cart-under-search {
        text-align: center;
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (min-width: 981px) {
    #logo-search {
        height: 133px;
    }
}


@media only screen and (max-width: 660px) {
    #logo-search {
        height: 100%;
    }
    #search {
        width: 95%;
        max-width: 440px;
        margin: 0 auto 5% auto;
    }
}

@media only screen and (min-width: 661px) and (max-width: 980px) {
    #logo-search .t-12 {
        width:90%;
        max-width: 620px;
        margin-left: auto;
        margin-right: auto;
    }
    .palla-t {
        display: table-cell;
        text-align: right;
        vertical-align: middle;
        background-repeat: no-repeat;
        background-position: center right;
        background-size: contain;
    }
    #search {
        display: table-cell;
        width: 500px;
        vertical-align: middle;
        text-align: center;
        padding: 12px 0;
    }
    #site-search {
        display: block;
        width: 92%;
        margin-left: auto;
        margin-right: auto;
    }
}


.logo-m {
    width: 88%;
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1.5%;
}

#cVetta-form {
    margin-bottom: 0;
}


.noUi-connect {
    background: #0095DB !important;
}

.cvettaProductRegularPrice {
    color: #0095DB !important;
}

#cvettaFacetContainer ul.selected li a {
    background-color: #0095DB !important;
}

#cvettaFacetContainer > ul > li > a:first-child {
    background-color: #fbba00 !important;
    color: white !important;
    letter-spacing: 0.5px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

#cvettaBtnGridview.active, #cvettaBtnGridview:hover {
    /*background-image: url(https://www.simpaticotech.it/img/quadratini.png) !important;*/
    background-image: url(https://www.simpaticotech.it/_DEVEL/image_my/_icone_cvetta/quadratini.png) !important;
}

#cvettaBtnListview.active, #cvettaBtnListview:hover {
    background-image: url(https://www.simpaticotech.it/_DEVEL/image_my/_icone_cvetta/lista.png) !important;
}

#cvettaBtnSortDefault.active, #cvettaBtnSortDefault:hover {
    /*background-image: url(https://www.simpaticotech.it/img/cerchietti.png) !important;*/
    background-image: url(https://www.simpaticotech.it/_DEVEL/image_my/_icone_cvetta/cerchietti.png) !important;
}

#cvettaBtnSortPriceAsc.active, #cvettaBtnSortPriceAsc:hover {
    background-image: url(https://www.simpaticotech.it/_DEVEL/image_my/_icone_cvetta/arrow_up.png) !important;
}

#cvettaBtnSortPriceDesc.active, #cvettaBtnSortPriceDesc:hover {
    background-image: url(https://www.simpaticotech.it/_DEVEL/image_my/_icone_cvetta/arrow_down.png) !important;
}

.cvetta-minus {
    /*background: url(https://www.simpaticotech.it/img/minus.png) 95% center no-repeat !important;*/
    background: url(https://www.simpaticotech.it/img/minus.png) 95% center no-repeat !important;
    background-color: rgba(0, 0, 0, 0) !important;
}

.cvetta-plus {
    /*background: url(https://www.simpaticotech.it/img/plus.png) 95% center no-repeat !important;*/
    background: url(https://www.simpaticotech.it/img/plus.png) 95% center no-repeat !important;
    background-color: rgba(0, 0, 0, 0) !important;
}

#cvetta-count-filters {
    color: white !important;
    font-weight: 500 !important;
}

#cvettaFacetContainer a#cvetta-clear-filters {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzI2OTk1NUE4MUYwMTFFNTkxNzdFNkI3NkY4MEFBNDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzI2OTk1NUI4MUYwMTFFNTkxNzdFNkI3NkY4MEFBNDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MjY5OTU1ODgxRjAxMUU1OTE3N0U2Qjc2RjgwQUE0NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3MjY5OTU1OTgxRjAxMUU1OTE3N0U2Qjc2RjgwQUE0NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pssc1gwAAADDSURBVHjahJExCsJAEEVXCUGsJYdIY5Fa0scy57DxAqlzDIuksBVLS68SxNJGBGH8E/+SZYz64THszpswSZyIOLAEZ1DxbKnYV8/pRQauMmQPIsoRzz7qZdqo5TM7MGO1qXUoASfTeIILaxj1Er/zBLTyOy09Z1+4+TLQhN7UDVmA1I0nZf8dTueg+7NeR68fKsDDCDdwZA2jXqHrrUBs1tmANWuYuPf5Aw980h2U5uOUvBd6kW/MwdbvPELOvnruJcAAv6zQX300dvUAAAAASUVORK5CYII=) center center no-repeat !important;
}

.cvetta-search-active #cvetta-search {
    background-image: url() !important;
}

/* sliders */

/*
#main-slider-wrapper {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
*/




.slider-home {
    height: 320px;
    padding: 0;
}

/* per fare #logo-search full-width */
/*

@media  only screen and (min-width: 1444px) {
    #main-slider-dt-wrapper {
        margin-top: 0.4%;
    }
}

@media  only screen and (min-width: 1450px) {
    #main-slider-dt-wrapper {
        margin-top: 0.8%;
    }
}

@media  only screen and (min-width: 1470px) {
    #main-slider-dt-wrapper {
        margin-top: 1.4%;
    }
}

@media  only screen and (min-width: 1495px) {
    #main-slider-dt-wrapper {
        margin-top: 1.6%;
    }
}
*/

.slide-home img {
    margin: 0 0 0 50%;
    transform: translateX(-50%);
}


.slider-home-nav {
    display: block;
    margin: 0 auto;
    height: 52px;
    border-right: 1px solid #eee;
}

.slide-nav-home {
    display: inline-block;
    height: 52px;
    overflow: hidden;
    /*background-color: #ccc;*/
    box-sizing: border-box;
    /*border-radius: 5px;*/
    /*border-top: 2px dotted #eee;*/
    border-left: 1px solid #eee;
    /*border-bottom: 2px dotted #eee;*/
    padding: 0 2px;
    cursor: pointer;
    overflow: hidden;
    background-color: transparent;
}

@media  only screen and (min-width: 1444px) {
    .slide-home img {
        /*#logo-search full-width */
        /*border-top: 0.5px solid #ccc;*/
        /*border-left: 0.5px solid #ccc;
        border-right: 0.5px solid #ccc;
        max-width: 1438px;
        overflow: hidden;   */
    }
    .slider-home-nav {
        /*border-left: 0.5px solid #ccc;
        border-right: 0.5px solid #ccc;*/
    }
}


.slide-nav-home p {
    overflow: hidden;
    font-size: 1.4rem;
    line-height: 1.5rem;
    letter-spacing: 0.5px;
    color: #0075BE;
    font-weight: 500;
    padding-left: 4%;
    padding-right: 4%;
    /*text-transform: uppercase;*/
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

@media only screen and (max-width: 980px) {
    .slide-nav-home p {
        font-size: 1.4rem;
        line-height: 1.4rem;
    }
}

@media only screen and (min-width: 661px) {
    .linea-sotto-bottoni {
        margin: 0px 2px 0px 1px;
        /*margin-top: 1px;*/
        height: 3px;
        background-color: #0095DB;
    }
}

.slider-home-m {
    max-width: 660px;
    max-height: 320px;
    padding: 0 !important;
}

.slide-home-m {
    padding: 0!important;
}

.slide-home-m img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 !important;
}

.slider-home-nav .slick-current p{
    color:white;
    font-weight: 400;
    background-color: #0095DB;
}

.slider-home-nav .slick-slide {
    background-color: white;
    height: 52px;
    border: 0px;
}

.slider-home-nav .slick-current {
    background-color: #0095DB !important;
    height: 52px;
    border: 0px;
}


/* macro-home-area */

/*#macro-home-wrapper {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}*/

.single-macro-home {
    min-height: 220px;
}

.macro-home {
    display:table;
    border-collapse:collapse;
    width:100%;
    height: 100%;
    margin-bottom: 3rem;
}

.macro-home-list {
    display:table-cell;
    text-align: left;
    padding-top: 1.2rem;
    padding-left: 1.5rem;
    padding-left: 30px;
}

.macro-home-list h5 {
    color: #0075BE;
    letter-spacing: 0;
    font-weight: 600;
    max-width: 200px;
    margin-left: -12px;
    text-transform: uppercase;
    font-size: 1.5rem;
    line-height: 2.2rem;
}

.macro-home-list ul {
    max-width: 200px;
    list-style: none;
}

@media only screen and (min-width: 501px) {
    .macro-home-list ul {
        min-height: 100px;
    }
}

.macro-home-list li {
    font-size: 1.4rem;
    color: #0095DB;
    line-height: 2.2rem;
    padding-left: 3px;
    position: relative;
    font-family: "Montserrat";
}

@media  only screen and (min-width: 501px) {
    .macro-home-list li:before {
        content:"·";
        font-size: 3rem;
        position: absolute;
        left: -10px;
        top: -3px;
    }
}

.macro-home-list li a {
    text-decoration: none;
}

.macro-home-list li a span {
    font-weight: 500;
    position: relative;
    border-bottom: 1px dotted #0095DB;
}

.macro-home-list li a span:hover {
    border-bottom: 1px solid #0095DB;
    cursor: pointer;
}

.macro-home-img-side {
    display:table-cell;
    width: 170px;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 170px;
}


@media only screen and (min-width: 1080px) {
    #macro-home-wrapper .flex-row {
        margin-left: 1% !important;
    }
    .sidebar-home {
        padding-right: 1% !important;
    }
    .macro-home-list h5, .macro-home-list ul {
        max-width: 230px;
    }
}

@media only screen and (min-width: 980px) and (max-width: 1080px) {
    .#macro-home-wrapper .flex-row {
        margin-left: 1% !important;
    }
    .macro-home-img-side {
        width: 150px;
        background-size: 150px;
    }
}

@media only screen and (min-width: /*1050px*/ 980px) {
    #macro-home-area .d-9 {
        width: 75.6%;
    }
    .sidebar-home {
        padding-left: 1rem;
    }
}

@media only screen and (max-width: 979px) {
    .macro-home {
        max-width: 420px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (min-width: 501px) and (max-width: 660px) {
    .macro-home-list {
        padding-right: 8%;
    }
    .sidebar-home {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (min-width: 501px) {
    .macro-home-img-up{
        display: none;
    }
}

@media only screen and (max-width: 500px) {
    .macro-home-img-up{
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        height: 240px;
        margin-bottom: 0;
    }
     .macro-home-img-side {
        display: none;
    }
    .macro-home-list {
        display: table-row;
        text-align: center;
    }
    .macro-home-list h5, .macro-home-list ul {
        max-width: 240px;
        display: block;
        margin-left: auto;
        margin-right: auto;

    }
    .macro-home-list ul li{
        padding-left: 1%;
    }
    .sidebar-home {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}


.sidebar-home {
    padding-top: 1rem;
    padding-right: 0;

}

@media  only screen and (min-width: 661px) and (max-width: 770px) {
    #macro-home-area .t-4 {
        width: 34%;
        padding-left: 0;
        margin-left: 0;
    }
}

.sidebar-home > h4 {
    font-weight: 500;
    padding-bottom: 2px;
    border-bottom: 1px solid;
}

.sidebar-home > p {
    font-weight: 300;
}

.sidebar-home > p > a {
    text-decoration: none;
}

.sidebar-home > p > a:hover {
    text-decoration: underline;
}

.n_a_home_prod_wrapper {
    border: 0.5px solid #0095DD;
    padding: 8px 0px;
    background-color: white;
    border-radius: 8px;
    text-align: center;
    margin-bottom: 0.8rem;
}

.n_a_home_prod_wrapper:hover {
     box-shadow: 0 0 8px #ccc;
}

a.n_a_home_titolo {
    color: #333;
    font-weight: 600;
    text-decoration: none;
    padding: 0 6px;
}

a.n_a_home_titolo:hover {
    text-decoration: underline;
}

.n_a_home_prod {
    display: table;
    width: 96%;
    /*max-width: 275px;*/
    margin: 8px auto 3px auto;
}

/*immagine*/
.n_a_home_prod > div:first-child {
    display: table-cell;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    text-align: right;
    cursor: pointer;
    position: relative;
    line-height: 80px;       /* determina l'altezza verticale della table-cell  */
}                            /* (perchè al suo interno ho messo un   che vale come riga)  */


.n_a_home_prod > div:first-child > img {
    position: absolute;
    top: 6px;
    right: 6px;
}

@media  only screen and (max-width: 660px) {
    .n_a_home_prod > div:first-child {
        line-height: 120px;
    }
}



.n_a_sconto-prezzo_wrapper {
    display: table-cell;
    width: 55%;
    vertical-align: middle;
}

@media  only screen and (max-width: 660px) {
    .n_a_sconto-prezzo_wrapper {
        width: 60%;
    }
}

.n_a_sconto {
    text-align: center;
}

.n_a_sconto > span:nth-child(1) {
    font-size: 1.5rem;
    color:#777;
    font-weight: 300;
    text-decoration: line-through;
}

@media  only screen and (min-width: 661px) and (max-width: 740px) {
    .n_a_sconto > span:nth-child(1) {
        display: block;
    }
}

.n_a_sconto > span:nth-child(2) {
    color: /*#F12C63*/ #fbba00;
    font-size: 1.6rem;
    font-weight: 900;
    font-family: "Montserrat";
}

.n_a_sconto > span:nth-child(3) {
    color: /*#F12C63*/ #fbba00;
    font-size: 1.6rem;
    font-weight: 600;
    font-family: "Montserrat";
}

.n_a_prezzo {
    color: #0075BE;
    font-size: 2rem;
    font-weight: 500;
    font-family: "Montserrat";
    margin-top: 0.4rem;
    text-align: center;
}

.n_a_prezzo > span {
    font-size: 1.6rem;
}

.n_a_prezzo > small {
    display: block;
    font-family: "Public Sans";
    font-size: 1.2rem;
    font-weight: 400;
    color: #333;
    margin-top:-5px;
}

@media only screen and (max-width: 660px) {
    .n_a_sconto > span:nth-child(1) {
        font-size: 1.8rem;
    }
    .n_a_sconto > span:nth-child(2),
    .n_a_sconto > span:nth-child(3) {
        font-size: 1.9rem;
    }
    .n_a_prezzo {
        font-size: 2.4rem;
    }
}

@media only screen and (min-width: 500px) and (max-width: 660px) {
    .n_a_prezzo {
        font-size: 3rem;
    }
}



/* registrati */

.reg_label_group {
    font-size: 1.6rem;
    font-weight: 500;
    border-bottom: 0.5px solid #444;
    margin-bottom: 1.6rem;
    font-family: "Montserrat";
}

.reg_field > p {
    margin-bottom: 0.2rem;
    margin-top: 0;
    padding-left: 3px;
    font-size: 1.5rem;
    font-weight: 400;
    color: #444;
    font-family: "Montserrat";
}

.reg_field > p > span {
    color: red;
}

.reg_field > input, .reg_field > select {
    width: 100%;
    border-radius: 5px;
}

.reg_field > input[type="text"], .reg_field > select {
    background-color: white;
    color: #777;
    font-weight: 300;
}

.reg_field > input[placeholder] {
    color:#333;
    font-weight: 400;
}


.reg_fields_wrapper {
    padding-left: 2.5%;
    padding-right: 2.5%;
}

#reg_vantaggi p {
    max-width: 400px;
    padding-left: 2.5%;
    padding-right: 5%;
}


.reg_pw > span {
    cursor: pointer;
    float:right;
    margin: -42px 12px 0 0;
}

/* footer */

#upper-footer {
    text-align: center;
}

#lower-footer {
    /*background-color: #0075BE;*/
    background: /*linear-gradient(#0075BE, #0095DB 90%)*/ #0095DB;
    color: white;
    font-size: 1.4rem;
    font-weight: 400;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 2.5%;
}

#lower-footer h3 {
    display:block;
    padding-bottom: 0.1rem;
    border-bottom: 1px solid;
    color: white;
    letter-spacing: 0px;
}

@media only screen and (min-width: 981px) {
    #lower-footer .d-one-5 ul {
        max-width: 195px;
    }
}

@media only screen and (min-width: 501px) and (max-width: 980px) {
    #lower-footer .t-6{
        max-width: 220px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (max-width: 500px) {
    #lower-footer .m-6{
        max-width: 180px;
        margin-left: auto;
        margin-right: auto;
    }
}

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

#lower-footer .button {
    border: 0.5px solid white;
}


#lower-footer ul {
    list-style: none;
    line-height: 1.8rem;
}

#lower-footer li {
    margin-bottom: 0.6rem;
}

.newsletter {
    font-weight: 400;
    width: 90%;
    max-width: 200px;
}

.newsletter p{
    font-style: italic;
    font-weight: 400;
    line-height: 1.8rem;
    margin-top: 12px;
}

/* menù accordion */


.sopra_acc_menu {
    background-color: #0095DB;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin-left: 0px;
    border-radius: 6px 6px 0 0;
    color: white;
    font-weight: 500;
    font-size: 1.3.5rem;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 500;
    font-family: "Montserrat";
}

.sopra_acc_menu a {
    color: white;
    font-weight: 500;
    font-size: 1.3.5rem;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 500;
    font-family: "Montserrat";
}

/*@media  only screen and (min-width: 550) and (max-width: 600) {
    .sopra_acc_menu {
        border: 1px solid #0075BE;
    }
}*/

/*
.lista-macro {
    color: white;
    background-color: #0095DB;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin-left: 0px;
    border-radius: 6px;
    font-size: 1.3.5rem;
    text-transform: uppercase;
    font-weight: 500;
    font-family: "Montserrat";
    margin-bottom: 1.8rem;
}

.lista-macro:last-of-type {
    margin-bottom: 0.6rem;
}
*/

.menu_m_button, .menu_ric_button {
    color: white;
    background-color: #0095DB;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin-left: 0px;
    border-radius: 6px;
    font-size: 1.3.5rem;
    text-transform: uppercase;
    font-weight: 500;
    font-family: "Montserrat";
    margin-bottom: 1.8rem;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

.menu_ric_button {
    width: 100%;
    margin-bottom: 0;
}

.menu_m_button > a, .menu_ric_button > a {
    color: white;
    font-weight: 500;
}

.accordion-container{
    height: auto;
    padding-left: 12px;
    padding-top: 12px;
    padding-bottom: 8px;
    /*border: 1px dotted #344A5A;*/
    border: 0.5px solid #0095DB;
    border-top: 0;
    border-radius: 0 0 6px 6px;
    background-color: white;
}

/*
.accordion-container:hover {
    box-shadow: 0 0 8px #ccc;

}
*/

.side_lista > .button {
    margin-left: 12px;
}

@media only screen and (max-width: 660px) {
    .accordion-container {
        width: 87.5%;
        margin-left: auto;
        margin-right: auto;
    }
    .sopra_acc_menu,
    .lista-macro,
    .ricerca_avanzata {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .ricerca_avanzata > div,
    .ricerca_avanzata > h6 {
        padding-left: 1rem;
    }
    .raffina > div {
        padding-left: 0;
    }
}

@media only screen and (max-width: 535px) {
    .accordion-container {
        width: 87%;
    }
}

@media only screen and (max-width: 390px) {
    .accordion-container {
        width: 85%;
    }
}

@media only screen and (max-width: 460px) {
    .sopra_acc_menu {
        border: 0px solid #0095DB;
    }
}


@media  only screen and (min-width: 661px) {
    .side_lista > section:hover {
         box-shadow: 0 0 8px #ccc;
    }
}

.accordion-container *{
    color: #333;
}

.set{
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
}

.set > a{
    display: inline;
    padding: 0;
    font-size: 1.25rem;
    font-weight: 500;
    /*letter-spacing: 1px;*/
    text-decoration: none;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    transition:all 0.2s linear;
    text-transform: uppercase;
    font-family: "Montserrat";
}

.set > a span{
    float: right;
    font-size: 2rem;
    font-weight: 400;
    line-height: 2.2rem;
}

.set > a.active, .set > a.active span{
    color: #0095DB;
}

.content{
    display:none;
    margin-left: 6px;
    width: calc(100% - 40px);
    font-family: "Montserrat";
    /*border-left: 1px solid #0095DB;*/
}

.content a{
    text-decoration: none;
    font-weight: 400;
    /*text-transform: uppercase;*/
}

.content a.active {
    color:#0095DD;
    /*font-weight: 500;*/
}

.content ul {
    list-style: none;
    padding-left: 5px;
    margin: 0.6rem 0 0 0;
}

.content li {
    font-size: 1.4rem;
    padding-left: 3px;
    position: relative;
}


.content li:before {
    content:"·";
    font-size: 3rem;
    position: absolute;
    left: -10px;
    top: -13px;
}

.acc_plus:before {
    content: "\00a0+\00a0\00a0";
    /*font-family: "ionicons";*/
}

.acc_minus:before {
    content: "\00a0\2212\00a0\00a0";
    /*font-family: "ionicons";*/
}

/* lista */

.lista_wrapper {
    display: table;
    width: 100%;
}

.side_lista {
    display: table-cell;
    width: 320px;
}

.side_lista_ricerca > section {
    display: none;
}

@media  only screen and (max-width: 1455px) {
    .side_lista {
        padding-left: 1.5%;
    }
}

@media  only screen and (max-width: 970px) {
    .side_lista {
        width: 300px;
    }
}

@media only screen and (max-width: 740px) {
    .side_lista {
        width: 270px;
    }
}



.lista {
    display: table-cell;
}

.lista > * {
    width: 95.5%;
    margin-left: 2.5%;
}


@media only screen and (max-width: 660px) {
    .lista_wrapper {
        display: block;
    }
    .side_lista {
        display: block;
        padding: 0;
        width: 94%;
        margin-left: auto;
        margin-right: auto;
    }
    .lista {
        display: block;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
}

.lista_wrapper h3 {
    color: #333;
    font-weight: 500;
    margin-bottom: 15px;
    border-bottom: 1px solid;
}

.ricerca_avanzata .flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
}

.ricerca_avanzata input {
    margin-bottom: 0.3rem;
}

.ricerca_avanzata_item {
    margin-bottom: 1.5rem;
}

.ricerca_avanzata_item > div {
    display: table;
}

.ricerca_avanzata_item > div > div {
    display: table-cell;
}

.ricerca_avanzata_item > div > span {
    display: table-cell;
    padding-left: 1rem;
    font-size: 1.3rem;
    font-weight: 400;
}

 .ricerca_avanzata_item > h6 {
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 0.4rem;
}


@media only screen and (min-width: 661px) and (max-width: 740px) {
    .ricerca_avanzata .t-6 {
        margin-left: 2%;
        width: 95%;
    }
}



.lista_wrapper h2 {
    text-transform: capitalize;
    color: #333;
    font-weight: 500;
    margin-bottom: 15px;
    border-bottom: 1px solid;
}

.sub_cat_lista {
    margin-bottom: -6px;
}

.sub_cat_lista .button {
    padding: 0 12px;
    line-height: 2.8rem;
    font-size: 1rem;
    height: 28px;
    border-radius: 5px;
    background-color: #0095DB;
    border: 0;
}

.ord_lista {
    height: 36px;
    margin-bottom: 1rem;
    text-align: left;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 0;
    color: #333;
    font-family: "Montserrat";
}

.ord_lista select {
    color: #555;
    /*border: 1px solid #0075BE;*/
}

.lista_prodotti {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0.6rem;
}

.prod-box {
    border-radius: 8px;
    padding: 5px;
    border: 0.5px solid #0075BE;
    height: 410px;
    max-width: 260px;
    display: table;
    background-color: white;
    margin-top: 0.2rem;
}

.prod-box:hover {
    box-shadow: 0 0 8px #ccc;

}

.prod-box .button {
    font-family: "Montserrat"
    line-height: 35px;
}

.lista_prod_img {
    height: 180px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: right;
    cursor: pointer;
}

.lista_prod_img > img {
    margin-top: 0px;
    margin-right: 20px;
}

@media only screen and (min-width: 791px) {
    .lista_prod_img {
        height: 160px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
}

.lista_prod_altro {
    padding-top: 16px;
    text-align: center;
}

.titolo_prod_lista a {
    display: block;
    height: 60px;
    padding:0 5px;
    overflow:hidden;
    color: #333;
    font-weight: 600;
    margin-bottom: 1rem;
    text-decoration: none;
}

.titolo_prod_lista a:hover {
    text-decoration: underline;
}

.sconto_lista > span:nth-child(1) {
    font-size: 1.7rem;
    color:#777;
    font-weight: 300;
    text-decoration: line-through;
}

.sconto_lista > span:nth-child(2) {
    color: /*#F12C63*/ #fbba00;
    font-size: 1.8rem;
    font-weight: 900;
    font-family: "Montserrat";
}

.sconto_lista > span:nth-child(3) {
    color: /*#F12C63*/ #fbba00;
    font-size: 1.8rem;
    font-weight: 600;
    font-family: "Montserrat";
}

.prezzo_lista {
    color: #0075BE;
    font-size: 2.6rem;
    font-weight: 500;
    font-family: "Montserrat";
    margin-bottom: 1.8rem;
}

.prezzo_lista > span {
    font-size: 1.8rem;
}

.prezzo_lista > small {
    display: block;
    font-family: "Public Sans";
    font-size: 1.3rem;
    font-weight: 400;
    color: #333;
    margin-top:-5px;
}

@media only screen and (min-width: 915px) and (max-width: 940px) {
    .prod-box:nth-child(even) {
        margin-left: -10px;
    }
}

@media only screen and (max-width: 790px) {
    .lista_prodotti {
        display: block;
    }

    .prod-box {
        display: table;
        height: 240px;
        width: 96%;
        max-width: 650px;
        border: 1px solid #0075BE;
        /*border-top: 0;
        border-left: 0;
        border-right: 0;*/
        /*border-radius: 0;
        margin-top: 1rem;*/
        margin-bottom: 1.2rem;
    }

    .lista_prod_img {
        display: table-cell;
        width: 45%;
        max-width: 180px;
    }

    .lista_prod_img > img {
        margin-top: 15px;
        margin-right: 15px;
    }

    .lista_prod_altro {
        display: table-cell;
        text-align: left;
        vertical-align: top;
        padding-left: 3%;
    }

    .titolo_prod_lista {
        margin-top: 0.5rem;
        margin-bottom: 1rem;
        max-width: 90%;
    }

    .lista_prod_altro .button {
        font-size: 1.05rem;
        height: 32px;
        line-height: 32px;
        padding: 0 12px;
        margin-left: 8px;
    }

    .prod_aggiunto {
        margin-left: 8px;
    }

    .sconto_lista > span:nth-child(1),
    .prezzo_lista,
    .prezzo_lista:after {
        padding-left: 6px
    }
}

@media only screen and (max-width: 660px) {
    .prod-box {
        width: 98%;
    }
}


.carica_altro {
    display: block;
    margin: 12px auto;
    text-align: center;
    position: relative;
   background-color: white;
    width: 220px;
    font-size: 1.1rem;
    border-radius: 45px;
    border: /*0.5px*/  2px solid /*#0075BE*/ #FFD500;
    z-index:999;
}

.carica_altro:hover {
    box-shadow: 0 0 8px #ddd;
}

.carica_altro a{
    text-decoration: none;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: .15rem;
    text-transform: uppercase;
    color: #0075BE;
    padding: 0 !important;
    position: relative;
    font-family: 'Montserrat';
    z-index:999;
}


/*.carica_altro > a::after*/ {
  content: '';
  /*width: 30px; height: 30px;*/
  width: 220px !important; height: 38px !important;
  border-radius: /*100%*/ 45px;
  border: 2px solid #fbba00;
  position: absolute;
  z-index:-999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: ring 4s infinite;
}

@keyframes ring {
  0% {
    /*width: 30px;
    height: 30px;
    opacity: 0.5;*/
    opacity: 0;
  }
  50% {
    /*width: 150px;
    height: 150px;
    opacity: 0;*/
    opacity: 1;
  }
    100% {
        opacity: 0;
    }
}





/* legal footer */

#legal {
    background-color: white;
    padding-top: 2rem;
    font-size: 1.2rem;
    font-family: "Montserrat";
    font-weight: 500;
    border-left: 0.5px dotted #999;
    border-right: 0.5px dotted #999;
    text-align: center;
}

.partners {
  display: flex; 
  justify-content: flex-start; 
  flex-wrap: wrap; 
  align-items: center; 
  gap: 15px;
}

@media only screen and (max-width: 660px) {
  .partners {
      justify-content: space-around; 
  }
}


.legal_social > div:nth-child(2) {
    text-align: left;
    padding-left: 0.5rem;
    font-weight: 300;
}

.legal_social > div:nth-child(2) > span {
    font-weight: 600;
}

.legal_social > div:nth-child(3) {
    text-align: right;
    padding-right: 0.5rem;
}

@media only screen and (max-width: 660px) {
    .legal_social > div:nth-child(1){
        text-align: center;
        margin: 0.3rem auto 0.6rem auto;
    }
    .legal_social > div:nth-child(2) {
        text-align: center;
    }
}


/* dettaglio */

@media only screen and (min-width: 981px) {
    #dettaglio_wrapper .d-8 {
       width: 69.2%;
    }
    #dettaglio_wrapper .d-4 {
        width: 29.4%;
        max-width: 360px;
    }
}

.tab_container, .tab_button img {
    background-color: white;
    border: 1px solid  #ccc;
    border-radius: 5px;
}

.tab_container img {
    border-radius: 5px;
}

.tab_button img {
    background-color: white;
    border: 1px solid  #ccc;
    border-radius: 3px;
}

a.tab_button {
    text-decoration: none;
}


#dettaglio_wrapper h6 {
    font-weight: 500;
    font-family: 'Public Sans';
}

#dettaglio_wrapper h5 {
    font-weight: 500;
    font-family: 'Public Sans';
    border-bottom: 0.5px solid;
    margin-bottom: 12px;
    max-width: 99%;
}

#dettaglio_wrapper input {
    margin-bottom: 0;
}

.ext_garanzia a {
    text-decoration: none;
}

.ext_garanzia input {
    margin-bottom: 8px !important;
}

.upgrade_disp div  {
    margin-bottom: 6px !important;
}


.upgrade_disp a {
    text-decoration: none;
}

.upgrade_disp i {
    font-size: 1.25rem;
}

#dettaglio_wrapper p {
    font-size: 1.3rem;
    font-weight: 400;
}

.tag_buttons .button {
    padding: 0 12px;
    line-height: 2.8rem;
    font-size: 1rem;
    height: 28px;
    border-radius: 5px;
    background-color: #0095DB;
    border: 0;
}

.colonna_compra p/*, .codici*/ {
    font-size: 1.45rem !important;
    line-height: 2.2rem;
    margin-bottom: 8px;
}

/*.colonna_compra p:nth-child(5) {
    font-style: italic;
    border-top: 0.5px solid;
    border-bottom: 0.5px solid;
    width: 98%;
    padding: 8px 0 10px 0;
    margin: 18px 0 28px 0;
}*/

.colonna_compra .condizioni {
    font-style: italic;
    border-top: 0.5px solid;
    border-bottom: 0.5px solid;
    width: 98%;
    padding: 8px 0 10px 0;
    margin: 18px 0 28px 0;
}

/*.colonna_compra p:nth-child(5) a {
    font-style: normal;
    font-size: 1.5rem;
    font-weight: 500;
}*/

.colonna_compra .condizioni a {
    font-style: normal;
    font-size: 1.5rem;
    font-weight: 500;
}


.sconto_dett, .prezzo_dett {
    display: inline-block;
    margin-right: 15px;
    text-align: center;
}

.sconto_dett > span:nth-child(1) {
    display: block;
    font-size: 1.9rem;
    color:#777;
    font-weight: 300;
    text-decoration: line-through;
}

.sconto_dett > span:nth-child(2) {
    color: /*#F12C63*/ #fbba00;
    font-size: 2rem;
    font-weight: 900;
    font-family: "Montserrat";
}

.sconto_dett > span:nth-child(3) {
    color: /*#F12C63*/ #fbba00;
    font-size: 2rem;
    font-weight: 600;
    font-family: "Montserrat";
}

.prezzo_dett {
    color: #0075BE;
    font-size: 3rem;
    font-weight: 500;
    font-family: "Montserrat";
}

.prezzo_dett > span {
    font-size: 2.2rem;
}

.prezzo_dett > small {
    display: block;
    font-family: "Public Sans";
    font-size: 1.3rem;
    font-weight: 400;
    color: #333;
    margin-top:-5px;
}

.prod_aggiunto {
    display: none;
}

.stars_dett > a {
    text-decoration:none;
    color: #FBBA00;
    font-size: 1.8rem;
}

.stars_dett > a > span {
    color: #333;
    font-size: 1.4rem;
    vertical-align: top;
    letter-spacing: 1px;
}


/* tooltip stelle dettaglio */

.tooltip {
    color: #FBBA00;
}

.tooltip > span {
    color: #555;
    padding-left: 8px;
    font-size: 1.3rem;
}

.stars_dett {
  cursor: pointer;
  position: relative;
  -webkit-transform: translateZ(0); /* webkit flicker fix */
  -webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}

.stars_dett .tooltip {
  background: white;
  border: 1px solid #d1d1d1;
  border-radius: 5px;
  display: block;
  left: -10px;
  top: 30px;
  opacity: 0;
  padding: 12px 12px 6px 12px;
  pointer-events: none;
  position: absolute;
  width: 146px;
  z-index: 1102;
  -webkit-transform: translateY(10px);
     -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
       -o-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all .7s ease-out;
     -moz-transition: all .7s ease-out;
      -ms-transition: all .7s ease-out;
       -o-transition: all .7s ease-out;
          transition: all .7s ease-out;
}



/* This is the grey triangle behind the yellow one that makes the border continuous */
.stars_dett .tooltip:before {
  top: -42px;
  content: "";
  display: block;
  height: 20px;
  left: 71px;
  position: absolute;
  border-color: transparent transparent #a9a9a9 transparent;
  border-style: solid;
  border-width: 11px;
}


/* white triangle */
.stars_dett .tooltip:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-bottom: solid white 10px;
  top: -10px;
  content: "";
  height: 0;
  left: 50%;
  margin-left: -13px;
  position: absolute;
  width: 0;
}


.stars_dett:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
       -o-transform: translateY(0px);
          transform: translateY(0px);
}

/* IE can just show/hide with no transition */
.lte8 .stars_dett .tooltip {
  display: none;
}

.lte8 .stars_dett:hover .tooltip {
  display: block;
}


/* dettagli del dettaglio  */

.specifiche_all strong {
    font-weight: 400;
}

.specifiche_all p {
    margin-bottom: 8px;
}

.specifiche_all table,
.specifiche_all tbody,
.specifiche_all tr,
.specifiche_all td {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
    /*display: block;*/
}

.specifiche_table p {
    /*margin: 6px 0 !important;*/
    margin: 0 !important;
}

/* prodotti "in evidenza" (pag. dettaglio e volendo altrove) */

.evid_home_prod_wrapper {
    border: 0.5px solid #0095DD;
    padding: 8px 0px;
    background-color: white;
    border-radius: 8px;
    text-align: center;
    margin-bottom: 0.8rem;
}

.evid_home_prod_wrapper:hover {
     box-shadow: 0 0 8px #ccc;
}

a.evid_home_titolo {
    color: #333;
    font-weight: 600;
    text-decoration: none;
    padding: 0 6px;
}

a.evid_home_titolo:hover {
    text-decoration: underline;
}

.evid_home_prod {
    display: table;
    width: 96%;
    /*max-width: 275px;*/
    margin: 8px auto 3px auto;
}

/*immagine*/
.evid_home_prod > div:first-child {
    display: table-cell;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    text-align: right;
    cursor: pointer;
    position: relative;
    line-height: 80px;       /* determina l'altezza verticale della table-cell  */
}                            /* (perchè al suo interno ho messo un   che vale come riga)  */


.evid_home_prod > div:first-child > img {
    position: absolute;
    top: 6px;
    right: 6px;
}

@media  only screen and (max-width: 660px) {
    .evid_home_prod > div:first-child {
        line-height: 120px;
    }
}

.evid_sconto-prezzo_wrapper {
    display: table-cell;
    width: 55%;
    vertical-align: middle;
}

.evid_sconto {
    text-align: center;
}

.evid_sconto > span:nth-child(1) {
    font-size: 1.5rem;
    color:#777;
    font-weight: 300;
    text-decoration: line-through;
}

@media  only screen and (min-width: 661px) and (max-width: 740px) {
    .evid_sconto > span:nth-child(1) {
        display: block;
    }
}

.evid_sconto > span:nth-child(2) {
    color: /*#F12C63*/ #fbba00;
    font-size: 1.6rem;
    font-weight: 900;
    font-family: "Montserrat";
}

.evid_sconto > span:nth-child(3) {
    color: /*#F12C63*/ #fbba00;
    font-size: 1.6rem;
    font-weight: 600;
    font-family: "Montserrat";
}

.evid_prezzo {
    color: #0075BE;
    font-size: 2rem;
    font-weight: 500;
    font-family: "Montserrat";
    margin-top: 0.4rem;
    text-align: center;
}

.evid_prezzo > span {
    font-size: 1.6rem;
}

.evid_prezzo > small {
    display: block;
    font-family: "Public Sans";
    font-size: 1.2rem;
    font-weight: 400;
    color: #333;
    margin-top:-5px;
}

@media only screen and (max-width: 660px) {
    #dettaglio_wrapper{
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    .evid_sconto-prezzo_wrapper {
        width: 65%;
    }
    .evid_sconto > span:nth-child(1) {
        font-size: 1.8rem;
    }
    .evid_sconto > span:nth-child(2),
    .evid_sconto > span:nth-child(3) {
        font-size: 1.9rem;
    }
    .evid_prezzo {
        font-size: 2.4rem;
    }
}

@media only screen and (min-width: 520px) and (max-width: 660px) {
    .evid_prezzo {
        font-size: 3rem;
    }
}

/* --- */
/* carrello */
/* --- */

@media only screen and (max-width: 980px) {
    #carrello_wrapper {
        max-width: 780px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (min-width: 981px) {
    #carrello_wrapper .d-5 {
        width: 41.1%;
    }
}

.cart_upsell {
    background-color: white;
    border: 0.5px solid #999;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 1rem;
}

.cart_upsell:hover {
    box-shadow: 0 0 8px #ccc;
}

.cart_upsell_prod {
    display: table;
    width: 100%;
}

    .cart_upsell_prod > div:nth-child(1) {
        display: table-cell;
        width: 80px;
        padding: 5px 16px 10px 0;
    }

    .cart_upsell_prod > div:nth-child(2) {
        display: table-cell;
        vertical-align: middle;
        padding-right: 10px;
        color: #666;
        font-weight: 300;
    }

    .cart_upsell_prod > div:nth-child(2) > p {
        margin-bottom: 16px;
    }

    .cart_upsell_prod > div:nth-child(2) > p > a {
        font-weight: 600;
        color: #444;
        text-decoration: none;
    }

    .cart_upsell_prod > div:nth-child(2) > span {
        font-weight: 500;
        font-size: 1.8rem;
        vertical-align: middle;
        color: #0095DB;
    }

    .cart_upsell_prod > div:nth-child(2) > label {
        display: inline;
        font-weight: 300;
        color: #444;
        font-size: 1.4rem;
        vertical-align: -12%;
        margin: 0 3px 0 12px;
    }

    .cart_upsell_prod > div:nth-child(2) > input {
        text-align:center;
        color: #666;
        height: 30px;
        border: 0.5px solid #ccc;
        width: 40px;
        margin-right: 3px;
    }

    .cart_upsell_prod > div:nth-child(2) > a {
        font-size: 1.3rem;
        font-weight: 300;
        color: #444;
        text-decoration: none;
        border-bottom: 0.5px solid;
    }

    .elimina_prod {
        border-bottom: 0px !important;
        font-size: 1.8rem !important;
        float:right;
        padding-right: 3px !important;
        line-height: 3.4rem !important;
        color: #222 !important;
    }


.cart_upsell_radio {
    /*border-top:  0.5px solid #999;*/
    margin: 0px 10px 20px 10px;
}

    .cart_upsell_radio > p {
        margin-top: 12px;
        margin-bottom: 6px;
        font-weight: 600;
    }

    .cart_upsell_radio > div {
        display: table;
        padding-left: 8px;
        margin-top: -8px;
    }

    .cart_upsell_radio > div > input {
        display: table-cell;
        width: 18px;
        margin: 18px 6px 0 0;
    }

    .cart_upsell_radio > div > span{
        display: table-cell;
        color: #333;
        font-size: 1.4rem;
    }


.cart_upsell_checkbox {
    /*border-top:  0.5px solid #999;*/
    margin: 10px 10px 20px 10px;
}

    .cart_upsell_checkbox > p{
        margin-top: 12px;
        margin-bottom: 6px;
        font-weight: 600;
    }

    .cart_upsell_checkbox > div {
        display: table;
        padding-left: 8px;
        margin-top: -8px;
    }

    .cart_upsell_checkbox > div > input {
        display: table-cell;
        width: 18px;
        margin: 18px 6px 0 0;
    }

    .cart_upsell_checkbox > div > span{
        display: table-cell;
        color: #333;
        font-size: 1.4rem;
    }


    .cart_upsell_buttons {
        /*border-top:  0.5px solid #999;*/
        margin: 10px 10px 0px 10px;
        text-align: left;
    }

    .cart_upsell_buttons .button {
        height: 28px;
        line-height: 28px;
    }


.indirizzo_cart > p:nth-child(1) {
    border-bottom: 0.5px solid #999;
    padding: 5px 12px 6px 0;
    color: #0075BE;
    text-align: center;
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 1.5rem;
}

.indirizzo_cart .button {
    height: 29px;
    line-height: 28px;
}

/*
.indirizzo_cart > p:nth-child(2) {
    padding-top: 6px;
    font-weight: 300;
    border-top: 0.5px solid #999;
    margin-bottom: 5px;
}

.indirizzo_cart > p:nth-child(2) > span {
    font-weight: 500;
    display: block;
    margin-bottom: 6px;
}
*/

.tabella_indirizzi {
    display:table;
    width: 95%;
    max-width: 500px;
    text-align: left;
    margin: 0 auto;
    padding-left: 12px;
}

.tabella_indirizzi > div {
    display:table-row;
}

.tabella_indirizzi p {
    display: table-cell;
    padding: 0 6px 12px 0;
    font-size: 1.4rem;
    font-weight: 400;
}

.tabella_indirizzi input {
    display: table-cell;
    width: 30px;
    margin-bottom: 0;
}

.tabella_indirizzi_conferma {
    text-align: center;
    padding: 0 6px 6px 0;
    font-size: 1.4rem;
    font-weight: 400;
}

.coupon_cart, .indirizzo_cart {
    background-color: white;
    border: 0.5px solid #999;
    border-radius: 5px;
    padding: 15px 15px 0 15px;
    margin-bottom: 1rem;
    text-align: center;
    font-weight: 500;
}

.indirizzo_cart {
    padding-bottom: 20px;
}

.coupon_cart:hover, .indirizzo_cart:hover {
    box-shadow: 0 0 8px #ccc;
}

.coupon_cart input {
    text-align:center;
    color: #666;
    height: 30px;
    border: 0.5px solid #999;
    width: 30%;
    margin-left: 5px;
    margin-right: 5px;
}

.coupon_cart > .button {
    height: 29px;
    line-height: 28px;
}


.totale_cart {
    background-color: white;
    border: 2px solid #fbba00;
    border-radius: 5px;
    padding: 10px 10px 3px 10px;
}

.totale_cart:hover {
    box-shadow: 0 0 8px #ccc;
}

.totale_cart > p:nth-child(1) {
    color: #0075BE;
    text-align: center;
    margin-bottom: 0.5rem;
    font-weight: 400;
    font-size: 1.5rem;
    padding-right: 12px;
    padding-top: 6px;
}

.totale_cart > div:nth-child(2) {
    display: table;
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
}

.cart_tot_prod {
    display: table-row;
    height: 30px;
    border-top: 0.5px solid #999;
}

.cart_sped {
    display: table-row;
    height: 30px;
}

.cart_gran_tot {
    display: table-row;
    height: 36px;
    border-top: 0.5px solid #999;
}

.totale_cart > div:nth-child(3) > ul {
    text-align: center;
    padding: 0 6px 0 12px;
    margin: 12px auto;
    display: block;
    max-width: 450px;
}

.totale_cart > div:nth-child(3) > ul > li {
    display: inline-block;
    text-align: center;
    color: #0075BE;
    font-weight: 300;
    font-size: 1.5rem;
    margin-right: 16px;
}

.cart_tot_prod span:nth-child(1),
.cart_sped span:nth-child(1),
.cart_gran_tot span:nth-child(1) {
    display: table-cell;
    width: 60%;
    text-align: right;
    color: #444;
    vertical-align: middle;
}

.cart_tot_prod span:nth-child(2),
.cart_sped span:nth-child(2),
.cart_gran_tot span:nth-child(2) {
    display: table-cell;
    text-align: left;
    padding-left: 10px;
    font-weight: 600;
    vertical-align: middle;
}

.cart_upsell ul {
    list-style: none;
}

/* indirizzi */

.ind_salvati h1 {
    border-bottom: 0.75px solid #333;
    margin-bottom: 24px;
    font-size: 2.6rem;
}

.ind_salvati > p {
    border-top: 0.5px dotted #333;
    padding-top: 8px;
    margin-bottom: 12px;
    padding-right: 12px;
    position: relative;
}

.ind_salvati > p >  span {
    font-weight: 600;
}

.ind_salvati > p:nth-child(2) {
    border-top: 0;
    padding-top: 0;
    margin-top: 0;
}

.ind_salvati > p > a {
    position: absolute;
    right: 4px;
    top: 26px;
    font-size: 1.6rem;
    color: #555;
}

/* side account */

#side_account {
    padding: 0 2.5%;
}

#side_account h3 {
    margin: 5px 0 23px 0;
    border-bottom: 0.5px solid #333;
}

#side_account > ul {
    list-style: none;
    line-height: 24px;
}

#side_account a{
    text-decoration: none;
    color: #333;
    font-weight: 400;
}

#side_account a:hover {
    border-bottom: 1px dotted #333;
}


/*#side_account > ul > li::before {
    content: "\f30f\00a0\00a0";
    content: "\f383\00a0\00a0";
    font-weight: 300;
    font-size: 1.5rem;
    vertical-align: -5%;
    font-family: "ionicons";
}*/

/* comunicazione */

.comunicazione > img {
    margin-bottom: 24px;
}

.comunicazione > p,
.comunicazione > ol,
.comunicazione > ul {
    width: 90%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    font-family: "Montserrat";
    font-size: 1.5rem;
    color: #344A5A;
}

.comunicazione > ol li,
.comunicazione > ul li {
    margin-bottom: 12px;
}

.comunicazione a {
    text-decoration: underline;
}

.comunicazione a.button {
    text-decoration: none;
}

.comunicazione > p:nth-child(2) {
    font-size: 2.8rem;
    line-height: 3.4rem;
}

.comunicazione > p > strong {
    font-weight: 700;
}


/* login */

.side_account_login {
    padding-left: 2rem;
}

.side_account_login ul {
    list-style: outside;
    list-style-type: circle;
}

.side_account_login ul li {
    margin-left: 1rem;
}

.side_account_login a {
    color: white !important;
    font-weight: 500 !important;
}


@media (min-width: 661px) and (max-width: 980px) {
     .reg_fields_wrapper_login, .side_account_login {
        padding: 0rem !important;
    }

    .side_account_login * {
        padding-left: 2rem !important;
    }

    .side_account_login ul li {
        padding-left: 0rem !important;
    }

    .side_account_login a {
        margin-left: 2rem;
    }
}


/* --- */
/* ordini e resi */
/* --- */

.miei_ord ul {
    border-bottom: 1px dotted #999;
    margin: 0;
    padding: 12px 0;
}

.miei_ord ul:last-child {
    border-bottom: 0px;
}

/*.miei_ord ul:nth-child(odd) {background: #FFF;}*/

.miei_ord_lista li {
    display: inline-block;
    width: 32.8%;
    border-collapse: collapse;
    text-align: center;
    vertical-align: middle;
    font-weight: 300;
    margin: 0;
}

.miei_ord_lista li:first-child {
    text-align: left;
}

.miei_ord_lista li:first-child a {
    text-decoration: none;
}

.miei_ord_lista li:last-child {
    text-align: right;
    font-size: 1.2rem;
}

.miei_ord_lista li span {
    font-weight: 500;
}

@media (min-width: 501px) and (max-width: 660px) {
    .miei_ord_lista li {
        width: 28%;
    }
     .miei_ord_lista li:last-child {
        width: 42%;
    }
}

@media (max-width: 500px) {
    .miei_ord_lista li {
        width: 49%;
    }
    .miei_ord_lista li:last-child {
        width: 99%;
        text-align: center;
        margin: 22px auto 8px auto;
    }
    .miei_ord .button {
        display: block;
        margin: 0 auto;
    }
}


.miei_resi_lista li {
    display: inline-block;
    width: 32.8%;
    border-collapse: collapse;
    text-align: center;
    vertical-align: top;
    font-weight: 300;
    margin: 0;
    text-align: left;
    text-decoration: none;
    padding: 6px 0
}

.miei_resi_lista li:nth-child(2){
    width: 30.8%;
    margin-right: 1.9%;
    font-weight: 500;
}

.miei_resi_lista li:nth-child(3) {
    font-style: italic;
}


.miei_resi_lista li:first-child a {
    text-decoration: none;
}

.miei_resi_lista li span {
    font-weight: 500;
}

@media (min-width: 981px) {
    .miei_resi_lista .d-12 {
        display: block !important;
    }
}

@media (max-width: 660px) {
    .miei_resi_lista li,
    .miei_resi_lista li:nth-child(2) {
        width: 98%;
        margin-right: 0;
    }
    .miei_resi_lista li{
        margin-top: 6px;
    }
}













.apri_rma {
    float: right;
    background-color: orangered;
    padding: 6px 8px;
    color: white !important;
    text-decoration: none;
    border-radius: 5px;
    margin: -3px auto 4px auto;
}

@media (min-width: 501px) {
    .apri_rma {
        margin: -4px auto -4px auto;
    }
}

.rma_fields {
    margin: 10px;
    display: none;
}

.rma_fields p {
    font-family: "Public Sans";
    font-size: 1.5rem;
}

/* stati ordine/RMA */

.success {
    color:green;
    border: 1px solid green;
    border-radius: 5px;
    padding: 4px;
}

.warning {
    color:#E9AD08;
    border: 1.5px solid #fbba00;
    border-radius: 5px;
    padding: 4px;
}

.danger {
    color:orangered;
    border: 1px solid orangered;
    border-radius: 5px;
    padding: 4px;
}


.miei_resi_lista .success,
.miei_resi_lista .warning,
.miei_resi_lista .danger {
    font-size: 1.2rem;
}


.linea_divisoria {
    border-top: 0.5px solid #999;
    height: 8px;
    margin: 3px 10px;
}

.dett_ordine .flex-row {
    font-size: 1.4rem;
    line-height: 2.2rem;
    padding-left: 3px !important;

}

.dett_ordine .flex-row a {
    text-decoration: none;
}

.dett_ordine .flex-row strong {
    font-size: 1.5rem;
    margin-bottom: 16px;
    font-weight: 600;
}

.dett_ordine .flex-row strong::after {
    content: "\00a0";
}

.dett_ordine .flex-row h6 {
    font-family: "Public Sans";
    font-size: 1.5rem;
    margin-bottom: 16px;
    font-weight: 600;
    position: relative;
}

.dett_ordine .flex-row h6::after {
    content: "";
    position: absolute;
    border-bottom: 0.5px solid #333;
    width: 45px;
    top: 22px;
    left: 0;
}

.RMA_aperto {
    padding: 10px;
}

.RMA_aperto > span {
    font-size: 1.4rem;
    margin-bottom: 16px;
    font-weight: 500;
    padding: 5px;
    border-radius: 5px;
    margin-top: 12px;
}

.RMA_success {
    color: green;
    border: 1px solid green;
}

.RMA_warning {
    color: #E9AD08;
}

.RMA_danger {
    color: orangered;
}


.RMA_item {
    margin-bottom: 20px;
    /*border-bottom: 0.5px dotted #999;*/
    padding: 6px 8px;
}

.RMA_item:nth-child(odd) {
    background-color: #eee;
    border-radius: 5px;
}

.RMA_item:last-child {
    margin-bottom: 0px;
    border-bottom: 0;
}

.RMA_item > div:nth-child(2) {
    text-align: right;
}

.RMA_item > div:nth-child(2) > span {
    font-size: 1.2rem;
    font-weight: 500;
}

.RMA_item .button {
    padding: 0 16px;
    height: 32px;
    line-height: 32px;
}

@media (max-width: 660px) {
    .RMA_item > div,
    .RMA_item > div:nth-child(2) {
        text-align: center;
        margin: 6px auto;
    }
}

.bordo_rosso_RMA {
    border: 1px solid red !important;
}

/* = = = */

.chisiamo > p,
.chisiamo > ul,
.chisiamo > ol {
    max-width: 750px;
}

.timeline *,
.timeline *::before,
.timeline *::after {
  box-sizing: border-box;
  font-family: Montserrat;
  font-size: 1.45rem;
  font-weight: 500;
  color: white;
}

.timeline {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 15px 0;
}

.timeline::after {
  content: '';
  position: absolute;
  width: 2px;
  background: #0095DB;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -1px;
  /* margin-top: 83px;
  margin-bottom: 60px; */
}

.container_t {
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
  background: inherit;
  width: 50%;
}

.container_t.left {
  left: 0;
  padding-right: 30px;
}

.container_t.right {
  left: 50%;
  padding-left: 30px;
}

.container_t::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: calc(50% - 8px);
  right: -8px;
  background: #ffffff;
  border: 2px solid #0095DB;
  border-radius: 16px;
  z-index: 1;
}

.container_t.right::after {
  left: -8px;
}

.container_t::before {
  content: '';
  position: absolute;
  width: 25px;
  height: 2px;
  top: calc(50% - 1px);
  right: 8px;
  background: #0095DB;
  z-index: 1;
}

.container_t.right::before {
  left: 8px;
}

.container_t .date {
  position: absolute;
  display: inline-block;
  top: calc(50% - 15px);
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  color: #333;
  text-transform: uppercase;
  letter-spacing: 1px;
  z-index: 1;
}

.container_t.left .date {
  right: -75px;
}

.container_t.right .date {
  left: -75px;
}

.container_t .icon {
  position: absolute;
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 9px 0;
  top: calc(50% - 20px);
  background: #0095DB;
  border: 2px solid #0095DB;
  border-radius: 40px;
  text-align: center;
  font-size: 18px;
  color: #0095DB;
  z-index: 1;
}

.container_t.left .icon {
  right: 56px;
}

.container_t.right .icon {
  left: 56px;
}

.container_t .content_t {
  padding: 20px;
  background: #0095DB;
  position: relative;
  border-radius: 7px;
  border: 4px solid #fbba00;
  z-index: 100;
}

.container_t.right .content_t {
  padding: 20px;
  border-radius: 7px;
}

.container_t .content_t h2 {
  margin: 0 0 10px 0;
  font-size: 18px;
  font-weight: normal;
  color: #006E51;
}

.container_t .content_t p {
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
}

@media (max-width: 767.98px) {
  .timeline::after {
    left: 90px;
  }

  .container_t {
    width: 100%;
    padding-left: 120px;
    padding-right: 30px;
  }

  .container_t.right {
    left: 0%;
    padding-left: 120px;
  }

  .container_t.left::after,
  .container_t.right::after {
    left: 82px;
  }

  .container_t.left::before,
  .container_t.right::before {
    left: 100px;
    border-color: transparent #0095DB transparent transparent;
  }

  .container_t.left .date,
  .container_t.right .date {
    right: auto;
    left: 15px;
  }

  .container_t.left .icon,
  .container_t.right .icon {
    right: auto;
    left: 146px;
  }

  .container_t.left .content_t,
  .container_t.right .content_t {
    padding: 20px;
    border-radius: 8px;
  }
}

 /* = = = */
 /* cerca produttore  */
  /* = = = */

 .ricerca_brand > p {
    max-width: 1440px !important;
}

.lettera_alf {
   /* position: relative; */
   margin-top: 18px;
}

/* .lettera_alf::after {
   content: "_________________";
   color: #ccc;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   margin-top: -12px;
} */

.lettera_alf > a > img {
   margin: 2px;
}

.lettera_alf > a > img:hover {
   transform: scale(0.95);
}

.accordion-container .subtitle {
   margin-right: 12px;
   margin-top: 16px;
   font-size: 1.8rem;
}

.accordion-container .subtitle:first-of-type {
   margin-top: 6px;
}

@media (max-width: 424px) {
   .lista_prod_altro .button {
      padding: 6px 6px 6px 7px;
      line-height: 19px;
      margin-left: -5px;
   }
   .lista_prod_altro .button-primary {
      padding: 6px 10px;
      margin-left: -4px;
   }
}

/*
main color: #0095DB;
secondary: #0075BE;
ter: #344A5A;

giallo-ocra: #fbba00
giallo-ocra alternativo: #E9AD08


ter "mio": #01529C;
*/


.blog_nav a {
   text-decoration: none;
}

.chisiamo p:nth-child(2) a {
   text-decoration: none;
}
.comunicazione  .post {
    width: 90%;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    font-family: "Montserrat";
    font-size: 1.5rem;
    color: #344A5A;
}

.go_on_pre_login {
   text-align:center;
   margin: 8px auto 4px auto;
}

.go_on_pre_login .button {
   width: 200px;
}


.email_no_login {
   padding: 15px 8px 0px 12px;
   display:none;
   border: 2px solid #F7BA44;
}

.email_no_login input{
   width: 100%;
   height: 36px;
   border-color: #ccc;
   margin-bottom: 8px;
}

.email_no_login .button {
   width: 100%;
}

/* menu categorie a scomparsa 8/3/2022*/

 #main_menu {
    position: fixed;
    top: 0; left: 0;
    background-color: #3596DB;
    color: white;
    border-right: 1px solid #ccc;
    width: 280px; height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 10000000;
    padding: 40px 20px 40px 30px;
    font-family: Montserrat;
    display: none;
 }

 #main_menu ul {
    list-style: none;
  }

 #main_menu li {
    margin-bottom: 20px;
    line-height: 1.7rem;
 }

 #main_menu li a:first-of-type {
    text-transform: uppercase;
    color: white;
    font-weight: 500;
    font-size: 1.45rem;
    font-style: normal;
    text-decoration: none;
 }

#main_menu li a:first-of-type:hover {
    text-decoration: underline;
}

#main_menu li a {
    font-style: italic;
    color: white;
    font-weight: 400;
    font-size: 1.25rem;
 }

.menu_minus {
    display: none;
}

#main_menu .set > a {
    font-size: 1.55rem !important;
    letter-spacing: 0.2px !important;
}

#main_menu .accordion-container {
    display: none;
    background-color: #3596DB;
 }

 #main_menu .accordion-container a {
    text-transform: none !important;
 }

 #main_menu .acc_plus, #main_menu .acc_minus {
    color: white;
 }

#main_menu .content li {
margin-bottom: 10px;
}

#main_menu .content li a {
    font-weight: 400;
}

#main_menu .content li a:hover {
    margin-left: 0;
}

 #main_menu .content li::before {
    color: white;
    left: -10px;
    top: -3px;
}

 .close_main_menu {
    cursor: pointer;
 }

.top-menu-inside-main {
    line-height: 2.5rem;
}

.top-menu-inside-main a {
    color:  white;
    text-decoration: none;
}

#lens_click {
    height: 25px;
    width: 25px;
    position: absolute;
    top: 0px;
    right: 12px;
    cursor: pointer;
    border-radius: 10%;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 6px 6px;
}

.icone-share-nascoste {
    display: inline-block;
    margin-left: 6px;
}

.icone-share-nascoste ion-icon {
    font-size: 22px;
    vertical-align: -10%;
    margin-right: -1px;
}

ion-icon {
  pointer-events: none;
}

.close_main_menu ion-icon {
    pointer-events: auto;
}

#autocomp {
  width: 94.5%; 
  padding: 0; 
  background-color: #fff; 
  box-sizing: border-box; 
  z-index: 999 !important; 
  position: absolute; 
  top: 32px; 
  margin-left: 3%; 
  opacity: 80%; 
  letter-spacing: 0.4px; 
  color: #333; 
  border-radius: 0 0 5px 5px;
  display: none; 
}

#autocomp ul {
  list-style-type: none;
  margin-bottom: 0;
}

#autocomp li {
  padding: 6px 8px;
  border-bottom: 1px solid #ccc;
  font-weight: 500;
  font-size: 1.25rem;
  text-transform: uppercase;
  cursor: pointer;
  text-align: left;
}

#autocomp li:hover {
  background-color: #eee;
  padding-left: 9px;
}



@media only screen and (min-width: 661px) and (max-width: 980px) {
  #autocomp {
      width: 86%;
      margin-left: 7%;
  }
}

@media only screen and (max-width: 500px) {
  #autocomp {
      width: 84%;
      margin-left: 8%;
  }
}

.nota-sconto {
  color: #F7BA44; 
  font-size: 1.3rem; 
  font-family: Montserrat; 
  font-weight: 500;
}  

.video_modal {
  padding: 0 !important; 
  max-width: 660px !important; 
  width: 98% !important;
}


.video_wrapper {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  margin: 0;
}

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

/* .gal_video img {border: none;} */