/* ------------------------------------------------------------------------ */
/* --- PARTE COMUNE TRA I FILE DESK E MOB --------------------------------- */  
/* ------------------------------------------------------------------------ */

.ne-btn-filter {
  color: #48653b;
  border-color: #48653b;
  background-color: #fff;
  border-width: 2px;
  border-style: solid;
  box-shadow: none;
}

.ne-btn-filter:hover { 
  color: #fff !important;
  border-color: #33432c !important;
  background-color: #33432c !important; 
}

.btn-nouppercase {
  text-transform: none;
}

.text-greenVZ {
  color: #48653b !important;
}

.text-lightGreenVZ {
  color: #edefe2;
}

.bg-greenVZ {
  background-color: #48653b;
}

.bg-lightGreen,
.bg-lightGreenVZ {
  background-color: #edefe2;
}

.w-100-80 {
  width: 100% !important;
}

@media (min-width: 375px) and (max-width: 399px) {
  .CB5Container .card.ne-card80 {
    margin: 0 2rem;
  }
  /* .CB5Container .card.ne-card80 img { width: 80%; } */
  .w-100-80 {
    width: 80% !important;
  }
}

.card {
  --mdb-card-box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.12),
    0 10px 20px -2px rgba(0, 0, 0, 0.07);
}
/* border-radius: var(--mdb-card-border-radius);*/

/* ========== CLASSI GENERICHE ========== */
a.normalA {
  color: #000;
  text-decoration: none;
}

a.minilink {
  border-radius: 4px;
  padding: 4px;
  background-color: #eaeaea;
  color: #363a00;
  text-decoration: none;
  transition: all 0.2s;
}

a.minilink:hover {
  background-color: #a9a78e;
  color: #fff;
}

hr.styleZigzag {
  height: 6px;
  background: url(/XZen/File/RAD/Images/hr-styleZigzag.png) repeat-x 0 0;
  opacity: 0.5;
  border: 0;
}

@media (min-width: 768px) {
  hr.styleZigzag {
    margin: 10px 0;
  }
}

.RowTitle {
  color: #000;
}

.RowSubTitle {
  color: #444;
  margin-top: 5px;
}

.PageContentTitle {
  text-align: center;
  color: #000;
}

.PageContentSubTitle {
  text-align: center;
  color: #5a664f;
  margin-top: 0;
}

.RowTitleLine {
  color: #000;
  background: url("/XZen/File/RAD/Images/barra.png") 50% repeat-x;
  margin-top: 10px;
}

.RowTitleLineLow {
  font-size: 1.35rem;
  color: #000;
  margin-bottom: 0;
  background: url("/XZen/File/RAD/Images/barra2.jpg") bottom repeat-x;
  margin-top: 10px;
}

.RowTitleLine span,
.RowTitleLineLow span {
  background-color: #fff;
  padding-right: 15px;
  display: inline-block;
}

.RowText {
  padding-left: 110px;
  margin-top: 20px;
  color: #444;
}

.RowText a {
  color: #4f7740;
  font-weight: 700;
}

@media (max-width: 767px) {
  .RowText {
    padding-left: 70px;
    margin-top: 0;
  }
}

/* ========== BOTTONI ========== */
.long-button,
.long-button-inv {
  display: block;
  width: 80%;
  margin: 0 auto;
  padding: 10px 5px;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  -webkit-transition-duration: 0.2s; /* Safari */
  transition-duration: 0.2s;
  cursor: pointer;
}

.long-button {
  color: #48653b;
  background-color: #e9eae3;
}

.long-button:hover {
  color: #fff;
  background-color: #acb3a1;
}

.long-button-inv {
  color: #fff;
  background-color: #4b6541;
}

.long-button-inv:hover {
  color: #35462e;
  background-color: #acb3a1;
}

.half-button,
.onefour-button,
.onethree-button,
.simplebutton,
.half-button-inv,
.onefour-button-inv,
.onethree-button-inv,
.simplebutton-inv {
  display: inline-block;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  -webkit-transition-duration: 0.2s; /* Safari */
  transition-duration: 0.2s;
  cursor: pointer;
  padding: 10px;
  margin: 8px;
}

.half-button,
.half-button-inv {
  width: 48%;
}

.onefour-button,
.onefour-button-inv {
  width: 22%;
}

.onethree-button,
.onethree-button-inv {
  width: 30%;
}

@media (max-width: 767px) {
  .half-button,
  .onefour-button,
  .onethree-button,
  .simplebutton,
  .half-button-inv,
  .onefour-button-inv,
  .onethree-button-inv,
  .simplebutton-inv {
    display: block;
    margin: 8px auto;
    width: 80%;
    padding: 10px 5px;
    font-size: 1.1rem;
  }
}

.simplebutton {
  padding: 10px 14px;
  margin: 0;
}

.half-button,
.onefour-button,
.onethree-button,
.simplebutton {
  color: #48653b;
  background-color: #e9eae3;
}

.half-button-inv,
.onefour-button-inv,
.onethree-button-inv,
.simplebutton-inv {
  color: #ffffff;
  background-color: #48653b;
}

.half-button-inv,
.onefour-button-inv,
.onethree-button-inv,
.simplebutton-inv:hover {
  color: #35462e;
  background-color: #acb3a1;
}

.half-button:hover,
.onefour-button:hover,
.onethree-button:hover,
.simplebutton:hover {
  color: #fff;
  background-color: #acb3a1;
}

#FinishButton01,
#FinishButton02,
#FinishButton03,
#FinishButton04,
#FinishButton05,
.FinishButton {
  display: inline-block;
  background: #73845b;
  padding: 10px;
  border-radius: 10px;
  color: white;
  transition: all 0.5s;
  text-decoration: none;
  text-align: center;
  margin: 2px;
}

@media (max-width: 767px) {
  #FinishButton01,
  #FinishButton02,
  #FinishButton03,
  #FinishButton04,
  #FinishButton05,
  .FinishButton {
    width: 100%;
    max-width: 480px;
    font-size: 1.2rem;
  }
}

.FinishButton:visited {
  background: #73845b;
  color: white;
  text-decoration: none;
}

.FinishButton:hover {
  background: #73845b;
  color: white;
}

.FinishButton:active {
  background: #abb2a1;
  color: #000;
  text-decoration: none;
}

.FinishButton:hover,
#FinishButton01:hover,
#FinishButton02:hover {
  background: #edefe1;
  color: #000;
}

.highlight {
  padding: 6px 20px 20px;
  background-color: #ececec;
}

.Column1-3 {
  width: 30%;
  margin: 1rem;
  float: left;
}

.Column2-3 {
  width: 60%;
  margin: 1rem;
  float: left;
}

@media (max-width: 767px) {
  .Column1-3,
  .Column2-3 {
    margin: 0.5rem;
    display: inline-block;
    vertical-align: middle;
  }
  .Column1-3 {
    width: 31.8%;
  }
  .Column2-3 {
    width: 58%;
  }
}

