.arancione {color: #F60 !important}
.arancione2 {color: #E6501E !important}
#avviso22 {display: none}
.bgBianco {background: #FFF}
.bgCeleste {background: #F3F3F3}
.block {display: block; overflow: hidden}
.blink {
  color: #f60;
  animation: blink-animation 3s ease-in-out infinite;
}

@keyframes blink-animation {
  0%, 100% {
    color: #f60;
    opacity: 1;
  }
  50% {
    color: #f60;
    opacity: 0.3;
  }
}
.blu {color: #002D5F}
.bollino, .bollino2 {background: #F60; border: 1px solid #F60; border-radius: 4px 4px 4px 4px; color: #FFF; display: block; font: 900 1.2rem "Roboto", sans-serif; padding: 3px}
.boll_premium {background: #ff0; border-color: #ff0; color: #000}
  .bollino {position: absolute; z-index: 2}
  .bollino2 span {font-size: 1.8rem}
.bBott {border-bottom: 1px solid #E0E0E0}
.bRight {border-right: 1px solid #E0E0E0}
.button.blu, .button.giallo, .button.grigio, .button.verde {border-radius: 5px; color: #FFF; font: 900 1.1rem/1 "Roboto", sans-serif; letter-spacing: .05rem; margin-bottom: 0}
  .button.blu {background: #133C69}
    .button.blu:hover {background: #0B3058}
  .button.giallo {background: #F8B020}
    .button.giallo:hover {background: #F6A508}
  .button.grigio {background: #B3B3B3}
    .button.grigio:hover {background: #666}
  .button.verde {background: #0B770B}
    .button.verde:hover {background: #060}
.grande {font-size: 1rem}
.grande2 {font-size: .9rem}
.grande3 {font-size: 1.5rem}
.light {font-weight: normal !important}
.mancante {background: #F9E5E5 !important}
.mBott0 {margin-bottom: 0}
.mBott03 {margin-bottom: .3rem}
.mBott05 {margin-bottom: .5rem}
.mBott1 {margin-bottom: 1rem}
.mBott2 {margin-bottom: 2rem}
.mBott3 {margin-bottom: 3rem}
.mBott4 {margin-bottom: 4rem}
.mLeft1 {margin-left: 1rem}
.mTop2 {margin-top: 2rem}
.novita, .selezionato, .blackfriday, .saldi, .prezzo_speciale, .super_saldi, .extra_sconto {display: block; position: absolute; right: 0; width: 60px; z-index: 2}
.blackfriday, .saldi, .prezzo_speciale, .super_saldi {bottom: 45px; width: 100px}
.saldi, .prezzo_speciale, .super_saldi {width: 75px}
.prezzo_speciale {bottom: 67px}
.super_saldi {bottom: 72px}
.extra_sconto {bottom: 54px; width: 115px}
.selezionato {bottom: 0; width: auto}
  .selezionato > i {color: #f60; font-size: 2.5em}

#evidenza .mBott1 {margin-bottom: 0.5rem}

.mTop1 {margin-top: 1rem}
.mTop2 {margin-top: 2rem}
.nero {color: #000}
.rosso {color: #F00}
header .telefono, header .spedGratis {color: #060; font-size: .963rem; display: block; margin-top: 27px}
header .spedGratis {margin-top: 21px}
header .telefono span, header .spedGratis span {color: #000; display: inline-block; font-size: .7rem; margin-left: .25rem}
@media screen and (max-width:1023px) {
  header .telefono, header .spedGratis {margin: 0; margin-bottom: 3px}
  header .telefono, header .spedGratis {font-size: 1rem}
  header .telefono span, header .spedGratis span {font-size: .75rem}
}
@media screen and (min-width:1024px) and (max-width:1152px) {
  header .telefono, header .spedGratis {font-size: .8rem}
  header .telefono span, header .spedGratis span {font-size: .55rem}
}
#totCart2{padding-top: 24px}  
.no-gutter {margin: 0!important; padding: 0!important}


.ombra:after {bottom: 0; content: ""; height: 50px; left: 11%; position: absolute; width: 80%; z-index: -2; -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2),0 0 8px rgba(0,0,0,0.2),0 0 8px rgba(0,0,0,0.6); box-shadow: 0 0 8px rgba(0,0,0,0.2),0 0 8px rgba(0,0,0,0.2),0 0 8px rgba(0,0,0,0.6); border-radius: 125px / 12px;
  animation: 1.3s fadeIn;
  animation-fill-mode: forwards; display: none;

}

/*@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}
*/


.pBott {padding-bottom: 1rem}
.piccolo {font-size: .7rem}
.piccolo2 {font-size: .85rem}
.titolo1, .titolo2 {color: #333; font: 700 1.8rem "Roboto", sans-serif; letter-spacing: 0.05rem; overflow: hidden; position: relative; text-align: center; z-index: 1}
#wrapProd .titolo1, #wrapProd  .titolo2 { margin-top:10px;}



  .titolo2 {color: #F60}
  /*.titolo1:before, .titolo1:after {background-color: #F60; content: '\a0'; height: 1px; overflow: hidden; position: absolute; top: 50%; width: 50%}
  .titolo1:before {margin-left: -50%; text-align: right}*/



  .titolo1 span {padding: 0 1rem}
    .titolo1 span > span {padding: 0}
.verde {color: #060}
.verde2 {color: #40B608}
.visibile {display: block !important}
.wrapBianco, .wrapGrigio {background: #FFF; padding: 1em}
  .wrapGrigio {background: #F3F3F3}

.menu.simple {position: relative;}

#box-login.callout{ position: absolute; z-index: 20; display: none; right: 0; width: 320px; max-width: calc(100vw - 16px); background: #CBEDBB; border-top:none}
.login-box a { font-size: 0.8rem; color: #000; text-decoration: underline;}
.login-box label {font-size: 0.8rem}
.login-box .button{ margin:5px 0; background:#0B770B; font-weight: bold}
.login-box ul.menu-pannello { background: none; border: none; }
.login-box ul.menu-pannello a {  text-decoration: none;}
.login-box ul.menu-pannello { text-align:left!important }
.login-box ul.menu-pannello li { display: block;  border-top:1px solid #9cd87f }
.login-box ul.menu-pannello li.active { background:none!important}
.login-box ul.menu-pannello i.fa { width: 25px}


/* slider orizzontale */
div.sliderOrizz {background: #FFF; position: relative}

div.sliderOrizz .prodotto  {margin: 0.5rem 0 1rem}
  div.sliderOrizz .prodotto  a {background: #FFF; display: block; position: relative; overflow: hidden}
    div.sliderOrizz .prodotto  a div.wrapImg {overflow: hidden}
    div.sliderOrizz .prodotto  a img {padding-bottom: 0.5rem; width: 100%}
    div.sliderOrizz .prodotto  a div.prezzi {border-top: 1px solid #C9C9C9; border-bottom: 1px solid #C9C9C9; padding: 0.75rem 0 0.55rem}
      div.sliderOrizz .prodotto  a .prezzo1 {color: #333; font: .8rem "Roboto", sans-serif}
        div.sliderOrizz .prodotto  a .prezzo1 span {text-decoration: line-through}
      div.sliderOrizz .prodotto  a .prezzo2 {font: 900 1.05rem/1rem "Roboto", sans-serif; color: #060}
    div.sliderOrizz .prodotto  a div.spedizione {height: 20px; overflow: hidden}
      div.sliderOrizz .prodotto  a div.spedizione .gratis {display: block; color: #F60; font-size: .65rem; line-height: 1.5}
      div.sliderOrizz .prodotto  a div.spedizione .prezzo {color: #666; line-height: .8rem; text-align: right; text-decoration: line-through}
    div.sliderOrizz .prodotto  a p.descrizione {color: #000; height: 120px; line-height: .85rem; margin-bottom: 0}




/* carrello e torna su */
#tornaSu {bottom: 15px; cursor: pointer; opacity: 0; position: fixed; right: 15px; text-align: center; transition: opacity 0.2s ease-out; z-index: 9999}
  #tornaSu .fa {color: #060}
  #tornaSu:hover .fa {color: #F60}
  #tornaSu .fa-inverse, #tornaSu:hover .fa-inverse {color: #FFF; font-size: 1.2em; line-height: 1.5em}
#tornaSu.show {opacity: 1}


#ricerca-result a { line-height: 1rem; text-decoration: none!important;}
#ricerca-result .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b {
    text-decoration: none!important;
}
.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
    font-size: 16px;
        text-decoration: none!important;
}
#ricerca-result .gsc-url-top {
    display: block;
    margin-top: 3px;
}
#ricerca-result table   { margin-bottom: 10px;}
#ricerca-result .gs-image-box  { height: auto;}
#ricerca-result .gsc-webResult .gsc-result { margin: 0; padding: 0;}
#ricerca-result .gs-image-box.gs-web-image-box.gs-web-image-box-portrait {
    width: 80px;

}
#ricerca-result .gs-web-image-box-portrait img.gs-image {
    max-width: 80px;
}
#ricerca-result .gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {
    line-height: 1.2rem;
}






  /* box-slide normali */
.slider { background:none; }
.box-slide   { overflow: hidden;}
.box-slide ul li a:hover { color: #000}
.box-slide { min-height: 360px; overflow: hidden}
.box-slide h3 { color:#000; float: left; padding-top: 10px;}
.box-slide h3.tit-cani {border-top:10px solid #EECC00; }
.box-slide h3.tit-gatti {border-top: 10px solid #ED8039;}
.box-slide .slick-arrow { top:96px; font-size: 2rem; }
.box-slide .slick-dots { position: relative; bottom: 0px;}
.slick-prev:before,
.slick-next:before {color: #060; font-size: 3rem; }

.slick-prev  {left:5px; z-index: 999}
.slick-next {right:32px; z-index: 999}

.box-slide .prodotto { padding-bottom: 1rem }
.box-slide .prodotto a {overflow: hidden}
.box-slide .prodotto a div.wrapImg {overflow: hidden}
.box-slide .prodotto a img {padding-bottom: 0.5rem; width: 100%}
.box-slide .prodotto a div.prezzi {border-top: 1px solid #C9C9C9; border-bottom: 1px solid #C9C9C9; padding: 0.75rem 0 0.55rem}
.box-slide .prodotto a .prezzo1 {color: #333; font: .8rem "Roboto", sans-serif}
.box-slide .prodotto a .prezzo1 span {text-decoration: line-through}
.box-slide .prodotto a .prezzo2 {font: 900 1.05rem/1rem "Roboto", sans-serif; color: #060; text-align:right; }
.box-slide .prodotto a div.spedizione {height: 20px; overflow: hidden}
.box-slide .prodotto a div.spedizione .gratis {display: block; color: #F60; font-size: .65rem; line-height: 1.5}
.box-slide .prodotto a div.spedizione .prezzo {color: #666; line-height: .8rem; text-align: right; text-decoration: line-through}
.box-slide .prodotto a p.descrizione {color: #000; height: 120px; line-height: .85rem; margin-bottom: 0}



button:focus { outline:none !important; }

#box-spedizione-gratis  {height: 510px}
#box-spedizione-gratis > div  {height: 520px}
#last-visit > div  {height: 315px}

button:focus {outline:0;}


/* Large and up */
@media screen and (min-width: 64em) {
  header .telefono span, header .spedGratis span {display: block; margin-left: 0}
}


/* Small only */
@media screen and (max-width: 414px) {
  #box-spedizione-gratis  {height: 540px}
  #box-spedizione-gratis > div  {height: 460px}
  #last-visit  {height: 540px}
  #last-visit > div  {height: 460px}

}



ul.icon-social  li {float: left; font-size: 0.6rem;}
.icon-social .icon-fb .fa-circle  {color: #3B5998}
.icon-social .icon-twitter .fa-circle  {color: #1DCAFF}
.icon-social .icon-youtube .fa-circle  {color: #F00}


/*user pannello */

.menu-pannello { border: 1px solid #ccc; margin: 10px 0; background: #ddd; }
.menu-pannello .active>a { background: #fff; color: #000}
.menu-pannello i.fa { margin: 0 10px}

#user-panel .piccolo { width:200px }
#user-panel .button { font-size: 0.8rem; }
#user-panel .button.underline { background: none; text-decoration: underline; color:#f60; padding: 0}
#user-panel .user-data ul li { font-size:1rem}
#user-panel h3 {
    border-bottom: 1px solid #ccc;
    padding-top: 30px;
}

.change-pw span { width: 120px; display:inline-block}


/* gdpr */
.gdpr {font-size: 1rem; line-height: 1}
  .gdpr a {color: #F60}
  .gdpr img {float: left; margin-right: 5px}
  .gdpr input {margin-top: .3rem; margin-bottom: 0}
  .gdpr label {line-height: 1}
  .gdpr em {font-size: .8rem}


.tessera p { line-height: 1.3rem}
.tessera .numero-tessera { font-size: 2rem; border:1px solid #ccc; margin:5px 0; display:inline-block; padding: 15px }

/*stato ordine */
.stato-ordine img { max-width: 80px;}
.stato-ordine h3  {border: none!important;}
.stato-ordine h3, .stato-ordine h4  { font-size: 1.2rem}
.stato-ordine h3 label, .stato-ordine h4 label {font-size: 0.9rem; font-weight: bold}
.stato-ordine  h4  { padding-top: 30px}

.stato-ordine .item {  margin-top: 1.5rem}
.stato-ordine .riepilogo { font-size: 1rem}


.stato-ordine label { float: left; width:120px}
.stato-ordine h4 label {width:100px}

.stato-spedizione  {font-weight: bold; width: 215px; display: inline-block; font-size: 1rem}
.stato-spedizione.da-evadere {color: #100BF6}
.stato-spedizione.in-corso {color: #F60}
.stato-spedizione.spedito {color: #107710}
.stato-spedizione.annullato {color: #F33}

@media screen and (max-width: 414px) {
.stato-spedizione {width:120px;  font-size: 0.8rem}
}



@media print {


header .sopra,#cerca,#menuSotto1,footer,.spedGratis,.carrello,#correlati,#ordinamento,#load-marche,#marche,.box-info,.maxiVideo,.box-lanci{ display:none!important}
  #corpo { display:block!important}
  section#categorie { border:none}
  .telefono { width:300px}
  header { margin-top:30px!important;}

  section#prodotti .prodotto,section#novita .prodotto, #evidenza .cavalli {
      margin: 0.5rem 0 3rem;
      padding-bottom: 1rem
  }

  .sticky.is-stuck {
      position: relative;
  }
section#prodotti .prodotto a div.spedizione .gratis .hide-for-small-only { display: none}
section#prodotti .prodotto a p.descrizione  { height: auto}


#evidenza .media-object-section.medium-5 { width: 100%!important}
#evidenza .media-object-section.medium-7 { width: 100%!important}
#evidenza .media-object-section { display:block;}
#evidenza .media-object-section img { width:60%}
#evidenza .wrap-content { height: auto;}

  a { text-decoration: none;}
  a[href]:after {
    content: none !important;
  }
  .box-slide .slick-arrow,
  .box-slide .slick-dots { display: none!important}

  section#prodotti .prodotto a .prezzo1, section#novita .prodotto a .prezzo1,#evidenza .prezzo1  {
      font-size: 0.7rem;
  }
  section#prodotti .prodotto a .prezzo2, section#novita .prodotto a .prezzo2,#evidenza .prezzo2 {
    font-size: 0.9rem;
}



#box-spedizione-gratis { height: auto}
  #evidenza .item { height: 360px!important;}
  #evidenza h3  { font-size: 1rem!important}
  #evidenza h4  { font-size:0.7!important}
  #evidenza h3 i, #evidenza h3 img { display: none }
  #evidenza h5  { font-size:0.7!important}

  .show-for-small-only { display: none}
  .medium-1, .large-1 {
    width: 8.33333%;
  }

  .medium-2, .large-2 {
    width: 16.66667%;
  }

  .medium-3, .large-3 {
    width: 25%;
  }

  .medium-4, .large-4 {
    width: 33.33333%;
  }

  .medium-5, .large-5 {
    width: 41.66667%;
  }

  .medium-6, .large-6 {
    width: 50%;
  }

  .medium-7, .large-7 {
    width: 58.33333%;
  }

  .medium-8, .large-8 {
    width: 66.66667%;
  }

  .medium-9, .large-9 {
    width: 75%;
  }

  .medium-10, .large-10 {
    width: 83.33333%;
  }

  .medium-11, .large-11 {
    width: 91.66667%;
  }

  .medium-12, .large-12 {
    width: 100%;
  }
}
