container {
	font-family: "Manrope", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;
    font-size: 1rem;
}


.testa {
    margin: 0rem 0rem 0rem 0rem;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    border: 2px dashed #00ccff;
}
.testacombinata {
    background-color: #FFFFFF;
    border: 4px solid #00ccff;
    margin: 4rem 0rem 4rem 0rem;
    padding: 0.6rem 0.4rem 0.6rem 0.4rem;
}
.testone {
    background-color: #00ccff;
    margin: 2rem 0rem 0rem 0rem;
    padding: 0.6rem 0.4rem 0.6rem 0.4rem;
}
.centro {
    border: 1px solid #00ccff;
    margin: 1rem 0rem 0rem 0rem;
    padding: 0.6rem 0.4rem 0.6rem 0.4rem;
}
.footer {
    border: 2px dashed #C0C0C0;
    margin: 3rem 0rem 3rem 0rem;
    padding: 0.6rem 0.4rem 0.6rem 0.4rem;
}


.spazioriga03 {
	margin-top: 0.3rem;
}
.spazioriga10 {
	margin-top: 1rem;
}
.spazioriga20 {
	margin-top: 2rem;
}
.spazioriga25 {
	margin-top: 2.5rem;
}
.spazioriga30 {
	margin-top: 2rem;
}
.spazioriga60 {
	margin-top: 6rem;
}
.spazioriga80 {
	margin-top: 8rem;
}


.nero {
	color: #000000;
}
.grigio-h2-2 {
	color: #007575;
}


.schede {
    background-color:#CCFFFF;
}


.flex {
    display: block;
    max-width: 100%;
    height:auto;
}
.f {
    border-radius: 50%;
}
.ff {
    border-radius: 50%;
    margin: 1.6rem 0rem 0rem 0rem;
}
.ff5 {
    margin: 1.6rem 0rem 0rem 0rem;
}
.ff6 {
    margin: 2.6rem 0rem 0rem 0rem;
}



.allidestra {
    float: right;
}
.allicentro {
    margin: 0 auto;
}


.pio1 {
    display: inline-block;
    margin: 2rem 0rem 0rem 0rem;
    width: 100%;
}
.pio2 {
    display: inline-block;
    margin: 3rem 0rem 0rem 0rem;
    width: 100%;
}
.pio3 {
    display: inline-block;
    margin: 3rem 0rem 0rem 0rem;
    width: 100%;
}
.pio4 {
    display: inline-block;
    margin: 1.6rem 0rem 0rem 0rem;
    width: 100%;
}
.pio5 {
    display: inline-block;
    margin: 2.6rem 0rem 0rem 0rem;
    width: 100%;
}


.descrizione1 {
    vertical-align: top;
    margin-top: 6rem;
}
.descrizione2 {
    vertical-align: top;
    margin-top: 2.5rem;
}
.descrizione3 {
    vertical-align: top;
    margin-top: 2.5rem;
}


.a, a {
	color: #800080;
	text-decoration:none;
}
a:hover {
    text-decoration:underline;
}


.h1, h1 {
	font-family: "Inter", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;
    font-size: 2.7rem;
    margin: 0rem 0rem 0rem 0rem;
}
.h2, h2 {
	font-family: "Inter", sans-serif; font-optical-sizing: auto; font-weight: 200; font-style: normal;
	font-size: 1.62rem;
    margin: 0rem 0rem 0rem 0rem;
    color: #00abba;
}
.h2-ridotto {
	font-weight: 400;
    font-size: 1.34rem;
}
.p, p {
    font-size: 0.95rem;
    line-height: 130%;
    margin: 0.6rem 0rem 0rem 0rem;
    color: #333333;
}
.ul, ul {
    font-size: 0.95rem;
    line-height: 160%;
    margin: 0.8rem 0rem 0rem 0rem;
	padding-left: 1rem;
    color: #333333;
}
.ul-1 {
	list-style-type: none;
	padding-left: 0;
}
.ul-2 {
	padding-left: 1rem;
}