#HeadMenu-1 {
  /*gradiente*/
  background: #ACCC89;
  background: linear-gradient(53deg, rgba(172, 204, 137, 1) 0%, rgba(239, 198, 100, 1) 100%);

  /* alberelli */
  /*background: #1a241c url("/XZen/File/RAD/Images/bg-bf19.jpg") no-repeat center center; */

  /*estate*/
  /*background: #ff9600 url("/XZen/File/RAD/Images/headheader-promo-summer.jpg") no-repeat center center; */

  /*natale*/
  /* background:#8d0010 url('/XZen/File/RAD/Images/xmas-bg-snow-long.jpg') no-repeat center center; */
  /* height: 34px; */
  /*background: #fff url("/XZen/File/RAD/Images/trenino-sfondob.png") repeat-x center top; */
 /* height: 48px;*/
  
}

#HeadMenu-1 .Container {
  width: 990px;
  height: 48px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}

#HeadMenu-1 a {
  font-weight: 700;
  font-size: 1.1rem;
  /*color: #fff;*/ 
  color: #273d1f;
  text-decoration: none;
  line-height: 48px;
  width: 100%;
  display: inline-block;
}

@media (max-width: 767px) {
  #HeadMenu-1 .Container {
    width: 100%;
   }
    #HeadMenu-1 a {
   /* font-weight: 500;*/
    text-align: center;
    font-size: 0.9rem;
  }
}

#HeadMenu0 {
  background: #ececec;
  color: #4a6541;
}

#HeadMenu0 li:hover {
  background-color: #dbdacd;
}

.tt-menu {
  text-align: left;
}

#HeadMenu1 {
  background: #fff;
  background-repeat: repeat-x;
}

/* ========== STRISCIA PROMO IN HEAD SOTTO MENU ========== */
.HeadMenuPromo {
  /* background: #ad0f1a url('/XZen/File/RAD/Images/xmas-deco-palline.jpg') ;*/  
  background-color: #ad0f1a; /*#748860*/
  color: #fff;
  /*margin-bottom: 20px; */
  text-align: center;
  width: 100%;
}

@media (max-width: 767px) {
  .HeadMenuPromo {
    margin-bottom: 0;
  }
}

.HeadMenuPromo .MenuPromo {
  display: block;
  font-size: 1.2rem;
  color: #fff;
  text-decoration: none;
  line-height: 46px;
  /*width: 1000px; */
  width:660px;
  background: #ad0f1a;
  /* xmas */
  margin: 0 auto;
  transition: all 0.1s ease;
}

.HeadMenuPromo .MenuPromo:hover {
  font-weight: 700;
  color: #fff !important;
}

@media (max-width: 767px) {
  .HeadMenuPromo .MenuPromo {
    width: 100%;
    padding: 6px 4px;
    font-size: 0.9rem;
    line-height: 24px;
  }
}

/* SPECIALE NATALE */
/* TRENINO */
.treninoContainer .stageAnimation {
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  width: 100%;
  background: url('/xzen/file/rad/images/trenino-santa-binari.jpg') repeat-x;
  background-position-y: 52px;
}

.stageAnimation .treninoAnimated {
  display: inline-block;
  max-height: 58px;
  animation: stageAnimation 12s linear infinite;
}

@keyframes stageAnimation {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(400%, 0, 0); }
}

/* DECO SOTTO HEADER */
.xmasDeco { 
  height: 78px;
  width: 100%;
  background: url('/xzen/file/rad/images/xmas-deco-palline.jpg') repeat-x;
  background-size: 10%;
}

.xmasCat {
  height: 83px;
  width: 100%;
  background: url('/xzen/file/rad/images/xmas-deco-cats.png') no-repeat;
  position: absolute;
  bottom: 0;
  background-position: center;
}

/* SNOWFLAKES */
.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial;
  text-shadow: 0 0 1px #000;
}

@-webkit-keyframes snowflakes-fall {
  0% {
    top: -10%
  }

  100% {
    top: 100%
  }
}

@-webkit-keyframes snowflakes-shake {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px)
  }

  50% {
    -webkit-transform: translateX(80px);
    transform: translateX(80px)
  }

  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px)
  }
}

@keyframes snowflakes-fall {
  0% {
    top: -10%
  }

  100% {
    top: 100%
  }
}

@keyframes snowflakes-shake {
  0% {
    transform: translateX(0px)
  }

  50% {
    transform: translateX(80px)
  }

  100% {
    transform: translateX(0px)
  }
}

.snowflake {
  position: fixed;
  top: -10%;
  z-index: 9999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  -webkit-animation-name: snowflakes-fall, snowflakes-shake;
  -webkit-animation-duration: 10s, 3s;
  -webkit-animation-timing-function: linear, ease-in-out;
  -webkit-animation-iteration-count: infinite, infinite;
  -webkit-animation-play-state: running, running;
  animation-name: snowflakes-fall, snowflakes-shake;
  animation-duration: 10s, 3s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running
}

.snowflake:nth-of-type(0) {
  left: 1%;
  -webkit-animation-delay: 0s, 0s;
  animation-delay: 0s, 0s
}

.snowflake:nth-of-type(1) {
  left: 10%;
  -webkit-animation-delay: 1s, 1s;
  animation-delay: 1s, 1s
}

.snowflake:nth-of-type(2) {
  left: 20%;
  -webkit-animation-delay: 6s, .5s;
  animation-delay: 6s, .5s
}

.snowflake:nth-of-type(3) {
  left: 30%;
  -webkit-animation-delay: 4s, 2s;
  animation-delay: 4s, 2s
}

.snowflake:nth-of-type(4) {
  left: 40%;
  -webkit-animation-delay: 2s, 2s;
  animation-delay: 2s, 2s
}

.snowflake:nth-of-type(5) {
  left: 50%;
  -webkit-animation-delay: 8s, 3s;
  animation-delay: 8s, 3s
}

.snowflake:nth-of-type(6) {
  left: 60%;
  -webkit-animation-delay: 6s, 2s;
  animation-delay: 6s, 2s
}

.snowflake:nth-of-type(7) {
  left: 70%;
  -webkit-animation-delay: 2.5s, 1s;
  animation-delay: 2.5s, 1s
}

.snowflake:nth-of-type(8) {
  left: 80%;
  -webkit-animation-delay: 1s, 0s;
  animation-delay: 1s, 0s
}

.snowflake:nth-of-type(9) {
  left: 90%;
  -webkit-animation-delay: 3s, 1.5s;
  animation-delay: 3s, 1.5s
}

