/* offerte */
.menu_offerte, .menu_offerte2 {color: #fe0000 !important; font-weight: bold}
.menu_offerte {animation: blink 1.5s infinite; letter-spacing: .05em}
@keyframes blink {
  0% {opacity: 1;}
  50% {opacity: 0.1;}
  100% {opacity: 1;}
}
span.bollino {display: block; position: absolute; left: 0; top: 0; z-index: 2}
.bsconto {
  background-image: url("../_img/sconto.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right bottom;
  height: 53px;
  width: 53px;
  position: absolute;
  right: 0; 
  bottom: 0;
}
body.hp .bsconto {bottom: 5px}

.bsconto span {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  position: absolute;
  right: 3px;
  bottom: 10px; 
  transform: rotate(-45deg);
  z-index: 1;
}



/* titoli */
h1.titolo, h2.titolo {border-bottom: 1px solid #999; color: #9C9E9F; font: 300 2.2rem "Raleway", serif; margin-bottom: 20px; padding-bottom: 5px; position: relative}
  h1.titolo a {bottom: 15px; font-size: .8rem; position: absolute; right: 0}
  h1.titolo > .fas, h2.titolo > .fas {display: none}
  body.news h1.titolo {font-size: 2rem}
  h1.titolo .diretta a {background: #F00; border-radius: 9px; color: #FFF; font-size: 1.2rem; font-weight: bold; line-height: .9; margin-bottom: -5px; padding: 9px}
h2.titolo2 {font: 700 1.8rem "Raleway", serif}
h2.titolo3 {color: #1B94CD; font: 300 1.5rem "Raleway", serif}
h2.titolo4 {font: 700 1.2rem "Raleway", serif}


/* form */
form.form1 div.wrapForm {background: #EBF6FB; border: 1px solid #CACACA; border-radius: 10px; margin: 1rem 0; padding-top: 1rem}
  form.form1 label {min-width: 115px; text-align: left}
  form.form1 .note label {padding-top: 7px; vertical-align: top}
  form.form1 label span {color: #F00}
  form.form1 legend p {margin-bottom: 0}
  form.form1 fieldset.sesso legend {color: #000}
    form.form1 fieldset.sesso label {width: auto}
  form.form1 textarea {height: 100px}
    form.form1 .note textarea {height: 127px; margin-bottom: 0}
  form.form1 #nascondi {margin-top: 30px}
  form.form1 .errore_submit {background-color: #ef3146; color: #fff;}


/* dettaglio news */
div#archivio {margin-top: 3rem}
div#archivio .row {border-bottom: 1px solid #E1E1E1; margin-bottom: 1rem; padding-bottom: 1rem}
  div#archivio .row:last-child {border-bottom: 0; margin-bottom: 0; padding-bottom: 0}
div#archivio .data {background: #E3E4E4; color: #545454; font-size: 1.5em; line-height: 1em}
div#archivio .data {background: #E3E4E4; color: #545454; display: block; float: left; font-size: 35px; line-height: 1em; margin-right: 10px; text-align: center; width: 65px}
div#archivio .data span {background: #1B94CD; color: #FFF; display: block; font-size: 0.5em; text-transform: uppercase}
div#archivio .data strong {display: block; font-size: 0.5em; font-weight: bold}
div#archivio a {display: block; margin-top: 1rem}


/* ricerca */
ul.ricerca li {font-size: 1.1em; line-height: 1.2em; margin-bottom: 1rem}
  ul.ricerca li a {color: #473816}
  ul.ricerca li a:hover {color: #1B94CD}


/* pagamenti */
div.importo input {display: inline-block}
  div.importo input:first-child {max-width: 85px}
  div.importo input:last-child {width: 55px}


/* riquadro */
div.riquadro1, div.riquadro2 {margin: 1rem 0; overflow: hidden; padding: 1rem; padding-bottom: 0}
div.riquadro1 {background: #EBF6FB; border: 1px solid #CACACA; border-radius: 10px}
div.riquadro2 {background: #F9F9F9; border: 1px dashed #CACACA}


/* carrello, whatsapp e torna su */
#tornaSu, #whapp, #carrelloSu {bottom: 70px; cursor: pointer; opacity: 0; position: fixed; right: 15px; text-align: center; transition: opacity 0.2s ease-out; z-index: 9999}
#carrelloSu {right: 75px}
#whapp {bottom: 40px; left: 10px; right: auto}
  #tornaSu .fas, #carrelloSu .fas {color: #1992C7}
  #whapp .fas {color: #2db640}
  #whapp .fa-circle.fa-stack-2x {font-size: 3.03em}
  #tornaSu:hover .fas, #carrelloSu:hover .fas {color: #E2001A}
  #whapp:hover .fas {color: #25d366}
  #tornaSu .fa-inverse, #tornaSu:hover .fa-inverse, #whapp .fa-inverse, #whapp:hover .fa-inverse, #carrelloSu .fa-inverse, #carrelloSu:hover .fa-inverse {color: #FFF; font-size: 1.2em; line-height: 1.5em}
  #whapp .fa-inverse, #whapp:hover .fa-inverse {font-size: 3em; line-height: 1}
  #whapp .fa-whatsapp {left: 4px}
  #carrelloSu .fa-inverse, #carrelloSu:hover .fa-inverse {line-height: 1.6em}
#tornaSu.show, #whapp.show, #carrelloSu.show {opacity: 1}


/* storico ordini */
.bollino-new {animation: blink 1.5s infinite; background-color: #DE391F; border-radius: 3px; display: block; height: 12px; right: 0; position: absolute; top: 0; width: 12px; z-index: 9}

.bollino-carrello {background-color: #DE391F; border-radius: 4px; color: white; display: block; font-size: 11px; font-weight: bold; height: 18px; line-height: 18px; min-width: 18px; right: -5px; position: absolute; text-align: center; top: -5px; width: auto; padding: 0 4px; z-index: 9}

.new-label {animation: blink 1.5s infinite; background-color: #DE391F; border-radius: 3px; color: #fff; font-weight: bold; display: inline-block; padding: 0 3px}
@keyframes blink {
  0% {opacity: 1;}
  50% {opacity: 0.1;}
  100% {opacity: 1;}
}
div.riga_ordine {border-bottom: 1px dotted #1b94cd; overflow: hidden; padding: 30px 15px 25px}
div.riga_ordine:hover {background-color: #f8f8f8;}
div.riga_ordine:last-child {padding-top: 0}
div.riga_ordine:last-child {border-bottom: 0}
.link2 {font-size: 1rem; font-weight: bold; line-height: 1.5}
.bottone2 {background-color: #777;}


/* lista dei desideri */
.vertical-center {display: flex; align-items: center}
.desideri .desiderio, .desideri .desiderio2 {border-bottom: 1px dotted #1b94cd; overflow: hidden; padding: 15px 15px 0}
.desideri .desiderio2 {background-color: #f8f8f8}
.desideri a .fa-times {color: #DFE0E0; font-size: 2em}
.desideri a:hover .fa-times {color: #E2001A}


/* slick video */
.catSlide .slick-prev:before, .catSlide .slick-next:before {color: #F00; content: ">"; font-size: 30px; font-weight: bold}
.catSlide .slick-prev:before {content: "<"}


/* countdown */
#clockdiv {color: #FFF; font-family: sans-serif; font-size: 30px; margin: 10px auto 0; text-align: center}
  #clockdiv > div {background: #000; border-radius: 3px; display: inline-block; padding: 10px}
  #clockdiv div > span {background: #FFF; border-radius: 3px; color: #000; font-weight: bold; display: inline-block; padding: 15px}
#clockdiv .smalltext {font-size: 12px; font-weight: bold; padding-top: 3px}


/* pop-up */
#mask {background: #000; display: none; left: 0; position: absolute; top: 0; z-index: 9000}
#boxes .window {display: none; height: 450px !important; position: fixed; width: 800px !important; z-index: 9999}
#boxes #banner {height: 450px !important; line-height: 1.5em; width: 800px !important}


/* callout */
.callout {font-size: 1rem !important; line-height: 1.2}



/* classi generiche */
.azzurro {color: #1B94CD}
.br {display: none}
.block {overflow: hidden}
.bBott1 {border-bottom: 1px solid #E6E6E6; margin-bottom: 1rem}
.bBott2 {border-bottom: 1px solid #E6E6E6; margin-bottom: 2rem; padding-bottom: 1rem}
.button.diretta {background-color: #F00; color: #FFF}
.button.secondary {background-color: #504B54; color: #FFF}
.button.secondary:focus, .button.secondary:hover {background-color: #D4D4D3; color: #44414A}
.contGrey1, .contGrey2, .contGrey3 {background: #DCDDDD; padding: 10px}
.contGrey2 {background: #EFF0F0}
.contGrey3 {background: #FFF}
.f20 {font-size: 20px; line-height: 1.2em}
.f30 {font-size: 30px}
.grande {font-size: 1.1rem}
.grande2 {font-size: 2rem}
div.giallo, div.rosso, div.verde {background: #FF6; border: 1px dashed #999; color: #000; margin-bottom: 1rem; padding: 5px 10px}
  div.rosso,div.verde {background: #DE391F; border-color: #FFF; color: #FFF}
  div.verde {background: #26C05F}
.iva {font-size: 0.4em; line-height: 1em}
  table th .iva {display: block}
img.margine, svg.margine {margin: 10px 0}
.mBott0 {margin-bottom: 0}
.mBott15 {margin-bottom: 15px}
.mBott30 {margin-bottom: 30px}
.mTop15 {margin-top: 15px}
.pBott0 {padding-bottom: 0 !important}
.pTop0 {padding-top: 0 !important}
.nascondi {display: none}
.rosso {color: #E2001A}
.small {font-size: 0.8em}
.text-right_r {text-align: center}
.videoCat {font-size: .95rem}
.videoCat .tit {display: block; font-size: 1.2rem; margin-bottom: .5rem}
.videoCat a {color: #777; display: inline-block; margin-bottom: .3rem}
.videoCat .attivo {color: #1C95CE}
  .videoCat .attivo a {color: #1B94CD; text-decoration: underline}

.info-small h4 { line-height:1.3rem!important; font-weight: bold; font-size:1.1rem;  }
.info-small h4 span { color: #999!important; font-size:0.8rem;  }
.thumbnail { box-shadow: none; border:none}
.media-object { margin-bottom: 0.1rem}

.info-small .media-object { margin-bottom: 0.1rem; height: 36px;}

.testata-mobile { position: relative;}
#preMenu2 .service-icon {margin-bottom: 15px}

.callout.warning.disponibilita {background-color: #ff0; border-color: #f2f200; border-right: 0; border-left: 0; text-align: center}
  .callout.warning.disponibilita strong {font-size: 1.25rem}
  .callout.warning.disponibilita br {display: block; margin-bottom: 10px}

.expanded.button.disponibilita {background-color: #ff0; color: #000}


@media (max-width: 320px)
{
.info-small h4 { line-height:0.8rem; font-weight: bold}

}


@media (max-width: 414px)
{
#preMenu2  .fa {
      font-size: 1.5rem!important;
  }

h1.titolo, h2.titolo { font-size:28px;}

}