.style1 {
    font-size: 1.17rem;
    line-height: 140%;
    margin: 1.2rem 0rem 0.1rem 0rem;
    color: #333333;
}
.style2 {
    font-size: 1.17rem;
    line-height: 140%;
    margin: 0.2rem 0rem 0.1rem 0.2rem;
    color: #333333;
}
.style3 {
    font-size: 0.8rem;
    line-height: 105%;
    margin: 0.2rem 0rem 0rem 0rem;
    color: #333333;
}


embed {
    width: 100%;
    height: 300px;
    margin: 1.6rem 0rem 0rem 0rem;
}


.breadcrumb {
    font-size: 0.8rem;
    margin: 0.6rem 0rem 0rem 0.4rem;
    display: inline-block;
}


.lovuoi1 {
	margin-top: 0.8rem;
	font-size: 1.2rem;
}


.link {
    font-size: 0.98rem;
}


.price {
    font-size: 0.95rem;
    line-height: 140%;
    margin: 0rem 0rem 0rem 0rem;
    color: #333333;
}


.priceout {
    font-size: 0.95rem;
    line-height: 110%;
    margin: 1rem 0rem 0rem 0rem;
    color: #888888;
}


.btncarrello {
    font-size: 1.05rem;
    color: #555555;
    background: #ffffff;
    border: none;
    margin: 0.8rem 0rem 0rem 0.8rem;
    padding: 0.1rem 0.8rem 0.1rem 0.2rem;
    cursor: pointer;
}
.btnacquista {
	font-size: 1.35rem;
    color: #0000ff;
    background: none;
    margin: 1.2rem 0rem 0rem 0rem;
    padding: 0rem 0rem 0rem 0rem;
    border: none;
    cursor: pointer;
}
.btnaggiungicarrello {
    font-size: 1.2rem;
    color: #0000ff;
    background: #ffffff;
    margin: 0.8rem 0rem 0rem 0rem;
    padding: 0.2rem 0.8rem 0.1rem 0.8rem;
    border: 1px solid #00ccff;
    cursor: pointer;
}


.ico-carrello-1 {
    color: #00ccff;
    vertical-align:sub;
}
.ico-carrello-2 {
    color: #0000ff;
}
.ico-carrello-3 {
    color: #0000ff;
}
.ico-carrello-4 {
    color: #ff0000;
}


.material-icons.md-36 {font-size: 36px;}


.emoji {
    font-size: 1.2em;
}


.ean {
	color: #808080;
}




/* ==========================================================================
   EVIDENZIATORI - Effetti highlighter per testo
   ========================================================================== */


/* Evidenziatore tipo "stabilo boss" - marker irregolare */