/* natale mobile */
@media (max-width: 767px) {
  .xmasDeco { background-size: 28%; height: 30px; }
  .xmasCat { background-size: 56%; background-position: center; height: 42px;   }
  .treninoContainer .stageAnimation { background-position-y: 33px; }
  .stageAnimation .treninoAnimated { animation: stageAnimation 5s linear infinite; }
  @keyframes stageAnimation {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(400%, 0, 0); }
  }
  .snowflake { font-size: 0.6em; }
}


/* ========== card prodotti omaggio /omaggi.chtm ========== */
.omaggiClienti {
  margin-bottom: 20px;
}

.omaggiClienti .cardBox,
.cardBox {
  display: inline-block;
  background-color: #eff2eb;
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
}

.cardBox .cardImg {
  width: 33%;
  text-align: center;
}

.cardBox .cardImg img {
  width: 260px;
}

.cardBox .cardText {
  width: 66%;
  font-size: 1.1rem;
}

.cardBox .cardImg,
.cardBox .cardText {
  display: inline-block;
  vertical-align: middle;
}

.cardBox .cardText .cardTitle {
  font-size: 1.467rem;
  font-weight: 700;
  padding-bottom: 16px;
  border-bottom: 1px solid #ccc;
}

@media (max-width: 767px) {
  .omaggiClienti .cardBox,
  .cardBox {
    background-color: #eff2eb;
    padding: 10px;
    width: 100%;
  }
  .cardBox .cardImg {
    text-align: center;
  }
  .cardBox .cardImg img {
    width: 200px;
  }
  .cardBox .cardText {
    width: 100%;
  }
  .cardBox .cardText .cardTitle {
    font-size: 1.35rem;
    padding-bottom: 8px;
  }
}

/* ========== ELEMENTI FOOTER ========== */

  /* ========== CONTATTI - NUOVA - RESTYLING 2019 ========== */
  .RowTitle-SmallIcon {
    box-sizing: border-box;
    width: 100%;
    padding-left: 55px;
    background: url("/XZen/File/RAD/Images/pageElements-contatti01.jpg")
      no-repeat;
    /* fix mdb */
    margin: 14px 0;
  }

  #ContactPage h3 {
    font-size: 1.35rem;
    color: #444;
  }

  #ContactPage .RowTitle-SmallIcon .SubTitle {
    font-size: 1.2rem;
    font-weight: normal;
    color: #444;
  }

  #ContactPage h3.RowTitle-SmallIcon:nth-of-type(1) {
    background-position: 0 4px;
  }

  #ContactPage h3.RowTitle-SmallIcon:nth-of-type(2) {
    background-position: 0 -80px;
  }

  #ContactPage h3.RowTitle-SmallIcon:nth-of-type(3) {
    background-position: 0 -158px;
  }

  #ContactPage a.ContactBox {
    cursor: pointer;
  }

  #ContactPage .ContactInfo {
    display: inline-block;
    font-weight: 700;
    font-size: 1.35rem;
    color: #5b784f;
  }

  #ContactPage .ContactText {
    display: inline-block;
  }

  #ContactPage .ContactBoxEmail .ContactText {
    margin-top: 20px;
  }

  #ContactPage .ContactButton {
    display: inline-block;
    width: 75%;
    background-color: #edefe1;
    color: #000;
    font-weight: 700;
    padding: 10px 0;
    margin-top: 17px;
  }

  @media (max-width: 767px) {
    #ContactPage h3 {
      margin-top: 10px;
      line-height: 1;
    }

    #ContactPage .RowTitle-SmallIcon .MainTitle {
      font-size: 1rem;
    }

    #ContactPage .RowTitle-SmallIcon .MainTitle {
      font-size: 1.35rem;
      font-weight: 700;
      color: #444;
    }

    #ContactPage .RowTitle-SmallIcon .SubTitle {
      font-size: 0.8rem;
      font-weight: 300;
    }

    #ContactPage a.ContactBox {
      display: inline-block;
    }

    #ContactPage .ContactInfo {
      font-size: 1.2rem;
      width: 100%;
      padding: 20px 0;
    }

    #ContactPage .ContactText {
      font-size: 1.1rem;
      width: 100%;
    }

    #ContactPage .ContactButton {
      width: 100%;
      font-size: 1.1rem;
    }
  }

/* ========== PAG AZIENDA ========== */
/* ========== AZIENDA RESTYLE 2019 desk ========== */
#AziendaPage #Vision .RowText {
  background: url("/Xzen/File/RAD/Images/pageElements-azienda00.jpg") 0 0
    no-repeat;
}

#AziendaPage #ChiSiamo .RowText {
  background: url("/Xzen/File/RAD/Images/pageElements-azienda01.jpg") 0 0
    no-repeat;
}

#AziendaPage #DoveSiamo .RowText {
  background: url("/Xzen/File/RAD/Images/pageElements-azienda02.jpg") 0 0
    no-repeat;
}

@media (max-width: 767px) {
  #AziendaPage #Vision .RowText,
  #AziendaPage #ChiSiamo .RowText,
  #AziendaPage #DoveSiamo .RowText {
    background-size: 60px;
  }
}

/* ========== TRASPORTI RESTYLE 2019 ========== */
#TrasportiPage #TraspLunVen .RowText {
  background: url("/Xzen/File/RAD/Images/pageElements-trasporto01.jpg") 0 -8px no-repeat;
}

#TrasportiPage #TraspSab .RowText {
  background: url("/Xzen/File/RAD/Images/pageElements-trasporto02.jpg") 0 -10px no-repeat;
}

#TrasportiPage #ConsPiano .RowText {
  background: url("/Xzen/File/RAD/Images/pageElements-trasporto03.jpg") 0 0
    no-repeat;
}

#TrasportiPage #ConsMontaggio .RowText {
  background: url("/Xzen/File/RAD/Images/pageElements-trasporto04.jpg") 0 0
    no-repeat;
}

@media (max-width: 767px) {
  #TrasportiPage #TraspLunVen .RowText,
  #TrasportiPage #TraspSab .RowText,
  #TrasportiPage #ConsPiano .RowText,
  #TrasportiPage #ConsMontaggio .RowText {
    background-size: 60px;
  }
}

/* ========== SERVIZI RESTYLE 2019 ========== */
#ServiziPage #ResoGratuito .RowText {
  background: url("/Xzen/File/RAD/Images/pageElements-servizi01.jpg") 0 0
    no-repeat;
}

#ServiziPage #Garanzia .RowText {
  background: url("/Xzen/File/RAD/Images/pageElements-servizi02.jpg") 0 0
    no-repeat;
}

#ServiziPage #BioCard .RowText {
  background: url("/Xzen/File/RAD/Images/pageElements-servizi03.jpg") 0 0
    no-repeat;
}

#ServiziPage #ProtezioneAcquisti .RowText {
  background: url("/Xzen/File/RAD/Images/pageElements-servizi04.jpg") 0 0
    no-repeat;
}

#Servizi1 ul,
ul.PuntoFreccia {
  margin: 20px auto;
}

#Servizi1 ul li,
li.PuntoFrecciaVoci {
  font-size: 1.2rem;
  padding: 4px 0;
  list-style-image: url("/Xzen/File/RAD/Images/frecciaPunto.jpg");
  list-style-type: disc;
}

@media (max-width: 767px) {
  #ServiziPage #ResoGratuito .RowText,
  #ServiziPage #Garanzia .RowText,
  #ServiziPage #BioCard .RowText,
  #ServiziPage #ProtezioneAcquisti .RowText {
    background-size: 60px;
  }
}

/* ========== PAG SHOWROOM / VIENI A TROVARCI ========== */
.showroomCNT .showroomBoxCNT .showroomBoxTitle h2 {
  font-size: 1.35rem;
  padding-left: 40px;
  background: url("/xzen/file/rad/images/green-placeholder.png") no-repeat
    center left;
  background-size: 30px auto;
}

.showroomCNT .showroomBox {
  background-color: #edefe2;
  padding: 8px;
  height: auto;
}

/* ========== SWITCH TRA CATEGORIE ========== */

.CatDesLongContent .switchCatCNT {
  margin: 5px 0 16px 0;
  background: #f7f7f7;
  padding: 5px 10px;
  border: 1px solid #ccc;
  text-align: left;
  border-radius: 4px;
}

.switchCatCNT .switchCat {
  display: inline-block;
  list-style: none;
  background: #f7f7f7;
  padding: 5px 10px;
  border-right: 1px solid #ccc;
  text-decoration: none;
  color: #666;
}

.switchCatCNT a.switchCat:hover {
  color: #000;
}

.switchCatCNT span.switchCat {
  color: #e27a09;
  border-right: none;
}

.switchCatCNT a.switchCat.ultimo {
  border-right: none;
}

.switchCat-respNav a.switchCat-collapse {
  display: none;
} 

@media screen and (max-width: 767px) {

  .CatDesLongContent .switchCatCNT {
    padding: 0; 
    border: 0;
  }

  .switchCatCNT .switchCat-respNav {
    background-color: #f7f7f7;
    overflow: hidden;
  }

  .switchCat-respNav a.switchCat-collapse,
  .switchCat-respNav.respNav a.switchCat-collapse { /* collapse è il trigger con Vedi anche */
    text-align: center;
    display: block;
    background: #f1f1f1;
    color: #6b8761;
    font-weight: 700;
    text-decoration: none;
    padding: 6px 0;
  }

  .switchCat-respNav.respNav a.switchCat-collapse {
    border-bottom: 1px solid #ccc;
  }

  .switchCat-respNav a.switchCat {
    display: none; 
  } 

  .switchCat-respNav.respNav a.switchCat {
    display: block;
    text-align: center;
    color: #464646;
    padding: 7px 16px;
    border-bottom: 1px solid #fff;
    border-right: none;
  } 

  .CatDesLongContent .switchCatCNT span.switchCat {
    display: none;
  }

}

/* ========== mini promo in descrizione testa in categoria ========== */
.CatDesLongContent .promo-catCNT {
  text-align: center;
}

.CatDesLongContent .promo-catCNT img {
  vertical-align: middle;
}

.CatDesLongContent .promo-catCNT p {
  color: #9aa364;
  font-weight: 700;
  font-size: 1rem;
  margin-top: 0;
}

.CatDesLongContent .promo-catCNT img.banner-promo-cat {
  border-radius: 10px;
  border: 1px dashed #9aa364;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.CatDesLongContent .promo-catCNT img.banner-promo-cat:hover {
  box-shadow: 0px 0px 8px #888888;
}

.CatDesLongContent .promo-letti-catCNT p {
  color: #517510;
  font-size: 1.35rem;
  font-weight: 700;
  text-align: center;
}

.CatDesLongContent .promo-letti-catCNT img {
  vertical-align: middle;
  margin-top: 2px;
}

@media screen and (max-width: 767px) {
  .promo-catCNT img {
    height: 21px;
  } 
  .promo-catCNT p {
    font-size: 0.933rem !important;
    margin-bottom: 10px !important;
    text-align: center;
  }
  .promo-catCNT img.banner-promo-cat {
    height: 28px;
  }
  .promo-letti-catCNT img {
    display: none;
  }
}

/* ========== Categoria tipo Prodotti ========== */
.CatVoice {
  display: inline-block;
  position: relative;
  height: 310px;
  margin-bottom: 14px;
}

.CatVoice img {
  width: 100%;
}

.CatVoiceTitle {
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;

  box-sizing: border-box;
  padding: 15px;
  font-size: 1.733rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  background-color: rgba(63, 66, 58, 0.8);
}

@media screen and (max-width: 767px) {
  .CatVoice { height: auto; }
  .CatVoiceTitle { padding: 10px 6px; }
}


/* ========== Form di Sumo ========== */
.sumo-form-wrapper.scrollbox-popup
.scrollbox-popup-content
.sumome-react-wysiwyg-popup-container.sumome-advanced-form {
/* background-color: #dcead2 !important; */
background: linear-gradient(67deg, rgba(240, 240, 240, 1) 0%, rgba(220, 234, 210, 1) 53%);
background-size: cover !important;
} 

@media screen and (max-width: 767px) {
  .scrollbox-popup-scale.scrollbox-bottom-right.sumome-scrollbox-medium,
  .scrollbox-popup-scale.scrollbox-bottom-right.sumome-scrollbox-small {
    zoom: 0.8 !important;
  }
}

/* ========== Form Newsletter ========== */
.NL-form-input {
  border: 1px solid #cccccc;
  color: black;
  margin: 14px 0;
  width: 100%;
}

.NL-form-input-button {
  color: white;
  background-color: #4b6342;
  border: none;
  border-radius: 6px;
  font-size: 1rem;
  margin: 14px 0;
  padding: 10px;
}

@media screen and (max-width: 767px) {
  .NL-form-input { margin: 5px 0; width: 100%; }
  .NL-form-input-button { margin: 5px 0; width: 100%; }
}

/* ========== Categoria Futon ========== */
.catPallinoSX-sm { bottom: -70px; left: 14px; }
.catPallinoDX-sm { bottom: -70px; right: 14px; }
.ico-sostenibili-sm { max-width: 90px; }

@media screen and (max-width: 767px) {
  .catPallinoSX { bottom: 12%; left: 2%; }
  .catPallinoDX { bottom: 12%; right: 2%; }
  .ico-sostenibili { max-width: 60px; }
}

  /* ========== Categoria Materassi in Lattice ========== */
  .title-divisore {
    color: #000;
    background: url(/XZen/File/RAD/Images/barra.png) 50% repeat-x;
    margin: 30px 0;
    font-weight: 600;
    text-align: center;
  }

  .title-divisore span {
    background-color: #fff;
    padding: 0 15px;
    display: inline-block;
  }

  .ico-loghi-cert-cat-sm { max-width: 160px; }

  @media screen and (max-width: 767px) {
    .ico-loghi-cert-cat { max-width: 100px; }
  }