.marker1-lime {
  display: inline-block;
  background: linear-gradient(
      100deg,
      #00ff0000 1%,
      #00ff00 2.5%,
      #00ff0080 5.7%,
      #00ff001a 93%,
      #00ff00b4 95%,
      #00ff0000 98%
    ),
    linear-gradient(182deg, #00ff0000, #00ff004d 8%, #00ff0000 15%);
  background-size: 100% 85%;        /* Altezza ridotta al 85% */
  background-position: 0 80%;       /* Posizionato in basso */
  background-repeat: no-repeat;
}


/* Evidenziatore tipo "tratto video" - marker copertura abbondante fluo */

.marker2-pink {
    position: relative;
    display: inline-block;
}

.marker2-pink::before {
    content: '';
    position: absolute;
    top: 0px;
    left: -3px;
    right: -3px;
    bottom: 0;
    height: 120%;
    background: rgba(255, 110, 199, 0.5);
    transform: rotate(2deg);
    border-radius: 20% 25% 20% 24%;
    z-index: -1;
}






@media (max-width: 767.98px) {
	.h1-ridotto-a {font-size: 2.6rem;}
    .h1-ridotto {font-size: 2.1rem;}
    .h1-ridottissimo {font-size: 1.74rem;}
    .allicentromobile {margin: 0 auto;}
    .div0 {width: 100%; display: inline-block;}
     .div1 {display:none;}
      .div2 {display:none;}
       .div3 {display:none;}
         .div6 {display:none;}
          .schede {background-color: #FFFFFF;}
           .carrello {width: 100%; display: inline-block;}
           .material-icons.md-36 {font-size: 26px;}
           .flexc {display: block; width: 90%; height:auto;}
           .flexc2 {display: none;}
           .acapobread {display:block}
}

@media (max-width: 991.98px) {
    .div5 {display:none;}
	br.desktop-only{display: none;} /* si usa per mandare a capo solo su desktop */
}






@media (min-width: 768px) {
    body {font-size: 1rem;}
    h1 {font-size: 3.25rem;}
    .h1-ridotto-2 {font-size: 2.99rem;}
    h2 {font-size: 1.6rem;}
    .p, p {font-size: 0.97rem;}
    .ul, ul {font-size: 0.95rem; line-height: 170%;}
    .style1 {font-size: 1.3rem; line-height: 170%; margin-bottom: 0.4rem;}
    .style2 {font-size: 1.3rem;}
    .style3 {font-size: 1rem;}
    embed {height: 350px;}
    .testa {border: 3px dashed #C0C0C0;}
    .testone {border: 1px solid #777; margin: 1rem 0rem 0rem 0rem; padding: 0.6rem 0.6rem 0.6rem 0.6rem;}
    .footer {border: 3px dashed #C0C0C0;}
    .centro {border: 1px solid #C0C0C0; padding: 0.6rem 0.6rem 0.6rem 0.6rem;}
    .testacombinata {padding: 0.6rem 0.6rem 0.6rem 0.6rem;}
	.ff6 {margin: 4rem 0rem 0rem 0rem;}
    .pio1 {width: 28%; margin: 1.6rem 3.36rem 0rem 0rem;}
    .pio2 {width: 28%; margin: 1.6rem 3.36rem 0rem 0rem;}
    .pio3 {width: 28%; margin: 1.6rem 0rem 0rem 0rem;}
    .pio4 {width: 44%; margin: 1.6rem 5.22rem 0rem 0rem;}
    .pio5 {width: 44%; margin: 1.6rem 0rem 0rem 0rem;}
    .div0 {display:none;}
     .div1 {width: 43.5%; display: inline-block;}
      .div2 {width: 11%; display: inline-block;}
       .div3 {width: 43.5%; display: inline-block;}
           .descrizione1 {margin-top: 7rem; padding: 0.5rem 0rem 0rem 0rem;}
			.descrizione3 {margin-top: 6rem;}
             .schede {padding: 0.5rem 0rem 1rem 0.4rem;}
              .breadcrumb {width: 73%; display: inline-block; font-size: 0.9rem;}
               .lovuoi1 {margin: 0.4rem 0rem 0rem 0rem;}
               .lovuoi2 {padding: 0.5rem 0rem 1rem 0.4rem; background-color:#CCFFFF;}
               .link {font-size: 1rem;}
               .price {font-size: 0.97rem;}
               .priceout {font-size: 0.97rem;}
                .carrello {width: 26%; display: inline-block; float: right;}
                .btncarrello {font-size: 1.24rem; border: 1px solid #00ccff; margin: 0.6rem 0rem 0rem 0rem; padding: 0.3rem 0.8rem 0.2rem 0.8rem; float: right;}
                .btnaggiungicarrello {border: 1px solid #0000ff; font-size: 1.3rem; margin: 0.8rem 0rem 0rem 0rem; padding: 0.4rem 1.3rem 0rem 1.3rem;}
                .btnacquista {margin: 0.8rem 0rem 0rem 0rem; font-size: 1.5rem;}
                .material-icons.md-36 {font-size: 30px;}
				
/* mandiamo a capo il titolo in h1 solo su mobile */
.mobile-br {display: none;}

/* appare una manina nel titolo prodotto solo su mobile */
.mano-giu {display: none;}
}

@media (min-width: 992px) {
    body {font-size: 1.1rem;}
    h1 {font-size: 4rem;}
    .h1-ridotto-2 {font-size: 3.68rem;}
    h2 {font-size: 1.9rem;}
    .h2-ridotto {font-size: 1.6rem;}
    .p, p {font-size: 1.08rem;}
    .ul, ul {font-size: 0.98rem; line-height: 180%;}
    .ul-2 {list-style-type: none; margin-left: 0; padding-left: 0;}
    .style1 {font-size: 1.48rem;}
    .style2 {font-size: 1.48rem;}
    .style3 {font-size: 1.1rem;}
    embed {height: 500px;}
    .testa {border: 4px dashed #C0C0C0;}
    .testone {padding: 0.8rem 0.8rem 0.8rem 0.8rem;}
    .footer {border: 4px dashed #C0C0C0;}
    .centro, .testacombinata {padding: 0.8rem 0.8rem 0.8rem 0.8rem;}
    .pio1 {margin-right: 4.48rem;}
    .pio2 {margin-right: 4.48rem;}
    .pio4 {margin-right: 6.85rem;}
     .div4 {width: 87.4%; display: inline-block; vertical-align:super;}
     .div5 {width: 12%; display: inline-block;}
        .descrizione1 {width: 61%; display: inline-block; margin: 8rem 2.48rem 0rem 0rem; padding: 0.5rem 0rem 1rem 0rem;}
         .descrizione2 {width: 33%; display: inline-block; margin-top: 8rem; padding: 0.5rem 0rem 1rem 0.8rem; background-color: #CCFFFF;}
           .schede {padding: 0.5rem 0rem 1rem 0.5rem;}
            .breadcrumb {font-size: 1rem;}
             .lovuoi1 {margin: 0.6rem 0rem 0rem 0rem; font-size: 1.4rem;}
             .lovuoi2 {padding: 0.5rem 0rem 1rem 0.5rem;}
             .link {font-size: 1.2rem;}
             .price {font-size: 1.08rem;}
             .priceout {font-size: 1.08rem;}
              .btncarrello {font-size: 1.4rem; margin: 0.8rem 0rem 0rem 0rem; padding: 0.3rem 1.2rem 0.3rem 1.2rem; float: right;}
              .btnaggiungicarrello {font-size: 1.4rem; margin: 0.8rem 0rem 0rem 0rem; padding: 0.3rem 1.2rem 0.2rem 1.2rem;}
              .btnacquista {margin: 0.8rem 0rem 0rem 0rem; font-size: 1.6rem;}
              .material-icons.md-36 {font-size: 34px;}
			   .spazioriga30 {margin-top: 3rem;}
}

@media (min-width: 1200px) {
    body {font-size: 1.2rem}
    h1 {font-size: 5rem;}
    .h1-ridotto-2 {font-size: 4.05rem;}
    h2 {font-size: 3rem;}
    .h2-ridotto {font-size: 2.2rem;}
    .p, p {font-size: 1.2rem;}
    .ul, ul {font-size: 1.2rem;}
    .style1 {font-size: 1.7rem;}
    .style2 {font-size: 1.7rem;}
    .style3 {font-size: 1.3rem;}
    embed {height: 600px;}
    .testone {padding: 0.8rem 0.6rem 0.8rem 0.8rem;}
    .centro, .testacombinata {padding: 0.8rem 0.6rem 0.8rem 0.8rem;}
    center {display:none;}
    .pio1 {margin-right: 5.44rem;}
    .pio2 {margin-right: 5.44rem;}
    .pio4 {margin-right: 8.43rem;}
     .div4 {width: 85.4%; display: inline-block; vertical-align:super;}
     .div5 {width: 14%; display: inline-block;}
     .descrizione1 {width: 60%; margin-right: 5.2rem;}
      .descrizione2 {width: 31%; padding-left: 1rem;}
       .schede {padding: 0.5rem 0rem 1rem 0.6rem;}
        .breadcrumb {font-size: 1.1rem;}
         .lovuoi1 {margin: 1rem 0rem 0rem 0rem; font-size: 1.6rem;}
         .lovuoi2 {padding: 0.5rem 0rem 1rem 0.6rem;}
         .link {font-size: 1.4rem;}
         .price {font-size: 1.05rem;}
         .priceout {font-size: 1.05rem;}
          .btncarrello {font-size: 1.4rem; margin: 1rem 0rem 0rem 0rem; padding: 0.4rem 1.4rem 0.4rem 1.4rem; float: right;}
          .btnaggiungicarrello {font-size: 1.5rem; margin: 1rem 0rem 0rem 0rem; padding: 0.4rem 1.4rem 0.4rem 1.4rem;}
          .btnacquista {margin: 1.4rem 0rem 0rem 0rem; font-size: 1.7rem;}
          .material-icons.md-36 {font-size: 36px;}
}