/* ========== ************************************************************* CHECK ========== */
.GridOneThree,
.GridOneFour,
.GridOneFive {
  display: inline-block;
  margin-right: 9px;
}

@media only screen and (max-device-width: 320px) {
  .GridOneFour {
    width: 21%;
    margin-right: 1%;
  }
}

.GridOneThree {
  max-width: 314px;
}

.GridOneFour {
  max-width: 238px;
} /* rimuovere*/

.GridOneFive {
  max-width: 188px;
}

@media (max-width: 767px) {
  .GridOneFour,
  .GridOneThree {
    display: inline-block;
    margin-right: 1%;
    box-sizing: border-box;
  }
  .GridOneFour {
    width: 22%;
  }
  .GridOneThree {
    width: 31.8%;
  }
}

/* -- CARD --*/
/* tutto da sostituire con le card di bootstrap */
.CardBigCNT {
  margin: 20px 0;
  text-align: center;
}

.CardCNT-100,
.CardCNT-50,
.CardCNT-100w {
  box-sizing: border-box;
  display: inline-block;
  color: #000;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s;
  vertical-align: middle;
  text-decoration: none;
  text-align: left;
}

.CardCNT-100 {
  /*height:295px;*/
  width: 100%;
  background-color: #ebebeb;
}

.CardCNT-100w {
  min-height: 284px;
  width: 100%;
  background-color: #fff;
}

.CardCNT-50 {
  min-height: 444px;
  width: 46%;
  margin: 10px 17px;
  background-color: #ebebeb;
}

.CardCNT-100:hover,
.CardCNT-100w:hover,
.CardCNT-50:hover {
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.3);
}

.CardImgCNT {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
}

.CardCNT-100 .CardImgCNT,
.CardCNT-100w .CardImgCNT {
  width: 46%;
}

.CardCNT-50 .CardImgCNT {
  width: 100%;
}

.CardCNT-100 img,
.CardCNT-100w img,
.CardCNT-50 img {
  width: 100%;
  max-width: 600px;
}

.CardTextCNT {
  display: inline-block;
  vertical-align: middle;
  padding: 14px;
  box-sizing: border-box;
  font-size: 1.2rem;
}

.CardCNT-100 .CardTextCNT,
.CardCNT-100w .CardTextCNT {
  width: 50%;
}

.CardCNT-50 .CardTextCNT {
  width: 100%;
}

.CardButton {
  display: inline-block;
  padding: 10px 16px;
  font-size: 1.2rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 10px;
  background-color: #dbdacd;
  border-radius: 2px;
  border: 1px solid #afb6a5;
  color: #454c3c;
  cursor: pointer;
}

.CardProdPrice {
  font-size: 1.2rem;
  font-weight: 600;
}

@media (max-width: 767px) {
  /* -- CARD --*/
  .CardBigCNT {
    width: 100%;
    padding: 10px;
  }
  .CardCNT-100,
  .CardCNT-50,
  .CardCNT-100w {
    width: 100%;
    box-sizing: border-box;
    color: #000;
    display: inline-block;
    margin: 10px auto;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    text-decoration: none;
  }
  .CardCNT-100,
  .CardCNT-50 {
    background-color: #ebebeb;
  }
  .CardCNT-100w {
    background-color: #fff;
  }
  .CardImgCNT,
  .CardTextCNT {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
  }
  .CardImgCNT img {
    width: 100%;
    max-width: 700px;
  }
  .CardTextCNT {
    padding: 14px;
  }
  .CardButton {
    display: inline-block;
    padding: 10px 16px;
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 10px;
    background-color: #dbdacd;
    border-radius: 2px;
    border: 1px solid #afb6a5;
    color: #454c3c;
  }
  .CardProdPrice {
    font-size: 1.2rem;
    font-weight: 700;
  }
}

/* ========== Nav semplice in testa alle pag contenuto ========== */
.pagContNavCNT {
  width: 900px;
  margin: 0 auto;
  text-align: center;
  padding-top: 20px;
}

.pagContNavCNT .pagContNav {
  display: inline-block;
  padding: 5px 10px;
  margin: 0 10px;
  background-color: #fff;
  border: 1px solid #c3cab7;
  color: #416108;
  transition: all 0.4s ease;
  text-decoration: none;
  font-weight: 700;
  width: 156px;
}

.pagContNavCNT .pagContNav:hover {
  background-color: #edefe2;
  color: #416108;
}

@media (max-width: 767px) {
  .pagContNavCNT {
    width: 100%;
  }
  .pagContNavCNT .pagContNav {
    margin: 4px;
    width: 168px;
  }
}

/* ------------------------------------------------------------------------- */
/* --------- da StylesFOMCustom - SOLO MOBILE ------------------------------ */
/* ------------------------------------------------------------------------- */

@media screen and (max-width: 767px) {
  .DeskOnly {
    display: none;
  }

  .NoColumnMob {
    width: 100%;
    margin: 0;
  }

  #HeadHeader {
    width: 100%;
    background: #fff;
    background-repeat: repeat-x;
  }

  /* ========== Striscia nav ========== */
  #HeadMenu {
    background: #ececec;
    border-bottom: 1px solid #d0d0d0;
  }

  /* ========== FOOTER ========== */
  #foot1CNT {
    background-color: #e9eae3;
    height: auto;
    width: 100%;
    text-align: center;
  }

  #foot2CNT {
    background-color: #f0f0f0;
  }

  /* ========== Barra ricerca ========== */
  #searchBarCnt {
    width: 70%;
  }

  #searchBarCnt #FSearchSimple {
    height: 36px;
  }

  /* classe di #MNtesto, importante: fix input che al loading appare più grande - override */
  #FSearchSimple .form-control {
    height: 36px !important;
    padding: 3px 6px !important;
    border-radius: 0 !important;
    line-height: 0.9 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  #FSearchSimple .twitter-typeahead .tt-menu {
    font-size: 1.1rem;
    text-align: left;
    padding: 0 10px 10px 10px;
    border-radius: 0;
    background-color: #fff;
    height: 300px;
    border: 1px solid lightgrey;
    overflow-y: scroll;
  }

  #FSearchSimple .twitter-typeahead .tt-menu .tt-selectable {
    margin: 15px 0;
  }

  .LoggedIn {
    display: block;
    width: 100%;
    text-align: right;
    color: #516a48;
    font-size: 0.933rem;
    padding: 3px 5px 3px 5px;
    height: 24px;
    background-color: #ececec;
  }

  /* ========== ELEMENTI HOMEPAGE ========== */
  #Row01 .btn p {
    font-size: 0.8rem;
  }

  #Row03 a {
    font-size: 0.8rem;
  }

  #Row04 span, #Row06 span {
    font-size: 0.9rem;
    line-height: 1.4rem;
  }

  /* banner dentro scheda prodotto */
  .videoguideKarup img {
    width: 100%;
    max-width: 960px;
  }

  .LowCat a {
    font-size: 0.9rem;
  }
  /* ========== PROMO BLACK FRIDAY ========== */
  .BFcnt {
    width: 100%;
    height: auto;
  }

  .BF1 {
    float: none;
    width: 100%;
    padding-right: 0;
    padding-top: 0;
  }

  .BF2 {
    width: 100%;
    float: none;
    text-align: center;
  }

  .BF2 img {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }

  /* ========== PAGINE PROMO CON IMPAGINAZIONE DX/SX/IMG ========== */
  /* controllare ed eliminare */
  .paginaCNT {
    width: 100%;
    height: auto;
    padding: 8px;
  }

  .paginaleft {
    width: 100%;
    padding-right: 0;
    padding-top: 0;
    font-size: 1.1rem;
  }

  .paginaright {
    width: 100%;
    text-align: center;
    padding-top: 5px !important;
  }

  .paginaright img,
  .paginaleft img {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }

  /* eccezione /trn18-03.chtm */
  .paginaCNT a.terra-prodotti {
    float: left;
    width: 46%;
    max-width: 200px;
    margin: 1%;
  }

  .paginaCNT a.terra-prodotti img {
    border-radius: 30px;
    width: 100%;
  }

  /* es. /trn19-04.chtm - immagini come bottoni */
  .paginaCNT a.buttonImg {
    display: block;
    width: 310px;
    height: 200px;
    margin: 0 auto;
    border-radius: 10px;
    position: relative;
    margin-bottom: 20px;
  }

  .paginaCNT a.buttonImg span {
    position: absolute;
    bottom: 0;
    padding: 5px;
    width: 310px;
    background: rgba(255, 255, 255, 0.85);
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    color: #1b710c;
  }

  .paginaCNTunica a.buttonImg {
    display: block;
    width: 100%;
    max-width: 400px;
    height: 194px;
    margin: 10px auto;
    cursor: pointer;
    border-radius: 10px;
  }

  /* es. /trn19-03.chtm - immagine grande come bottone */
  .paginaCNT a.buttonImgLong {
    display: block;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    position: relative;
    min-height: 300px;
  }

  .paginaCNT a.buttonImgLong:hover {
    opacity: 0.7;
  }

  .paginaCNT a.buttonImgLong span {
    position: absolute;
    bottom: 0;
    padding: 5px;
    width: 100%;
    background: rgba(255, 255, 255, 0.85);
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    color: #1b710c;
  }

  /* ========== PAG FORESTA ========== */
  .ForestaIntroImg {
    display: block;
    max-width: 980px;
    margin: 0 auto;
    width: 100%;
    padding-bottom: 20px;
  }

  .ForestaIntroCNT .ForestaIntroText {
    color: #000;
    font-size: 16px;
    padding: 0 10px;
  }

  .ForestaButton {
    display: block;
    padding: 10px 20px;
    background-color: #4b6541;
    color: #fff;
    font-weight: 700;
    width: 84%;
    margin: 30px auto;
    text-align: center;
    border-radius: 22px;
    font-size: 16px;
    text-decoration: none;
  }

  .ForestaCO2Title {
    color: #6c875f;
    font-size: 60px;
    font-weight: 700;
  }

  .ForestaVisitaCNT .ForestaVisitaText {
    font-size: 16px;
    padding: 0 10px;
  }

  .ForestaVisitaText .ForestaVisitaTitle {
    color: #6c875f;
    font-size: 1.35rem;
    font-weight: 700;
  }

  .ForestaVisitaCNT .ForestaVisitaImg {
    display: block;
    max-width: 230px;
    margin: 14px auto;
  }

  .ForestaGalleryCNT {
    text-align: center;
    margin: 44px 0;
  }

  .ForestaGalleryCNT .ForestaVisitaImg {
    display: inline-block;
    margin: 3px 0;
    width: 100%;
    max-width: 464px;
  }

  .ForestaFoot {
    width: 100%;
    margin: 0 0 40px 0;
  }

  .ForestaCommentiCNT {
    width: 100%;
    max-width: 800px;
    margin: 50px auto;
    padding: 0 20px;
    background-image: url(/XZen/File/Rad/Images/foresta-commenti-bg-bottomright.jpg),
      url(/XZen/File/Rad/Images/foresta-commenti-bg-topleft.jpg);
    background-position: right bottom, left top;
    background-repeat: no-repeat, no-repeat;
    background-size: 40px;
    box-sizing: border-box;
  }

  .ForestaCommentiCNT .ForestaCommentiLista {
    list-style: none;
    text-align: center;
    color: #6c875f;
    font-size: 1.1rem;
    font-style: italic;
    padding: 10px;
  }

  .ForestaCommentiCNT .ForestaCommentiLista li {
    margin: 10px 0;
  }

  /* ========== CHECK ========== */
  #pagContNavCNT .infoButton {
    width: 100% !important;
  }
}

/* ------------------------------------------------------------------------- */
/* ----------- MEGA MEDIA QUERY SOLO DESK ---------------------------------- */
/* ------------------------------------------------------------------------- */

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

  .MobileOnly {
    display: none;
  }

  .MenuDesktop #inEvidenza a {
    padding: 0 !important;
  }

  .MenuDesktop #inEvidenza a:hover {
    background-color: #dbdacd;
  }

  .MenuDesktop #inEvidenza img {
    margin: 0;
  }

  #HeadMenu2 {
    background: #ececec;
  }

  #HeadMenu2 a {
    text-decoration: none;
    color: #494409;
    font-size: 1rem;
  }

  #HeadMenu2 a:hover {
    background-color: #dbdacd;
  }

  #HeadMenu2 .dropdown-menu a {
    padding: 0.25rem;
    border-radius: 5px;
    margin: 0;
  }

  #HeadMenu2 .dropdown-menu p {
    margin: 0 0.25rem;
  }

  #HeadMenu2 .dropdown-menu p:last-child {
    margin-bottom: 0.8rem;
  }

  #FooterPre {
    width: 1200px;
    margin: 0 auto;
  }

  #FooterNegolo {
    float: left;
    width: 38%;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    font-size: 0.8rem;
  }

  #FooterNegolo a {
    text-decoration: none;
  }

  /* ========== RATESPOT RESTYLE 2019 ========== */
  #TassoZeroPage .RowText {
    background: url("/Xzen/File/RAD/Images/pageElements-ratetasso01.jpg") 0 0
      no-repeat;
  }

  /* ========== PAGINA PRONTA CONSEGNA ========== */
  #prConsButtonCNT .categorieButton {
    display: inline-block;
    width: 156px;
    margin: 10px;
    background: #eaedd1;
    border-radius: 6px;
    padding: 8px;
    font-size: 1.1rem;
    font-weight: 700;
    color: #517510;
    text-align: center;
    text-decoration: none;
  }

  #prConsButtonCNT .categorieButton:hover {
    background: #f1f3e7;
  }

  #categorieButtonCNT,
  #prConsButtonCNT {
    text-align: center;
    width: 980px;
    margin: 0 auto;
  }

  #categorieButtonCNT .categorieButton {
    display: block;
    width: 156px;
    margin: 0 12px;
    background: #dfefae;
    padding: 8px;
    font-size: 1rem;
    font-weight: 700;
    color: #517510;
    float: left;
    text-align: center;
    text-decoration: none;
  }

  #categorieButtonCNT .categorieButton:hover {
    background: #f7fbe8;
  }

  /* ========== PROMO BLACK FRIDAY ========== */
  .BFcnt {
    width: 100%;
    height: 450px;
    margin: 0px auto;
  }

  .BF1 {
    width: 35%;
    float: left;
    padding-right: 10px;
    padding-top: 90px;
  }

  .BF2 {
    width: 60%;
    float: left;
    text-align: center;
  }

  /* ---------- PAGINE CON IMPAGINAZIONE TEXT-SX/IMG-DX --------- */
  /* controllare ed eliminare */
  .paginaCNT {
    width: 100%;
    padding: 0;
    margin: auto;
  }

  .paginaleft,
  .paginaright {
    width: 48%;
    display: inline-block;
    vertical-align: middle;
  }

  .paginaleft {
    padding-right: 20px;
  }

  .paginaright {
    padding-left: 20px;
  }

  .paginaleft img,
  .paginaright img {
    width: 100%;
  }

  .paginaleft p {
    font-size: 1.1rem;
  }

  .paginaleft.bigger,
  .paginaright.bigger {
    width: 58%;
    display: inline-block;
    padding: 10px 0;
  }

  .paginaleft.smaller,
  .paginaright.smaller {
    width: 38%;
    display: inline-block;
    padding: 5px 0;
  }

  .paginaleft.muchbigger,
  .paginaright.muchbigger {
    width: 78%;
    display: inline-block;
    padding: 10px 0;
  }

  .paginaleft.muchsmaller,
  .paginaright.muchsmaller {
    width: 18%;
    display: inline-block;
    padding: 5px 0;
  }

  /* eccezione /trn18-03.chtm */
  .paginaCNT .terra-prodotti-cnt {
    margin-top: 40px;
  }

  .paginaCNT a.terra-prodotti {
    float: left;
    width: 200px;
    margin-right: 52px;
  }

  .paginaCNT a.terra-prodotti:last-child {
    margin-right: 0;
  }

  .paginaCNT a.terra-prodotti img {
    border-radius: 30px;
    width: 200px;
  }

  /* es. /trn19-04.chtm - immagini come bottoni */
  .paginaCNT a.buttonImg {
    display: block;
    width: 310px;
    height: 200px;
    float: left;
    margin: 0 10px;
    padding-top: 25px;
    margin-left: 105px;
    cursor: pointer;
    border-radius: 10px;
    position: relative;
  }

  .paginaCNT a.buttonImg:hover {
    opacity: 0.7;
  }

  .paginaCNT a.buttonImg span {
    position: absolute;
    bottom: 0;
    padding: 5px;
    width: 300px;
    background: rgba(255, 255, 255, 0.85);
    text-align: center;
    font-size: 1.133rem;
    font-weight: 600;
    color: #1b710c;
  }

  /* es. /trn19-03.chtm - immagine grande come bottone */
  .paginaCNT a.buttonImgLong {
    display: block;
    width: 600px;
    height: 306px;
    margin: 0 auto;
    cursor: pointer;
    position: relative;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
  }

  .paginaCNT a.buttonImgLong:hover {
    opacity: 0.7;
  }

  .paginaCNT a.buttonImgLong span {
    position: absolute;
    bottom: 0;
    padding: 5px;
    width: 100%;
    background: rgba(255, 255, 255, 0.85);
    text-align: center;
    font-size: 1.133rem;
    font-weight: 600;
    color: #1b710c;
  }

  .paginaCNTunica a.buttonImg {
    display: block;
    width: 400px;
    height: 194px;
    float: left;
    margin-left: 60px;
    cursor: pointer;
    border-radius: 10px;
  }

  .paginaCNTunica a.buttonImg:hover {
    opacity: 0.7;
  }

  /* ---- PAGINA SCONTI RISERVATI - GRIGLIA IMG/TESTO CON OMBRA es. /codice-sconto.chtm ------ */
  .codScontoCNT .codScontoBoxTitleCnt {
    display: block;
  }
  .codScontoCNT .codScontoBoxTitleCnt .codScontoBoxTitle {
    font-weight: 400;
    font-size: 2.8rem;
    color: #cc7216;
    padding-top: 9px;
  }

  .codScontoCNT .codScontoBox {
    display: inline-block;
    width: 475px;
    margin: 18px 7px;
    background-color: #fff;
    transition: background-color 0.3s ease;
    box-shadow: 0px 5px 10px #cacaca;
    cursor: pointer;
  }

  .codScontoCNT .codScontoBox:hover {
    background-color: #edefe1;
  }

  .codScontoCNT .codScontoBox img {
    display: block;
    float: left;
  }

  .codScontoCNT .codScontoBox span {
    display: block;
    float: left;
    width: 180px;
  }

  .codScontoCNT .codScontoBox .codScontoTesto {
    font-weight: 400;
    font-size: 2rem;
    color: #517510;
    line-height: 2rem;
    padding-top: 15px;
    padding-left: 10px;
  }

  .codScontoCNT .codScontoBox .codScontoTesto.codScontoTesto1 {
    padding-top: 27px;
  }

  .codScontoCNT .codScontoBox .codScontoSconto {
    font-weight: 600;
    font-size: 1.467rem;
    color: #cc7216;
    padding-left: 12px;
    padding-top: 18px;
  }

  @media screen and (max-width: 767px) {
    .codScontoCNT .codScontoBoxTitleCnt .codScontoBoxTitle {
      display: block;
    }
    .codScontoCNT .codScontoBox {
      width: 100%;
      max-width: 269px;
    }
    .codScontoCNT .codScontoBox .codScontoTesto {
      font-weight: 400;
      color: #517510;
      text-align: center;
      width: 100%;
    }
    .codScontoCNT .codScontoBox .codScontoSconto {
      color: #cc7216;
      padding-top: 10px;
      padding-bottom: 10px;
      text-align: center;
      width: 100%;
    }
  }

  /* ------------- CATEGORIA LETTI IN LEGNO / LETTI GIAPPONESI 2019 ------------*/
  .CercaCarattCNT {
    height: 320px;
    width: 980px;
    margin: 30px auto;
  }

  .CercaCarattCNT h3 {
    font-size: 1.1rem;
    color: #517510;
    font-weight: 700;
  }

  .CercaCarattCNT .CercaCarattNav {
    box-sizing: content-box; /* fix mdb */
    width: 430px;
    height: 290px;
    padding-left: 541px;
    background: url("/xzen/file/rad/images/caratteristiche-letti.jpg") no-repeat
      left center;
  }

  .CercaCarattCNT .CercaCarattNav a {
    display: block;
    background: #f6f4f4;
    border: 1px solid #cbcbcb;
    font-size: 0.933rem;
    color: #666;
    text-decoration: none;
    float: left;
    margin: 2px;
    transition: all 0.2s;
  }

  .CercaCarattCNT .CercaCarattNav a:hover {
    background-color: #edefe2;
  }

  .CercaCarattCNT .CercaCarattNav a.CercaCarattButt {
    box-sizing: content-box; /* fix mdb */
    width: 190px;
    height: 26px;
    padding: 8px 8px;
    /*line-height:30px;*/
  }

  .CercaCarattCNT .CercaCarattNav a.CercaCarattButtLong {
    box-sizing: content-box; /* fix mdb */
    width: 402px;
    height: 26px;
    padding: 8px 8px;
    /*line-height:30px;*/
    text-align: center;
  }

  .CercaCarattCNT .CercaCarattNav a.CercaCarattButtDouble {   
    box-sizing: content-box; /* fix mdb */
    width: 190px;
    height: 30px;
    padding: 6px 8px;
    line-height: 16px;
  }

  a.buttVedi {
    font-weight: 700;
    color: #46660b;
    text-decoration: none;
    font-size: 1.1rem;
    background: #eceee3;
  }

  .buttVediMob {
    display: none;
  }

  .buttCercaCaratt {
    /* solo mobile */
    display: none;
  }

  @media screen and (max-width: 767px) {
    .CercaCarattCNT {
      display: none;
    }
    .buttCercaCaratt {
      display: block;
      font-weight: 700;
      font-size: 1.1rem;
      color: #46660b;
      padding: 8px 54px 8px 15px;
      background: #dde0cb url("/xzen/file/rad/images/search-white.png") 96% center
        no-repeat;
      margin-top: 15px;
      margin-bottom: 15px;
    }
  }

  /* ------------------------------- */
  .slide-wrap .slider {
    width: 300px;
    height: 300px;
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-scroll-snap-points-x: repeat(300px);
    -ms-scroll-snap-points-x: repeat(300px);
    scroll-snap-points-x: repeat(300px);
    -webkit-scroll-snap-type: mandatory;
    -ms-scroll-snap-type: mandatory;
    scroll-snap-type: mandatory;
    scroll-behavior: smooth;
  }

  .slide-wrap .slider .slide {
    width: 300px;
    flex-shrink: 0;
    height: 100%;
  }
  /* ------------------------------- */
 
 
  .card-label {
    border-bottom: solid 1px #000;
  }

  .ocheLanding > .long-button {
    font-size: 1.467rem;
    color: #545454;
  }

  .ocheLanding > .long-button img {
    vertical-align: top;
    margin-right: 10px;
  }

  /* *********** PAG FORESTA ******** */

  .ForestaCNT {
    max-width: 970px;
    margin: auto;
  }

  .ForestaCNT .ForestaTitle {
    text-transform: uppercase;
    text-align: center;
    color: #6c875f;
    font-size: 1.467rem;
    letter-spacing: 5px;
    font-weight: 700;
    margin: 40px 0;
  }

  /* .ForestaIntroImg {
    width: 100%;
    max-width: 964px;
  } */

  .ForestaIntroCNT .ForestaIntroText {
    display: inline-block;
    color: #000;
    font-size: 1.133rem;
    width: 67%;
    vertical-align: middle;
    padding-left: 18px;
  }

  .ForestaButton {
    display: block;
    padding: 10px 20px;
    background-color: #4b6541;
    color: #fff;
    font-weight: 600;
    width: 250px;
    margin: 30px auto;
    text-align: center;
    border-radius: 22px;
    font-size: 1.35rem;
    text-decoration: none;
  }

  .ForestaVisitaCNT {
    margin: 20px 0;
    padding: 10px 0;
  }

  .ForestaVisitaCNT .ForestaCO2Title {
    color: #6c875f;
    font-size: 4rem;
    font-weight: 700;
  }

  .ForestaVisitaCNT .ForestaVisitaText {
    display: inline-block;
    font-size: 1.2rem;
    width: 73%;
    vertical-align: middle;
    padding: 0 27px;
  }

  .ForestaVisitaText .ForestaVisitaTitle {
    color: #6c875f;
    font-size: 1.35rem;
    font-weight: 700;
  }

  .ForestaVisitaCNT .ForestaVisitaImg {
    display: inline-block;
    vertical-align: middle;
    width: 230px;
  }

  .ForestaGalleryCNT {
    text-align: center;
    margin: 60px 0;
  }


  .ForestaGalleryCNT .ForestaVisitaImg {
    display: inline-block;
    margin: 5px;
  }

  .ForestaFoot {
    margin: 38px 0;
    width: 100%;
  }

  .ForestaCommentiCNT {
    width: 800px;
    margin: 50px auto;
    padding: 0 20px;
    background-image: url(/XZen/File/Rad/Images/foresta-commenti-bg-bottomright.jpg),
      url(/XZen/File/Rad/Images/foresta-commenti-bg-topleft.jpg);
    background-position: right bottom, left top;
    background-repeat: no-repeat, no-repeat;
    background-size: 40px;
    box-sizing: border-box;
  }

  .ForestaCommentiCNT .ForestaCommentiLista {
    list-style: none;
    text-align: center;
    color: #6c875f;
    font-size: 1.2rem;
    font-style: italic;
    padding: 10px;
  }

  .ForestaCommentiCNT .ForestaCommentiLista li {
    margin: 10px 0;
  }

  /* barra di traduzione di google */
  .goog-te-gadget-simple {
    border-left: 1px solid #d5d5d5 !important;
    border-top: 1px solid #d5d5d5 !important;
    border-bottom: 1px solid #d5d5d5 !important;
    border-right: 1px solid #d5d5d5 !important;
    padding-top: 2px !important;
    margin-top: 2px !important;
  }

  .goog-te-menu2-item div,
  .goog-te-menu2-item:link div,
  .goog-te-menu2-item:visited div,
  .goog-te-menu2-item:active div {
    color: #595d42 !important;
  }
  
  .goog-te-menu2-item:hover div {
    background-color: #595d42 !important;
  }

  .goog-te-gadget-icon {
    display: none !important;
  }

  /* fix feedaty footer */
  /* .rev_INCREMENT_ID_text { height:120px !important; max-height:120px !important; } */
}