/*----------------------------------
importaz. stili combinazioni colori
----------------------------------*/
/*----------------------------------
/////| COLORI BLOCCHI LINEARI |/////
----------------------------------*/
/*#d6d6d8;*/
/*#317773;*/
/*logo - sfondo-pulsanti - fixed-top*/
/*#9e532b*/
/*verde whats-app::after 2cbda5*/
/*footer-link*/
/*#dac8a0;*/
/*footer-social e banner*/
/*#f5f0e5;*/
/*footer-link*/
/*#dac8a0;*/
/*footer-bottom*/
/*#555;*/
/**/
/*sfondo modulo contatto*/
/**/
/*darken(@bg-dark-color, 20%);*/
/*menu - titoli-principali*/
/*#232323;*/
/*sotto-titoli-principali - body*/
/*#555;*/
/*@white-color: #fff;*/
/* sistema di colori a triade */
/* sistema di colori tonali */
/**/
/*#294744*/
/*verde scuro*/
/* fascia catalogo link active */
/* colore sotto-menu per decorazione titoli*/
/* sottomenù molto tenue */
/**/
/*#dbd59e;*/
/*PANNA*/
/*----------------------------------
////| COLORI BLOCCHI GRADIENTE |////
----------------------------------*/
/*hue, saturation, lightness, alpha*/
/**/
/**/
/*hue, saturation, lightness, alpha*/
/**/
/*@colorepersolanizzato: #e11f25;*/
/*----------------------------------
//////////////| LOGO |//////////////
----------------------------------*/
/*variabile - va scalato in proporzione all'altezza fissa 119px */
/*fissa*/
/*----------------------------------
//////////////| MENU |//////////////
----------------------------------*/
/*@menu-color: @color-sottomeu;*/
/*@menu-hover-color: @color-sottomeu;*/
/**/
/**/
/**/
/*@bg-figura-menu: url('/public/Files/con001000/1/guarda-mail-2.png');*/
/*----------------------------------
/////////////| BUTTON |/////////////
----------------------------------*/
/**/
/*----------------------------------
///////////| FONT PAGE |///////////
----------------------------------*/
/**/
/*@title-color: @primary-color;*/
/*@title-text-transform: uppercase;*/
/**/
/*@subtitle-color: @color-sottomeu;*/
/**/
/*@body-size: 1.35rem;*/
/*@body-color: @secondary-color;*/
/**/
/*----------------------------------
//////////| FORM CONTATTI |/////////
----------------------------------*/
/*----------------------------------
/////////////| FOOTER |/////////////
----------------------------------*/
/**/
/**/
/*@body-footer-color: @white-color;*/
/*----------------------------------
///////////| COPYRIGHT |////////////
----------------------------------*/
/*----------------------------------
/////////////| BANNER |/////////////
----------------------------------*/
/**/
/*------------------------------------
////| BANNER TESTATA HOME - 100% |////
------------------------------------*/
/*-----------------------------------
////| BANNER TESTATA HOME - 55% |////
-----------------------------------*/
/*@bg-width-768: 100%;
@bg-max-width-768: 100%;
@bg-path-768: polygon(0 0%, 99% 0%, 100% 101%, 0% 100%);

@bg-width: 55%;
@bg-max-width: 55%;
@bg-size: cover;
@bg-path: polygon(0 0%, 99% 0%, 80% 101%, 0% 100%);

@bg-testata-opacity: @bg-primary-color;
@bg-testata-color: @bg-fixedtop-color-sfumato-alpha;
@title-testata-home-size: calc(18px + (28 - 18) * ((100vw - 768px) / (1200 - 768)));
@title-testata-home-font: @testata-font;
@title-testata-home-color: @white-color;
@title-testata-home-weight: 700;

@subtitle-testata-home-size: 1.5rem;
@subtitle-testata-home-font: @testata-font;
@subtitle-testata-home-color: @white-color;
@subtitle-testata-home-weight: 400;

@prezzo-testata-home-size: 2.5rem;
@prezzo-testata-home-font: @testata-font;
@prezzo-testata-home-color: @white-color;
@prezzo-testata-home-weight: 400;*/
/*----------------------------------
/////| BANNER TESTATA FUNNEL |//////
----------------------------------*/
/*----------------------------------
/////////| BANNER FASCIA |//////////
----------------------------------*/
/**/
/**/
/**/
/*----------------------------------
///////| BANNER NAVIGAZIONE |///////
----------------------------------*/
/**/
/**/
/*----------------------------------
/////////| BANNER SLIDER |//////////
----------------------------------*/
/**/
/**/
/*----------------------------------
///////| PATTERN BACKGROUND |///////
----------------------------------*/
/**/
/**/
/**/
/*@pattern-image-sottomenu-tenue: url(/images/pattern-bianca.png);
@pattern-size-sottomenu-tenue: 50%;*/
/**/
/*https: //www.pinterest.it/pin/92534967330776535/*/
/*https: //www.pinterest.it/pin/625226360758236243/*/
/*@pattern-image-sfondo-1: url(/images/pattern/pattern-7b1.jpg);*/
/*@pattern-image-sfondo-1: url(/images/pattern/pattern-9a.jpg);*/
/*@pattern-image-sfondo-1: url(/images/pattern/pattern-10b.jpg);*/
/*@pattern-image-sfondo-1: url(/images/pattern/pattern-8.jpg);*/
/*----------------------------------
///////////| SVG ICON |/////////////
----------------------------------*/
/**/
/*----------------------------------
///////| SKILL COMPONENET |/////////
----------------------------------*/
/*@import "custom-bicromo.less";*/
/*@import "custom-bicromo2.less";*/
/*@import "custom-colore-complementare.less";*/
/* -------------------------------------------------------------------
Portfolio
------------------------------------------------------------------- */
.avatar {
  overflow: hidden;
  background-color: #F0F7F7;
  border-radius: 50%;
  margin: -45px 10px 0px 0px;
}
.avatar-large {
  width: 80px;
  height: 80px;
}
.avatar .avatar-inner {
  position: relative;
  top: 50%;
  -webkit-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}
.avatar .avatar-inner img {
  border-radius: 50%;
  display: block;
  margin: 0px auto;
  width: 80px;
  height: auto;
}
.autore {
  position: absolute;
  left: 0px;
  top: -40px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  padding: 0px;
  background: url(/images/sitespecific/1-dbagnai@gmail.com.png) center center;
  background-size: 95% 95%;
  background-repeat: no-repeat;
  margin: 0 auto;
}
.title-style1 {
  /*float: left;*/
  text-align: left;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 10px 5px 15px 0px;
  padding-bottom: 10px;
  border-bottom: 3px solid #444;
}
.sfondo-contenitore {
  position: relative;
  display: block;
  background-color: #fff;
  padding: 8px;
  margin: 0px auto 15px auto;
  border: none;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(200, 200, 200, 0.6);
  -moz-box-shadow: 0px 0px 1px 1px rgba(200, 200, 200, 0.6);
  box-shadow: 0px 0px 1px 1px rgba(200, 200, 200, 0.6);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-transition: box-shadow 0.3s;
}
.filter {
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0 0 70px;
}
.filter > li {
  display: inline-block;
  padding: 0 0 10px;
  margin: 0 25px;
}
/* Portfolio grid */
.works-grid {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.works-grid.works-grid-gut .work-item {
  margin: 0px;
  /*min-height: 200px;*/
}
.work-div {
  background-color: #fff;
  position: relative;
  margin: 0px 0px 15px 15px;
  /*Questo setta lo spazio tra gli items*/
  padding: 0px 0px 30px 0px;
  /*background-color: rgba(200,200,200,0.05);*/
  border: none;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(200, 200, 200, 0.3);
  -moz-box-shadow: 0px 0px 1px 1px rgba(200, 200, 200, 0.3);
  box-shadow: 0px 0px 1px 1px rgba(200, 200, 200, 0.3);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-transition: box-shadow 0.3s;
}
.work-div:hover {
  position: relative;
  margin: 0px 0px 15px 15px;
  /*Questo setta lo spazio tra gli items*/
  padding: 0px 0px 30px 0px;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(200, 200, 200, 0.6);
  -moz-box-shadow: 0px 0px 1px 1px rgba(200, 200, 200, 0.6);
  box-shadow: 0px 0px 1px 1px rgba(200, 200, 200, 0.6);
  -webkit-transition: box-shadow 0.3s;
  -moz-filter: drop-shadow(0 2px 5px 0.2px);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}
.work-div-noborder-small {
  position: relative;
  margin: 5px;
  /*Questo setta lo spazio tra gli items*/
  padding: 0px;
  /*background-color: #fff;*/
  overflow: hidden;
}
.work-div-noborder-small:hover {
  margin: 5px;
  /*Questo setta lo spazio tra gli items*/
  padding: 0px;
  position: relative;
}
.work-div-noborder {
  position: relative;
  margin: 10px;
  padding: 0px;
  /*background-color: #fff;*/
  overflow: hidden;
}
.work-div-noborder:hover {
  position: relative;
}
.work-content-bordered {
  border: 5px solid #ccc;
  position: relative;
  /*width: 100%;
    height: 100%;*/
  margin: 10px;
  overflow: hidden;
}
.works-grid-1 .work-item {
  width: 99.999%;
}
.works-grid-2 .work-item {
  width: 49.999%;
}
.works-grid-3 .work-item {
  width: 33.333%;
}
.container .works-grid-3 .work-item {
  width: 33.333%;
}
.works-grid-4 .work-item {
  width: 24.999%;
}
.works-grid-5 .work-item {
  width: 19.99%;
}
.works-grid-6 .work-item {
  width: 16.666666%;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .works-grid-4 .work-item {
    width: 33.333%;
  }
}
@media (min-width: 850px) and (max-width: 768px) {
  .works-grid-6 .work-item {
    width: 33.333%;
  }
}
@media (min-width: 580px) and (max-width: 768px) {
  .works-grid-2 .work-item {
    width: 49.999%;
  }
  .works-grid-3 .work-item {
    width: 49.999%;
  }
  .container .works-grid-3 .work-item {
    width: 49.999%;
  }
  .works-grid-4 .work-item {
    width: 49.999%;
  }
  .works-grid-5 .work-item {
    width: 49.999%;
  }
  .works-grid-6 .work-item {
    width: 33.333%;
  }
}
@media (max-width: 579px) {
  .works-grid-2 .work-item {
    width: 99.999%;
  }
  .works-grid-3 .work-item {
    width: 99.999%;
  }
  .container .works-grid-3 .work-item {
    width: 99.999%;
  }
  .works-grid-4 .work-item {
    width: 99.999%;
  }
  .works-grid-5 .work-item {
    width: 99.999%;
  }
  .works-grid-6 .work-item {
    width: 99.999%;
  }
}
.work-item > a {
  position: relative;
  display: block;
  overflow: hidden;
}
.work-image {
  /*height: 280px;*/
}
@media (min-width: 960px) and (max-width: 1000px) {
  .work-image,
  .work-image-no-button {
    height: 200px;
  }
}
.work-image,
.work-image-no-button {
  position: relative;
  overflow: hidden;
  /*min-height: 200px;*/
  /*max-height: 200px;*/
  width: 100%;
  text-align: center;
}
.work-image:after,
.work-image-no-button:after {
  position: absolute;
  display: block;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
}
.work-image img,
.work-image-no-button img {
  /*height: auto;*/
  display: block;
  height: auto;
  width: 100%;
  margin: auto;
}
.work-image.rounded {
  width: 95%;
  border-radius: 50%;
  margin: 5%;
}
.work-image img.verticalcenter {
  height: auto;
  top: 50%;
  position: relative;
  /*transform: translate(0,-50%);*/
}
.work-image img.adapttocontainer2 {
  /* Maintain aspect ratio */
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: auto;
}
.work-image img.adapttocontainer {
  /* CSS Hack will make it width 100% and height 100% */
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  /* Maintain aspect ratio */
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: auto;
}
.work-subcaption {
  width: 100%;
  height: 120px;
  padding: 5px 5px;
  text-align: left;
  overflow: hidden;
  position: relative;
}
.work-footer {
  font-size: 0.8rem;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.work-caption-1 {
  background-color: rgba(74, 137, 220, 0.8);
  padding: 6px;
  position: absolute;
  bottom: 0%;
  right: 0%;
  text-align: center;
  color: #fff;
  font-size: 1.2em;
}
.work-caption {
  width: 100%;
  padding: 0px 10px;
  opacity: 0;
  position: absolute;
  bottom: 100%;
  left: 0;
  text-align: center;
  overflow: hidden;
}
.work-caption-over-1 {
  z-index: 3;
  width: 100%;
  /*background-color: rgba(0, 0, 0,0.1);*/
  background-color: transparent;
  font-size: 1em;
  font-weight: normal;
  height: auto;
  color: #fff;
  line-height: 15px;
  padding: 10px 10px;
  margin-top: 0px;
  text-align: center;
  position: absolute;
  bottom: 0%;
}
.work-caption-over {
  z-index: 3;
  width: 100%;
  background-color: rgba(31, 128, 159, 0.8);
  font-size: 1em;
  font-weight: normal;
  height: auto;
  color: #fff;
  line-height: 15px;
  padding: 5px 5px;
  margin-top: 0px;
  text-align: center;
  position: absolute;
  top: 0%;
}
.work-caption-over-center {
  z-index: 3;
  width: 100%;
  background-color: none;
  /*background-color: rgba(100, 100, 100, 0.1);*/
  font-size: 1rem;
  font-weight: normal;
  height: 100%;
  color: #fff;
  line-height: normal;
  padding: 2px 2px;
  margin-top: 0px;
  text-align: center;
  position: absolute;
  top: 0%;
}
.work-caption-over-center > h3 {
  background-color: rgba(31, 128, 159, 0.6);
  font-size: 1rem;
  font-weight: normal;
  color: #fff;
  position: absolute;
  bottom: 10%;
  width: 98%;
  margin: 0px auto;
  /*white-space: nowrap;*/
  padding: 0px;
  /*border:1px solid #fff;*/
}
.work-caption-over-center > h3.tipo2 {
  background-color: rgba(31, 128, 159, 0.8);
  font-size: 1.3rem;
  font-weight: normal;
  color: #fff;
  position: absolute;
  bottom: 45%;
  width: 95%;
  padding: 0px;
  margin: 0px auto;
}
.work-caption-over h3 {
  color: #fff;
  font-size: 1em;
  font-weight: normal;
  margin-bottom: 2px;
}
.work-title {
  font-size: 1.3em;
  font-weight: normal;
  margin-bottom: 10px;
  color: #333;
}
.work-descr {
  color: #000000;
  line-height: 28px;
}
.work-item:hover .work-image:after {
  background: rgba(0, 0, 0, 0.1);
}
.work-item:hover .work-image > img {
  /*-webkit-transform: scale(1.2);*/
  /*scale(1.3) rotate(2deg);*/
  /*-moz-transform: scale(1.2);*/
  /* scale(1.3) rotate(2deg);*/
  /*-ms-transform: scale(1.2);*/
  /* scale(1.3) rotate(2deg);*/
  /*-o-transform: scale(1.2);*/
  /* scale(1.3) rotate(2deg);*/
  /*transform: scale(1.2);*/
  /* scale(1.3) rotate(2deg);*/
}
.work-item:hover .work-caption {
  bottom: 50%;
  opacity: 1;
  z-index: 3;
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  transform: translateY(50%);
}
/* Work item light color background*/
.works-grid.works-hover-lc .work-item:hover .work-image:after {
  background: #eceded;
}
/* Work item white background*/
.works-grid.works-hover-w .work-title {
  color: #000000;
}
.works-grid.works-hover-w .work-item:hover .work-image:after {
  background: rgba(255, 255, 255, 0.9);
}
/* Work item gradien background*/
.works-grid.works-hover-g .work-image:after {
  opacity: 0;
}
.works-grid.works-hover-g .work-descr {
  color: #fff;
}
.works-grid.works-hover-g .work-item:hover .work-image:after {
  background: #6fe29e;
  background: -moz-linear-gradient(-45deg, rgba(111, 226, 158, 0.8) 0%, rgba(91, 218, 209, 0.8) 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(111, 226, 158, 0.8)), color-stop(100%, rgba(91, 218, 209, 0.8)));
  background: -webkit-linear-gradient(-45deg, rgba(111, 226, 158, 0.8) 0%, rgba(91, 218, 209, 0.8) 100%);
  background: -o-linear-gradient(-45deg, rgba(111, 226, 158, 0.8) 0%, rgba(91, 218, 209, 0.8) 100%);
  background: -ms-linear-gradient(-45deg, rgba(111, 226, 158, 0.8) 0%, rgba(91, 218, 209, 0.8) 100%);
  background: linear-gradient(135deg, rgba(111, 226, 158, 0.8) 0%, rgba(91, 218, 209, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6fe29e', endColorstr='#5bdad1', GradientType=1);
  opacity: 1;
}
/* Work item light white background*/
.works-grid.works-hover-lw .work-item:hover .work-image:after {
  /*background: rgba(255, 255, 255, .4);*/
  background: none;
}
.work-image.rounded {
  width: 100%;
  border-radius: 50%;
  margin: 5%;
  text-align: center;
  margin-left: 0;
}
@media (max-width: 768px) {
  .work-image.rounded {
    margin-left: 0;
  }
}
.work-image.rounded {
  border-radius: 0;
}
/* ****************FINE STILI PER ISOTOPE PORTFOLIO  **********************************************************/
/* -------------------------------------------------------------------
Portfoli Single ( da rival )
------------------------------------------------------------------- */
.work-details {
  margin: 0 0 20px;
}
.work-details-title {
  color: #111;
  margin: 0 0 20px;
}
.work-details ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.work-details ul > li {
  border-bottom: 1px dotted #c2c2c2;
  padding: 0 0 5px;
  margin: 0 0 5px;
}
/*MODIFICA PORTFOLIO CON ISOTOPE PER CREARE LE POLOAROID, LAVORA IN ABBINAMENTO CON L'INIZIALIZZATORE IN maininit.js SULLA CLASSE .thumb-label-item */
.feature-content h3 {
  font-size: 0.9rem;
  line-height: 16px;
  font-weight: normal;
  margin-bottom: 0px;
  color: #33332e !important;
}
.feature-content {
  font-size: 0.8rem;
  font-weight: normal;
  margin-bottom: 0px;
  border-top: none;
  height: 110px;
  overflow: hidden;
  text-align: left;
}
.feature-details span {
  padding-right: 5px;
  font-size: 0.9rem;
}
.img-overlay .portfolio-zoom,
.item-img-overlay:hover .portfolio-zoom,
.item-img-overlay:hover i,
.thumb-label-item:hover .portfolio-zoom,
.feature-image:hover .portfolio-zoom {
  opacity: 0.8;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-name: overlay-animation;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -moz-animation-fill-mode: forwards;
  -moz-animation-name: overlay-animation;
  -moz-animation-duration: 0.5s;
  -moz-animation-timing-function: linear;
  -moz-animation-delay: 0s;
  -o-animation-fill-mode: forwards;
  -o-animation-name: overlay-animation;
  -o-animation-duration: 0.5s;
  -o-animation-timing-function: linear;
  -o-animation-delay: 0s;
  animation-fill-mode: forwards;
  animation-name: overlay-animation;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-delay: 0s;
  transform: scale(1) \9;
}
.item-img-overlay .portfolio-zoom {
  position: absolute;
  top: 0%;
  /*margin-top: -40px;*/
  margin-top: 0px;
  right: 0%;
  margin-right: 0px;
  background-color: rgba(255, 255, 255, 0);
  /*background-color: rgba(118, 192, 42, 0);*/
  /*color: #606060;*/
  border-radius: 0px;
  width: 100%;
  height: 100%;
  line-height: 43px;
  text-align: center;
  font-size: 1em;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  cursor: pointer;
  z-index: 1;
}
/*.item-img-overlay .item_img_overlay_content {
    background-color: rgba(59, 89, 152,0.6);
    padding: 6px;
    position: absolute;
    bottom: 0%;
    right: 0%;
    text-align: center;
    color: #fff;
    font-size: 1.2em;
}*/
.item-img-overlay .item_img_overlay_content {
  font-size: 1.2rem;
  position: absolute;
  background-color: rgba(74, 137, 220, 0.8);
  bottom: 0%;
  right: 0%;
  padding: 3px;
  height: auto !important;
  width: auto !important;
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
  -moz-transition: -moz-transform 0.4s, opacity 0.1s;
  transition: transform 0.4s, opacity 0.1s;
  /*-webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    -o-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;*/
}
.item-img-overlay:hover .item_img_overlay_content {
  font-size: 1.2rem;
  padding: 3px;
  background-color: rgba(59, 89, 152, 0.6);
  opacity: 1;
  height: auto !important;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
  -moz-transition: -moz-transform 0.4s, opacity 0.1s;
  transition: transform 0.4s, opacity 0.1s;
}
.item-img-overlay .portfolio-zoom:hover {
  /*color: #606060 !important;*/
  background-color: rgba(255, 255, 255, 0.1);
}
.thumb-label-item {
  padding: 10px;
  background-color: transparent;
  margin-bottom: 20px;
}
@media (min-width: 1170px) {
  .thumb-label-item {
    width: 364px;
  }
  .portfolio-items {
    width: 1170px;
  }
  .portfolio-items.portfolio-items-cols1 .thumb-label-item {
    width: 1100px;
    padding: 10px;
    /*background-color: #fafafa;*/
    margin-bottom: 20px;
  }
  .portfolio-items.portfolio-items-cols1 .thumb-label-item .thumb-label-item-img img {
    max-width: 1100px;
  }
  .portfolio-items.portfolio-items-cols2 .thumb-label-item {
    width: 546px;
    padding: 10px;
    /*background-color: #fafafa;*/
    margin: 10px 12px;
  }
  .portfolio-items.portfolio-items-cols2 .thumb-label-item .thumb-label-item-img img {
    max-width: 546px;
  }
  /* 3 cols & 3 cols boxed */
  .portfolio-items.portfolio-items-cols3 .thumb-label-item {
    width: 364px;
    padding: 10px;
    /*background-color: #fafafa;*/
    margin: 10px 13px;
  }
  .portfolio-items.portfolio-items-cols3 .thumb-label-item .thumb-label-item-img img {
    max-width: 364px;
  }
  .portfolio-items.portfolio-items-cols4 .thumb-label-item {
    width: 273px;
    padding: 10px;
    /*background-color: #fafafa;*/
    margin: 10px 6px;
  }
  .portfolio-items.portfolio-items-cols4 .thumb-label-item .thumb-label-item-img img {
    max-width: 273px;
  }
  .portfolio-items.portfolio-items-cols8 .thumb-label-item {
    width: 130px;
  }
  .portfolio-items.portfolio-items-cols8 .thumb-label-item .thumb-label-item-img img {
    width: 80px;
  }
}
@media (min-width: 970px) and (max-width: 1169px) {
  .thumb-label-item {
    width: 265px;
  }
  .portfolio-items {
    width: 880px;
  }
  .portfolio-items.portfolio-items-cols1 .thumb-label-item {
    width: 860px;
    padding: 10px;
    /*background-color: #fafafa;*/
    margin-bottom: 20px;
  }
  .portfolio-items.portfolio-items-cols1 .thumb-label-item .thumb-label-item-img img {
    max-width: 860px;
  }
  .portfolio-items.portfolio-items-cols2 .thumb-label-item {
    width: 397px;
    padding: 10px;
    /*background-color: #fafafa;*/
    margin: 10px 12px;
  }
  .portfolio-items.portfolio-items-cols2 .thumb-label-item .thumb-label-item-img img {
    max-width: 397px;
  }
  .portfolio-items.portfolio-items-cols3 .thumb-label-item {
    width: 265px;
    padding: 10px;
    /*background-color: #fafafa;*/
    margin: 10px 13px;
  }
  .portfolio-items.portfolio-items-cols3 .thumb-label-item .thumb-label-item-img img {
    max-width: 265px;
  }
  .portfolio-items.portfolio-items-cols4 .thumb-label-item {
    width: 199px;
    padding: 10px;
    /*background-color: #fafafa;*/
    margin: 10px 6px;
  }
  .portfolio-items.portfolio-items-cols4 .thumb-label-item .thumb-label-item-img img {
    max-width: 199px;
  }
  .portfolio-items.portfolio-items-cols8 .thumb-label-item {
    width: 95px;
  }
  .portfolio-items.portfolio-items-cols8 .thumb-label-item .thumb-label-item-img img {
    width: 80px;
  }
}
@media (min-width: 768px) and (max-width: 969px) {
  .thumb-label-item {
    width: 240px;
  }
  .portfolio-items {
    width: 768px;
  }
  .portfolio-items.portfolio-items-cols1 .thumb-label-item {
    width: 750px;
    padding: 10px;
    /*background-color: #fafafa;*/
    margin-bottom: 20px;
  }
  .portfolio-items.portfolio-items-cols1 .thumb-label-item .thumb-label-item-img img {
    max-width: 750px;
  }
  .portfolio-items.portfolio-items-cols2 .thumb-label-item {
    width: 300px;
    padding: 10px;
    /*background-color: #fafafa;*/
    margin: 10px 12px;
  }
  .portfolio-items.portfolio-items-cols2 .thumb-label-item .thumb-label-item-img img {
    max-width: 300px;
  }
  .portfolio-items.portfolio-items-cols3 .thumb-label-item {
    width: 240px;
    padding: 10px;
    /*background-color: #fafafa;*/
    margin: 10px 13px;
  }
  .portfolio-items.portfolio-items-cols3 .thumb-label-item .thumb-label-item-img img {
    max-width: 240px;
  }
  .portfolio-items.portfolio-items-cols4 .thumb-label-item {
    width: 200px;
    padding: 10px;
    /*background-color: #fafafa;*/
    margin: 10px 6px;
  }
  .portfolio-items.portfolio-items-cols4 .thumb-label-item .thumb-label-item-img img {
    max-width: 150px;
  }
  .portfolio-items.portfolio-items-cols8 .thumb-label-item .thumb-label-item-img img {
    width: 80px;
  }
}
@media (max-width: 767px) {
  .thumb-label-item {
    width: 240px;
  }
  .portfolio-items.portfolio-items-cols1 .thumb-label-item {
    width: 100%;
    max-width: 290px;
    margin: 10px auto;
    text-align: center;
  }
  .portfolio-items.portfolio-items-cols1 .thumb-label-item .thumb-label-item-img img {
    max-width: 290px;
  }
  .portfolio-items.portfolio-items-cols2 .thumb-label-item {
    width: 100%;
    max-width: 290px;
    margin: 10px auto;
    text-align: center;
  }
  .portfolio-items.portfolio-items-cols2 .thumb-label-item .thumb-label-item-img img {
    max-width: 290px;
  }
  .portfolio-items.portfolio-items-cols4 .thumb-label-item {
    width: 100%;
    max-width: 290px;
    padding: 10px;
    margin: 10px auto;
    /*background-color: #fafafa;*/
  }
  .portfolio-items.portfolio-items-cols4 .thumb-label-item .thumb-label-item-img img {
    max-width: 290px;
    margin: 0 auto;
  }
  .portfolio-items.portfolio-items-cols3 .thumb-label-item {
    width: 100%;
    max-width: 290px;
    margin: 10px auto;
    text-align: center;
  }
  .portfolio-items.portfolio-items-cols3 .thumb-label-item .thumb-label-item-img img {
    max-width: 290px;
    margin: 0 auto;
  }
  .portfolio-items.portfolio-items-cols8 .thumb-label-item {
    width: 100%;
    text-align: center;
  }
  .portfolio-items.portfolio-items-cols8 .thumb-label-item .thumb-label-item-img img {
    width: 80px;
    margin: 0 auto;
  }
}
/*******************************************************************************************/
/**************************FINE BASE PORTFOLIO***********************************/
/*******************************************************************************************/
/*------------------------------------*/
/*Owl Carousel
------------------------------------*/
.imgcontained {
  /*display: block;
        overflow: hidden;
        height: 100%;
        width:auto;
        max-width:100%;
        margin:0px auto;*/
  /* CSS Hack will make it width 100% and height 100% */
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  /* Maintain aspect ratio */
  max-height: 100%;
  max-width: 100%;
  width: auto !important;
  height: auto !important;
  margin: auto;
}
.owl-btn {
  color: #777;
  cursor: pointer;
  font-size: 26px;
  padding: 2px 9px;
  text-align: center;
  /*background: #fafafa;*/
}
.owl-btn:hover {
  color: #fff;
  /*background: #72c02c;*/
}
.owl-carousel-v1 .owl-navigation {
  text-align: center;
  margin-bottom: 20px;
}
/*.owl-carousel-v1 .item {
    margin: 0 25px;
    background-color: rgb(255, 255, 255);
    border: none;
    -webkit-box-shadow: 0px 0px 1px 1px rgba(200,200,200,0.24);
    -moz-box-shadow: 0px 0px 1px 1px rgba(200,200,200,0.24);
    box-shadow: 0px 0px 1px 1px rgba(200,200,200,0.24);
    -webkit-transition: box-shadow .3s;
    -moz-filter: drop-shadow(0 2px 5px .2px);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;*/
/*-webkit-filter: drop-shadow(0 2px 5px .2px);
}*/
.owl-carousel-v1 .item:hover {
  box-shadow: 0px 7px 14px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 7px 14px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 7px 14px rgba(0, 0, 0, 0.1);
  /*-webkit-filter: drop-shadow(0 7px 14px .35px);*/
  -moz-filter: drop-shadow(0 7px 14px 0.35px);
}
.owl-carousel-v1 .item img {
  text-align: center;
}
.owl-carousel-v1 .owl-pagination {
  /*display: none;*/
}
/*Owl Carousel v2*/
.owl-carousel-v2 .owl-slider-v2 {
  margin-bottom: 20px;
}
.owl-carousel-v2 .item {
  margin: 0 25px;
}
.owl-carousel-v2 .item img {
  text-align: center;
}
.owl-carousel-v2 .owl-navigation {
  text-align: center;
}
.owl-carousel-v2 .owl-pagination {
  /*display: none;*/
}
/*Owl Carousel v3*/
.owl-carousel-v3 .item {
  margin: 0 25px;
}
.owl-carousel-v3 .item img {
  text-align: center;
}
.owl-carousel-v3 .owl-pagination {
  /*display: none;*/
}
/*Owl Carousel v4*/
.owl-carousel-v4 .owl-wrapper-outer {
  margin-bottom: 20px;
}
.owl-carousel-v4 .item {
  margin: 0 25px;
}
.owl-carousel-v4 .item img {
  width: 100%;
}
/*Owl Pagination*/
.owl-pagination {
  text-align: center !important;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  opacity: 1;
  filter: alpha(opacity=100);
  /*IE7 fix*/
}
.owl-theme .owl-controls .owl-page {
  zoom: 1;
  display: inline-block;
  *display: inline;
  /*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span {
  width: 12px;
  height: 12px;
  opacity: 0.3;
  display: block;
  margin: 5px 7px;
  background: #bbb;
  filter: alpha(opacity=50);
  /*IE7 fix*/
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}
/*Owl Carousel Style v1*/
.owl-carousel-style-v1 img {
  width: 120px;
  height: auto;
}
/*Owl Carousel Style v2*/
.owl-carousel-style-v2 .item {
  margin: 0 3px;
  background: #fafafa;
  text-align: center;
  border: solid 1px #e6e6e6;
}
.owl-carousel-style-v2 .item img {
  padding: 0 3px;
  display: inline-block;
}
.owl-carousel-style-v2 .item:hover {
  background: #f7f7f7;
  border-color: #e5e5e5;
  transition: all 0.4s ease-in-out;
}
.owl-carousel-style-v2 .owl-pagination {
  display: none;
}
/*END OWL CAROUSEL CSS  ****************************************/
.owlscrollerTestimonials .work-subcaption {
  height: 160px;
}
.owlscrollerTestimonials .work-subcaption p {
  line-height: 1.8rem !important;
  font-size: 1.4rem !important;
}
@media (max-width: 1025px) {
  .owlscrollerTestimonials .work-subcaption {
    height: 180px;
  }
}
@media (max-width: 415px) {
  .owlscrollerTestimonials .work-subcaption {
    height: 210px;
  }
  .owlscrollerTestimonials .work-subcaption p {
    line-height: 1.5rem !important;
    font-size: 1rem !important;
  }
}
/*----------------------------------------
------ TESTIMONIALS NUOVA SEZIONE --------
------------------------------------------*/
.testimonial .testimonial-text-title {
  background-color: #f5f5f5;
  padding: 10px 15px 15px 75px;
  margin: 1px 0 0 1px;
  position: relative;
  font-size: 1em;
  font-weight: normal;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.testimonial .testimonial-person-pic {
  bottom: 40px;
}
.testimonial-big {
  margin-top: 1%;
  text-align: center;
  background: transparent;
}
.testimonial-big .testimonial-big-text {
  background-color: rgba(242, 239, 237, 0.6);
  line-height: normal !important;
  font-size: 2rem;
  font-size: 1.2vw;
  font-weight: normal;
  margin-top: 0px;
  height: auto;
  color: #333;
  line-height: 20px;
  padding: 20px 20px;
  margin: 0 auto;
  float: none;
  word-wrap: break-word;
}
.testimonial-big a {
  line-height: normal !important;
  font-size: 1.2rem;
  font-size: 1.6vw;
  font-weight: normal;
}
.testimonial-big .testimonial-big-text:after {
  content: "";
}
.testimonial-big .testimonial-big-text:before {
  content: "";
}
.testimonial-big .testimonial-small-text {
  float: left;
  color: #fff;
  line-height: normal !important;
  font-size: 1.4rem;
  font-size: 3vw;
  font-weight: normal;
  position: relative;
  text-align: center;
}
.isotope-testimonials p {
  font-size: 1rem !important;
  /*line-height: 1.4rem !important;*/
}
.scheda-testimonials-img .slide-content {
  background: #fff;
  border-radius: 50%;
  border: 2px dotted #606060;
  padding: 3px !important;
}
.scheda-testimonials-img img {
  border-radius: 50%;
}
img.aimg {
  height: 19px;
  width: auto;
  margin: 0 5px;
}
.owlscrollerTestimonials .work-subcaption {
  height: 160px;
}
.owlscrollerTestimonials .work-subcaption p {
  line-height: 1.8rem !important;
  font-size: 1.4rem !important;
}
@media (max-width: 1025px) {
  .owlscrollerTestimonials .work-subcaption {
    height: 180px;
  }
}
@media (max-width: 415px) {
  .owlscrollerTestimonials .work-subcaption {
    height: 210px;
  }
  .owlscrollerTestimonials .work-subcaption p {
    line-height: 1.5rem !important;
    font-size: 1rem !important;
  }
}
/*------------------------------------*/
/*Carousel
------------------------------------*/
/*carousel-v1*/
.carousel-v1 .carousel-caption {
  left: 0;
  right: 0;
  bottom: 0;
  padding: 7px 15px;
  background: rgba(0, 0, 0, 0.7);
}
.carousel-v1 .carousel-caption p {
  color: #fff;
  margin-bottom: 0;
}
.carousel-v1 .carousel-arrow a.carousel-control {
  opacity: 1;
  font-size: 40px;
  height: inherit;
  width: inherit;
  background: none;
  text-shadow: none;
  position: inherit;
}
.carousel-v1 .carousel-arrow a i {
  top: 50%;
  opacity: 0.6;
  /*background: #000;*/
  margin-top: -18px;
  padding: 2px 12px;
  position: absolute;
}
.carousel-v1 .carousel-arrow a i:hover {
  opacity: 0.8;
}
.carousel-v1 .carousel-arrow a.left i {
  left: 0;
}
.carousel-v1 .carousel-arrow a.right i {
  right: 0;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: none;
  opacity: 0.9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicons-chevron-left,
  .carousel-control .glyphicons-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 30px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
/* END CAROUSEL CONTROL */
/*----------------------------------
IMPORTAZ. STILI COMBINAZIONI COLORI
----------------------------------*/
@media screen and (min-width: 1025px) {
  .menuzord-menu .carrellomaincontainer a:before,
  .menuzord-menu .carrellomaincontainer a:after {
    display: none;
  }
}
.menuzord-menu li #containerCarrello a,
.menuzord-menu li .carrellomaincontainer a:before,
.menuzord-menu li .carrellomaincontainer a:after {
  border: none;
  padding: 14px !important;
}
.menuzord-menu li #containerCarrello a .totalItems {
  color: #ffffff;
}
.count {
  font-family: 'roboto', sans-serif !important;
  color: #ffffff;
  border: 1px solid #ddc278;
  position: absolute;
  float: right;
  /*background-color: @white-color;*/
  background-color: white;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  right: -6px;
  top: -8px;
  z-index: 1;
  -webkit-box-shadow: 4px 8px 8px -2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 4px 8px 8px -2px rgba(0, 0, 0, 0.25);
  box-shadow: 4px 8px 8px -2px rgba(0, 0, 0, 0.25);
  font-size: 0.6rem !important;
  font-weight: 400;
}
.count:hover {
  font-family: 'roboto', sans-serif !important;
}
.prezzo-responsive {
  font-size: 1.8vw;
  line-height: 1vw !important;
}
@media (max-width: 1200px) {
  .prezzo-responsive {
    font-size: 2rem;
    line-height: 2rem !important;
  }
}
.totalItems {
  line-height: 1.9rem;
}
.menuzord.menuzordterradivino .dropdown-cart .btn {
  font-size: 0.8rem !important;
  padding: 1rem 2rem !important;
  border: 1px solid #fff !important;
}
.menuzord.menuzordterradivino .dropdown-cart .btn:hover {
  font-size: 0.8rem !important;
  padding: 1rem 2rem !important;
  border: 1px solid #741433 !important;
}
/*CARRELLO - MENU - MENUZORD*/
#carrellos1qty input {
  width: 42px !important;
  height: 37.2px !important;
  margin-top: 0 !important;
}
.button-carrello,
.button-carrello-vedi,
.button-carrello-animate {
  /*&:extend(.btn-primary);*/
  font-family: 'roboto', sans-serif;
  font-size: 0.8rem !important;
  font-weight: 600;
  color: #d4d4cb !important;
  background-color: #741433;
  /*font-size: 1rem;*/
  margin: 0px !important;
  padding: 1px 0 0 0;
  line-height: 1.3 !important;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border-color: transparent;
  border-image: none;
  border-style: none;
  text-align: center;
  display: inline-block;
  letter-spacing: 2px;
  text-transform: uppercase !important;
}
.button-carrello:hover,
.button-carrello-vedi:hover,
.button-carrello-animate:hover {
  /*&:extend(.btn-primary:hover);*/
  color: #000 !important;
  /* background-color: @bg-button-hover-color;*/
  box-shadow: inset 0 0 0 1px #ecdee2;
  cursor: pointer;
  opacity: 1;
}
.btn-carrello-esaurito,
.btn-carrello-esaurito:hover {
  /*opacity: 0;*/
}
.button-carrello-animate {
  color: #d4d4cb !important;
  /*color: #fff !important;*/
  border: 1px solid #741433 !important;
  /*animation: rotateY 1s infinite;
    animation-timing-function: linear;*/
  box-shadow: inset 0 0 0 1px #741433;
  background-color: #741433 !important;
}
.button-carrello-animate:hover {
  color: #ffffff !important;
  border: 1px solid #ffffff !important;
}
@-webkit-keyframes rotateY {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
.button-carrello-animate,
.button-carrello-animate:hover {
  border-width: 0px !important;
  border-color: transparent !important;
  line-height: 2.1rem !important;
  width: 36px;
  height: auto;
}
.button-carrello-animate:hover {
  opacity: 1;
}
.carrello-go-launch {
  /*position:fixed !important;*/
  display: block !important;
  z-index: 999 !important;
}
.carrello-go-rotate {
  animation: rotateY 1s 1;
  animation-timing-function: linear;
}
/*------------------------------------------------------*/
/*STILE PULSANTE CARRELLOCUSTOM*/
.carrellocustom .button-carrello {
  width: 100%;
  height: 100% !important;
  /*    padding: 0.9rem 2rem !important;*/
}
.carrellocustom i.fa.fa-cart-plus,
.carrellocustom i.fa.fa-eye {
  padding: 0;
}
.carrellocustom .button-carrello,
.carrellocustom .button-carrello:active,
.carrellocustom .button-carrello:visited,
.carrellocustom .button-carrello:focus {
  /*    &:extend(.divbuttonstyle);*/
  color: #fff !important;
  background-color: #741433 !important;
  box-shadow: inset 0 0 0 1px #741433;
  border: none;
  border-radius: 0px;
  white-space: normal;
  border-color: #741433 !important;
}
.carrellocustom .button-carrello::after,
.carrellocustom .button-carrello:active::after,
.carrellocustom .button-carrello:visited::after,
.carrellocustom .button-carrello:focus::after {
  border: 0 solid transparent;
  box-sizing: border-box;
  content: '';
  pointer-events: none;
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
  border-color: #741433 !important;
  border-top-width: 1px !important;
  border-right-width: 1px !important;
}
.carrellocustom .button-carrello::before,
.carrellocustom .button-carrello:active::before,
.carrellocustom .button-carrello:visited::before,
.carrellocustom .button-carrello:focus::before {
  border: 0 solid transparent;
  box-sizing: border-box;
  content: '';
  pointer-events: none;
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
  border-bottom-width: 1px !important;
  border-left-width: 1px !important;
}
.carrellocustom .button-carrello:hover:not(.btn-carrello-esaurito) {
  color: #741433 !important;
  background-color: rgba(255, 255, 255, 0) !important;
  box-shadow: inset 0 0 0 1px transparent !important;
  opacity: 1;
}
.carrellocustom .button-carrello:hover::before,
.carrellocustom .button-carrello:hover::after {
  border-color: #741433 !important;
  -webkit-transition: border-color 0s, width 0.25s, height 0.25s;
  transition: border-color 0s, width 0.25s, height 0.25s;
}
.carrellocustom .button-carrello:hover::before {
  -webkit-transition-delay: 0s, 0s, 0.25s;
  transition-delay: 0s, 0s, 0.25s;
}
.carrellocustom .button-carrello:hover::after {
  -webkit-transition-delay: 0s, 0.25s, 0s;
  transition-delay: 0s, 0.25s, 0s;
}
/*STILE PULSANTE color OUTLINE CARRELLOCUSTOM OUTLINE*/
.carrellocustomoutline .button-carrello {
  width: 100%;
  height: 100% !important;
  /*    padding: 0.9rem 2rem !important;*/
  /*padding: 1rem 2rem !important;*/
}
.carrellocustomoutline i.fa.fa-cart-plus {
  padding: 0;
}
.carrellocustomoutline .button-carrello,
.carrellocustomoutline .button-carrello:active,
.carrellocustomoutline .button-carrello:visited,
.carrellocustomoutline .button-carrello:focus {
  /*  &:extend(.divbuttonstyle);*/
  color: #741433 !important;
  background-color: #ffffff !important;
  box-shadow: inset 0 0 0 1px #ffffff;
  border: none;
  border-radius: 0px;
  white-space: normal;
  border-color: #ffffff !important;
  position: relative;
}
.carrellocustomoutline .button-carrello::after,
.carrellocustomoutline .button-carrello:active::after,
.carrellocustomoutline .button-carrello:visited::after,
.carrellocustomoutline .button-carrello:focus::after {
  border: 0 solid transparent;
  box-sizing: border-box;
  content: '';
  pointer-events: none;
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
  border-color: #ffffff !important;
  border-top-width: 1px !important;
  border-right-width: 1px !important;
}
.carrellocustomoutline .button-carrello::before,
.carrellocustomoutline .button-carrello:active::before,
.carrellocustomoutline .button-carrello:visited::before,
.carrellocustomoutline .button-carrello:focus::before {
  border: 0 solid transparent;
  box-sizing: border-box;
  content: '';
  pointer-events: none;
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
  border-bottom-width: 1px !important;
  border-left-width: 1px !important;
}
.carrellocustomoutline .button-carrello:not(.btn-carrello-esaurito):hover {
  color: #741433 !important;
  background-color: rgba(255, 255, 255, 0) !important;
  box-shadow: inset 0 0 0 1px transparent !important;
  opacity: 1;
  /*padding: 1rem 2rem !important;
    line-height: 1 !important;*/
  position: relative;
}
.carrellocustomoutline .button-carrello:hover::before,
.carrellocustomoutline .button-carrello:hover::after {
  border-color: #741433 !important;
  -webkit-transition: border-color 0s, width 0.25s, height 0.25s;
  transition: border-color 0s, width 0.25s, height 0.25s;
  width: 100% !important;
  height: 100% !important;
}
.carrellocustomoutline .button-carrello:hover::before {
  -webkit-transition-delay: 0s, 0s, 0.25s;
  transition-delay: 0s, 0s, 0.25s;
}
.carrellocustomoutline .button-carrello:hover::after {
  -webkit-transition-delay: 0s, 0.25s, 0s;
  transition-delay: 0s, 0.25s, 0s;
}
/*PULSANTE AGGIUNGI SCHEDA ACQUISTO*/
/*.carrellocustom .button-carrello.button-carrello-squared i:before {
    content: '\f217';
    text-transform: uppercase;
}*/
/*.carrellocustom .button-carrello.btn-carrello-esaurito i {
    opacity: 1 !important;
}*/
/*.carrellocustom .button-carrello.btn-carrello-esaurito i:before {
    content: '';
    font-family: @button-font !important;
}
*/
/*.carrellocustom .button-carrello.btn-carrello-esaurito i:after {
    content: 'ARTICOLO ESAURITO';
    font-family: @button-font !important;
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: 2px;
}*/
/*******************************************************************************/
/**************carrello e prodotti*******************************************/
/*******************************************************************************/
.cart-quantity {
  max-width: 130px;
}
.product-attribute {
  margin: 0;
}
.product-attribute tbody tr td,
.product-attribute tbody tr th {
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}
.product-details {
  position: absolute;
  bottom: 16px;
  width: calc(100% - 28px);
  background: rgba(0, 0, 0, 0.3);
  color: #fff !important;
  padding: 8px;
  text-align: center;
  padding-top: 8px;
}
.product-details.prod-tabella {
  position: relative;
  bottom: unset;
  width: auto;
  background-color: transparent;
  color: inherit;
  padding: 8px;
  text-align: inherit;
  padding-top: 8px;
}
.product-name,
.product-name * {
  font-size: 0.8rem !important;
  margin-bottom: 2px;
  color: #fff;
}
.product-categories,
.product-categories * {
  font-size: 0.7rem !important;
  margin-bottom: 2px;
  color: #fff;
}
.prod-tabella > .product-name,
.prod-tabella > .product-name * {
  font-size: inherit;
  margin-bottom: 2px;
  color: #ffffff;
}
.prod-tabella > .product-categories,
.prod-tabella > .product-categories * {
  font-size: inherit;
  margin-bottom: 2px;
  color: #ffffff;
}
.product-price {
  padding-right: 10px;
}
.product-price em {
  text-decoration: line-through;
  color: #999;
  font-size: 1em;
}
.prod-tabella > .product-price,
.prod-tabella > .product-price em {
  color: #ffffff;
}
.dropdown-cart {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 0 0 10px;
  width: 250px;
}
.dropdown-cart li a {
  /*font-size: 0.9rem !important;*/
}
.dropdown-cart .products-list-mini {
  list-style: none !important;
  padding: 0;
  margin: 0;
}
.dropdown-cart .products-list-mini li {
  padding: 10px !important;
  margin: 0 !important;
}
.products-list-mini li {
  overflow: hidden;
}
.products-list-mini li + li {
  border-top: 1px solid #eee;
  margin-top: 20px;
  padding-top: 20px;
}
.products-list-mini .product-thumb {
  border: 1px solid #ccc;
  margin: 0 15px 0 0;
}
.products-list-mini .product-thumb.pull-right {
  margin: 0 0 0 15px;
}
.products-list-mini .product-details {
  height: auto;
  overflow: hidden;
}
.products-list-mini .product-details h3 {
  margin: 0;
}
.table-cart td {
  vertical-align: middle;
  line-height: normal !important;
}
.table-cart thead td {
  color: #999;
  font-weight: bold;
}
.table-cart tbody tr td {
  padding-top: 10px;
  padding-bottom: 10px;
}
.table-cart tbody tr:hover td {
  background: #ffe;
}
.table-cart tbody tr:hover .cart-remove a {
  color: #555;
}
.table-cart .cart-remove {
  text-align: center;
  vertical-align: middle;
  width: 15px;
}
.table-cart .cart-remove a {
  text-decoration: none !important;
}
.table-cart .cart-product .product-thumb {
  border: 1px solid #ddd;
  margin: 0 10px 0 0;
}
.table-cart .cart-product .product-details {
  overflow: hidden;
}
.table-cart .cart-total {
  /*width: 100px;*/
}
.table-cart .cart-total span,
.table-cart .cart-heading span {
  display: inline-block;
  line-height: 30px;
}
.table-cart .cart-addto {
  width: 100px;
  text-align: right;
}
.table-cart .cart-heading {
  background: #f5f5f5;
  vertical-align: middle;
  text-align: right;
  padding-right: 15px;
}
ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}
/*   FINE STILI CARRELLO E PRODOTTI */
@media (max-width: 540px) {
  .colonna-colli {
    display: flex;
    flex-wrap: wrap;
  }
  .colonna-colli .form-control {
    margin: 0.25rem !important;
  }
}
.moduloinvioacquisti .form-control {
  background-color: #fff;
}
.logopagamento img {
  height: 23px !important;
}
.chkSupplemento label {
  width: calc(100% - 50px);
  padding-left: 10px;
}
.carrellocustomoutline .button-carrello.btn-carrello-esaurito,
.carrellocustomoutline .button-carrello.btn-carrello-esaurito:hover {
  opacity: 1;
  background-color: white !important;
  color: #741433 !important;
  cursor: default !important;
  /*line-height: 160% !important;*/
}
/*@media screen and (min-width: 1179px) {*/
/*PULSANTI menu STILE PULSANTE BACKGROUND*/
/*.menuzord.white .menuzord-menu > li > a, .menuzord.white .menuzord-menu > li > a span {
        background-color: #ca9e67;
        min-width: 180px !important;
        border-radius: 2px !important;
    }
    #menuzord.menuzord.white .menuzord-menu > li > a, #menuzord.menuzord.white .menuzord-menu > li > a span {
        color: #fff;
    }
    #menuzord.menuzord.white .menuzord-menu > li > a:active, .menuzord.white .menuzord-menu > li > a:active span, .menuzord.white .menuzord-menu > li > a:hover, .menuzord.white .menuzord-menu > li > a:hover span, #menuzord.menuzord.white .menuzord-menu ul.dropdown li:hover > a, #menuzord.menuzord.white .menuzord-menu ul.dropdown li:hover > a:active {
        background-color: #fff !important;
    }*/
/*PULSANTI menu STILE PULSANTE BORDER*/
/*.menuzord.white .menuzord-menu > li > a {
        min-width: 140px !important;
        height: 37px !important;
        line-height: 20px;
        border-radius: 2px !important;
        font-size: 0.8rem !important;
        background-color: rgba(255, 255, 255, 0.5)
    }

    #menuzord.menuzord.white .menuzord-menu > li > a {
        border: 1px solid rgba(0, 0, 0, 0.32) !important;
    }

    #menuzord.menuzord.white .menuzord-menu > li > a:not(:hover) {
        color: @primary-color !important;
        text-shadow: -1px 2px 5px rgba(0, 0, 0, 0.0);
    }
    #menuzord.menuzord.white .menuzord-menu > li > a.buttonmenu:not(:hover) {
        color: #fff !important;
        text-shadow: -1px 2px 5px rgba(0, 0, 0, 0.0);
    }

    #menuzord.menuzord.white .menuzord-menu > li > a:active, #menuzord.menuzord.white .menuzord-menu > li > a:active span, #menuzord.menuzord.white .menuzord-menu > li > a:hover, #menuzord.menuzord.white .menuzord-menu > li > a:hover span {
        background-color: rgba(255, 255, 255, 0.0) !important;
        border: 1px solid rgba(0, 0, 0, 0.0) !important;
    }
}*/
/*----------------------------------
-------------- PULSANTI --------------
----------------------------------*/
button:focus {
  outline: none;
}
button:hover {
  cursor: pointer;
}
.buttonmenu {
  border-radius: 0 !important;
}
.buttonmenu:hover {
  border-radius: 0 !important;
  border: none !important;
}
@media screen and (min-width: 1179px) {
  .buttonmenu {
    border: none !important;
  }
}
a.divbuttonstyle,
.divbuttonstyle,
.btn,
input[type="submit"],
input[type="button"],
button.btn,
.btn-primary,
div.divbuttonstyle,
div.divbuttonstyle:visited,
button.divbuttonstyle,
a.divbuttonstyle:visited,
.divbuttonstyle:visited,
btn:visited,
input:visited[type="submit"],
input:visited[type="button"],
button.btn:visited,
.btn-primary:visited,
div.divbuttonstyle:visited,
button.divbuttonstyle:visited,
a.divbuttonstyle:active,
.divbuttonstyle:active,
btn:active,
input:active[type="submit"],
input:active[type="button"],
button.btn:active,
.btn-primary:active,
div.divbuttonstyle:active,
button.divbuttonstyle:active,
.btn-white-outline,
.btn-white-outline:active,
.btn-white-outline:visited,
.btn-white-outline:focus .btn .btn-white,
.btn .btn-white:active,
.btn .btn-white:visited,
.btn .btn-white:focus,
.btn-primary-color,
.btn-primary-color:active,
.btn-primary-color:visited,
.btn-primary-color:focus .btn .btn-primary-color,
.btn .btn-primary-color:active,
.btn .btn-primary-color:visited,
.btn .btn-primary-color:focus,
li:nth-child(n) .rounded-responsive .btn.parimulticolore,
.polygonblock > div:nth-child(n) .rounded-responsive .btn.parimulticolore,
li:nth-child(n) .rounded-responsive .btn.parimulticolore:hover,
.polygonblock > div:nth-child(n) .rounded-responsive .btn.parimulticolore:hover {
  font-family: 'roboto', sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  color: #ffffff !important;
  background-color: #741433;
  position: relative;
  line-height: 1.3;
  letter-spacing: 2px;
  padding: 1rem 2rem;
  margin: 0 auto;
  display: inline-block;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  text-align: center;
  white-space: normal;
  height: auto !important;
  /*border: 1px solid @bg-button-color;*/
  border: none;
  cursor: pointer;
  /*    text-transform: uppercase !important;*/
  /* -webkit-border-radius: 1.4rem;
    -moz-border-radius: 1.4rem; 
    border-radius: 1.4rem;  */
  box-shadow: inset 0 0 0 1px #741433;
  -webkit-transition: color 0.25s 0.08333333s;
  transition: color 0.25s 0.08333333s;
  border-radius: 0;
  text-transform: uppercase !important;
  /* -webkit-transform: skew(-30deg);
    transform: skew(-30deg);*/
}
a.divbuttonstyle::after,
.divbuttonstyle::after,
.btn::after,
input[type="submit"]::after,
input[type="button"]::after,
button.btn::after,
.btn-primary::after,
div.divbuttonstyle::after,
div.divbuttonstyle:visited::after,
button.divbuttonstyle::after,
a.divbuttonstyle:visited::after,
.divbuttonstyle:visited::after,
btn:visited::after,
input:visited[type="submit"]::after,
input:visited[type="button"]::after,
button.btn:visited::after,
.btn-primary:visited::after,
div.divbuttonstyle:visited::after,
button.divbuttonstyle:visited::after,
a.divbuttonstyle:active::after,
.divbuttonstyle:active::after,
btn:active::after,
input:active[type="submit"]::after,
input:active[type="button"]::after,
button.btn:active::after,
.btn-primary:active::after,
div.divbuttonstyle:active::after,
button.divbuttonstyle:active::after,
a.divbuttonstyle::before,
.divbuttonstyle::before,
.btn::before,
input[type="submit"]::before,
input[type="button"]::before,
button.btn::before,
.btn-primary::before,
div.divbuttonstyle::before,
div.divbuttonstyle:visited::before,
button.divbuttonstyle::before,
a.divbuttonstyle:visited::before,
.divbuttonstyle:visited::before,
btn:visited::before,
input:visited[type="submit"]::before,
input:visited[type="button"]::before,
button.btn:visited::before,
.btn-primary:visited::before,
div.divbuttonstyle:visited::before,
button.divbuttonstyle:visited::before,
a.divbuttonstyle:active::before,
.divbuttonstyle:active::before,
btn:active::before,
input:active[type="submit"]::before,
input:active[type="button"]::before,
button.btn:active::before,
.btn-primary:active::before,
div.divbuttonstyle:active::before,
button.divbuttonstyle:active::before {
  border: 0 solid transparent;
  box-sizing: border-box;
  content: '';
  pointer-events: none;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-color: #741433 !important;
  border-top-width: 1px !important;
  border-right-width: 1px !important;
}
a.divbuttonstyle::before,
.divbuttonstyle::before,
.btn::before,
input[type="submit"]::before,
input[type="button"]::before,
button.btn::before,
.btn-primary::before,
div.divbuttonstyle::before,
div.divbuttonstyle:visited::before,
button.divbuttonstyle::before,
a.divbuttonstyle:visited::before,
.divbuttonstyle:visited::before,
btn:visited::before,
input:visited[type="submit"]::before,
input:visited[type="button"]::before,
button.btn:visited::before,
.btn-primary:visited::before,
div.divbuttonstyle:visited::before,
button.divbuttonstyle:visited::before,
a.divbuttonstyle:active::before,
.divbuttonstyle:active::before,
btn:active::before,
input:active[type="submit"]::before,
input:active[type="button"]::before,
button.btn:active::before,
.btn-primary:active::before,
div.divbuttonstyle:active::before,
button.divbuttonstyle:active::before {
  border-top-width: 0px !important;
  border-right-width: 0px !important;
  border-bottom-width: 1px !important;
  border-left-width: 1px !important;
}
a.divbuttonstyle:hover,
div.divbuttonstyle:hover,
.divbuttonstyle:hover,
button.divbuttonstyle:hover,
button.btn:hover,
.btn:hover,
.btn-primary:hover,
input:hover[type="submit"],
input:hover[type="button"] {
  color: #000 !important;
  background-color: #ffffff !important;
  font-size: 0.8rem;
  box-shadow: inset 0 0 0 1px #ecdee2;
  text-decoration: none !important;
  opacity: 1;
}
a.divbuttonstyle:hover::before,
div.divbuttonstyle:hover::before,
.divbuttonstyle:hover::before,
button.divbuttonstyle:hover::before,
button.btn:hover::before,
.btn:hover::before,
.btn-primary:hover::before,
input:hover[type="submit"]::before,
input:hover[type="button"]::before,
a.divbuttonstyle:hover::after,
div.divbuttonstyle:hover::after,
.divbuttonstyle:hover::after,
button.divbuttonstyle:hover::after,
button.btn:hover::after,
.btn:hover::after,
.btn-primary:hover::after,
input:hover[type="submit"]::after,
input:hover[type="button"]::after {
  border-color: #741433 !important;
  -webkit-transition: border-color 0s, width 0.25s, height 0.25s;
  transition: border-color 0s, width 0.25s, height 0.25s;
  width: 100% !important;
  height: 100% !important;
}
a.divbuttonstyle:hover::before,
div.divbuttonstyle:hover::before,
.divbuttonstyle:hover::before,
button.divbuttonstyle:hover::before,
button.btn:hover::before,
.btn:hover::before,
.btn-primary:hover::before,
input:hover[type="submit"]::before,
input:hover[type="button"]::before {
  -webkit-transition-delay: 0s, 0s, 0.25s;
  transition-delay: 0s, 0s, 0.25s;
}
a.divbuttonstyle:hover::after,
div.divbuttonstyle:hover::after,
.divbuttonstyle:hover::after,
button.divbuttonstyle:hover::after,
button.btn:hover::after,
.btn:hover::after,
.btn-primary:hover::after,
input:hover[type="submit"]::after,
input:hover[type="button"]::after {
  -webkit-transition-delay: 0s, 0.25s, 0s;
  transition-delay: 0s, 0.25s, 0s;
}
.divbuttonstyle a,
.divbuttonstyle a:visited,
.divbuttonstyle a:active,
span.divbuttonstyle a,
span.divbuttonstyle {
  color: #d4d4cb !important;
}
.divbuttonstyle a:hover,
span.divbuttonstyle a:hover,
span.divbuttonstyle:hover {
  color: #000 !important;
}
footer button.divbuttonstyle,
footer button.divbuttonstyle:visited,
footer button.divbuttonstyle:active,
footer button.divbuttonstyle:hover,
footer .divbuttonstyle,
footer .divbuttonstyle:visited,
footer .divbuttonstyle:active,
footer .divbuttonstyle:hover {
  padding: 0.6rem 0.5rem !important;
  border-radius: 0 !important;
}
.btn-black-outline,
.btn-black-outline:active,
.btn-black-outline:visited,
.btn-black-outline:focus,
.btn .btn-black:active,
.btn .btn-black:visited,
.btn .btn-black:focus,
input[type="submit"].btn-black-outline,
input[type="submit"].btn-black-outline:active,
input[type="submit"].btn-black-outline:visited,
input[type="submit"].btn-black-outline:focus,
a.btn-black-outline:active,
a.btn-black-outline:focus,
a.btn-transparent-outline:hover,
.btn-transparent-outline:hover,
.btn .btn-transparent:hover,
.btn-banner,
.btn-banner:active,
.btn-banner:visited,
.btn-banner:focus .btn .btn-banner,
.btn .btn-banner:active,
.btn .btn-banner:visited,
.btn .btn-banner:focus,
li:nth-child(3n+1) .rounded-responsive .btn.parimulticolore,
.polygonblock > div:nth-child(3n+1) .rounded-responsive .btn.parimulticolore,
li:nth-child(3n+1) .rounded-responsive .btn.parimulticolore:hover,
.polygonblock > div:nth-child(3n+1) .rounded-responsive .btn.parimulticolore:hover,
.btn-banner:hover,
.btn .btn-banner:hover {
  font-family: 'roboto', sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  color: #741433 !important;
  background: #d4d4cb !important;
  position: relative;
  line-height: 1.3;
  letter-spacing: 2px;
  padding: 1rem 2rem;
  margin: 0 auto;
  display: inline-block;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  text-align: center;
  white-space: normal;
  height: auto !important;
  border: none;
  border-radius: 0px;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px #ddc278;
  -webkit-transition: color 0.25s 0.08333333s;
  transition: color 0.25s 0.08333333s;
  text-transform: uppercase !important;
  /*
    -webkit-border-radius: 1.4rem;
    -moz-border-radius: 1.4rem;
    border-radius: 1.4rem;
    */
}
a.btn-black-outline:hover,
.btn-black-outline:hover,
.btn .btn-black:hover,
input[type="submit"].btn-black-outline:hover,
.btn-transparent-outline,
.btn-transparentoutline:active,
.btn-transparent-outline:visited,
.btn-transparent-outline:focus .btn .btn-transparent,
.btn .btn-transparent:active,
.btn .btn-transparentk:visited,
.btn .btn-transparent:focus {
  color: #ffffff !important;
  border-radius: 0px;
  box-shadow: inset 0 0 0 1px #ba8a99;
  opacity: 1;
}
a.btn-black-outline:active,
a.btn-black-outline:focus {
  color: #741433 !important;
  background: #741433 !important;
  border-color: #ffffff;
  opacity: 1;
  text-decoration: none !important;
  border: 1px solid #741433;
}
/*STILE PULSANTE color OUTLINE*/
.carrellocustom .button-carrello,
.carrellocustom .button-carrello:active,
.carrellocustom .button-carrello:visited,
.carrellocustom .button-carrello:focus,
.carrellocustomoutline .button-carrello,
.carrellocustomoutline .button-carrello:active,
.carrellocustomoutline .button-carrello:visited,
.carrellocustomoutline .button-carrello:focus,
.btn .btn-black,
.btn .btn-black:active,
.btn .btn-black:visited,
.btn .btn-black:focus,
.btn-black-outline,
.btn-black-outline:active,
.btn-black-outline:visited,
.btn-black-outline:focus,
a.btn-black-outline,
a.btn-black-outline:active,
a.btn-black-outline:visited,
a.btn-black-outline:focus,
input[type="submit"].btn-black-outline,
input[type="submit"].btn-black-outline:active,
input[type="submit"].btn-black-outline:visited,
input[type="submit"].btn-black-outline:focus,
a.btn-black-outline:active,
a.btn-black-outline:focus,
a.btn-transparent-outline:hover,
.btn-transparent-outline:hover,
.btn .btn-transparent:hover,
.btn-banner,
.btn-banner:active,
.btn-banner:visited,
.btn-banner:focus .btn .btn-banner,
.btn .btn-banner:active,
.btn .btn-banner:visited,
.btn .btn-banner:focus,
li:nth-child(3n+1) .rounded-responsive .btn.parimulticolore,
.polygonblock > div:nth-child(3n+1) .rounded-responsive .btn.parimulticolore,
li:nth-child(3n+1) .rounded-responsive .btn.parimulticolore:hover,
.polygonblock > div:nth-child(3n+1) .rounded-responsive .btn.parimulticolore:hover,
.btn-banner:hover,
.btn .btn-banner:hover {
  box-shadow: inset 0 0 0 1px #893752;
  color: #741433 !important;
  -webkit-transition: color 0.25s 0.08333333s;
  transition: color 0.25s 0.08333333s;
  position: relative;
  background-color: rgba(255, 255, 255, 0) !important;
  border: none;
  cursor: pointer;
  line-height: 1.3;
  font-family: 'roboto', sans-serif;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 2px;
  padding: 1rem 2rem;
  display: inline-block;
  text-align: center;
  margin: 0 auto;
  text-transform: uppercase !important;
  white-space: normal;
  border-radius: 0px;
}
.carrellocustom .button-carrello::after,
.carrellocustom .button-carrello:active::after,
.carrellocustom .button-carrello:visited::after,
.carrellocustom .button-carrello:focus::after,
.btn .btn-black::after,
.btn .btn-black:active::after,
.btn .btn-black:visited::after,
.btn .btn-black:focus::after,
.btn .btn-black:focus::after,
.btn-black-outline::after,
.btn-black-outline:active::after,
.btn-black-outline:visited::after,
.btn-black-outline:focus::after,
.btn-black-outline:focus::after,
a.btn-black-outline::after,
a.btn-black-outline:active::after,
a.btn-black-outline:visited::after,
a.btn-black-outline:focus::after,
a.btn-black-outline:focus::after,
input[type="submit"].btn-black-outline::after,
input[type="submit"].btn-black-outline:active::after,
input[type="submit"].btn-black-outline:visited::after,
input[type="submit"].btn-black-outline:focus::after {
  border: 0 solid transparent;
  box-sizing: border-box;
  content: '';
  pointer-events: none;
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
  border-top-width: 1px !important;
  border-right-width: 1px !important;
}
.carrellocustom .button-carrello::before,
.carrellocustom .button-carrello:active::before,
.carrellocustom .button-carrello:visited::before,
.carrellocustom .button-carrello:focus::before,
.btn-black-outline::before,
.btn-black-outline:active::before,
.btn-black-outline:visited::before,
.btn-black-outline:focus::before,
.btn .btn-black::before,
.btn .btn-black:active::before,
.btn .btn-black:visited::before,
.btn .btn-black:focus::before,
a.btn-black-outline::before,
a.btn-black-outline:active::before,
a.btn-black-outline:visited::before,
a.btn-black-outline:focus::before,
input[type="submit"].btn-black-outline::before,
input[type="submit"].btn-black-outline:active::before,
input[type="submit"].btn-black-outline:visited::before,
input[type="submit"].btn-black-outline:focus::before {
  border: 0 solid transparent;
  box-sizing: border-box;
  content: '';
  pointer-events: none;
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
  border-bottom-width: 1px !important;
  border-left-width: 1px !important;
}
.carrellocustom .button-carrello:hover,
.btn-black-outline:hover,
.btn .btn-black:hover,
a.btn-black-outline:hover,
input[type="submit"].btn-black-outline:hover,
.btn-transparent-outline,
.btn-transparentoutline:active,
.btn-transparent-outline:visited,
.btn-transparent-outline:focus .btn .btn-transparent,
.btn .btn-transparent:active,
.btn .btn-transparentk:visited,
.btn .btn-transparent:focus {
  color: #741433 !important;
  background-color: rgba(255, 255, 255, 0) !important;
  box-shadow: inset 0 0 0 #ba8a99;
  opacity: 1;
  border-radius: 0 !Important;
}
.carrellocustom .button-carrello:hover::before,
.btn-black-outline:hover::before,
.btn .btn-black:hover::before,
a.btn-black-outline:hover::before,
.carrellocustom .button-carrello:hover::after,
.btn-black-outline:hover::after,
.btn .btn-black:hover::after,
a.btn-black-outline:hover::after,
input[type="submit"].btn-black-outline:hover::after {
  border-color: #741433 !important;
  -webkit-transition: border-color 0s, width 0.25s, height 0.25s;
  transition: border-color 0s, width 0.25s, height 0.25s;
  width: 100% !important;
  height: 100% !important;
}
.carrellocustom .button-carrello:hover::before,
.btn-black-outline:hover::before,
.btn .btn-black:hover::before,
a.btn-black-outline:hover::before,
input[type="submit"].btn-black-outline:hover::before {
  -webkit-transition-delay: 0s, 0s, 0.25s;
  transition-delay: 0s, 0s, 0.25s;
}
.carrellocustom .button-carrello:hover::after,
.btn-black-outline:hover::after,
.btn .btn-black:hover::after,
a.btn-black-outline:hover::after {
  -webkit-transition-delay: 0s, 0.25s, 0s;
  transition-delay: 0s, 0.25s, 0s;
}
.carrellocustom .button-carrello {
  width: 100%;
}
#carrellos1minus .button-carrello,
#carrellos1plus .button-carrello {
  font-size: 1.7rem !important;
}
/*STILE PULSANTE white OUTLINE*/
.btn-white-outline,
.btn-white-outline:active,
.btn-white-outline:visited,
.btn-white-outline:focus .btn .btn-white,
.btn .btn-white:active,
.btn .btn-white:visited,
.btn .btn-white:focus {
  color: #ffffff !important;
  /*background-color: @color-testi-bgsottomeu !important;*/
  background-color: transparent !important;
  box-shadow: inset 0 0 0 1px #ffffff;
  border: none;
  border-radius: 0px;
  white-space: normal;
}
.btn-white-outline::after,
.btn-white-outline:active::after,
.btn-white-outline:visited::after,
.btn-white-outline:focus .btn .btn-white::after,
.btn .btn-white:active::after,
.btn .btn-white:visited::after,
.btn .btn-white:focus::after,
.btn-white-outline::before,
.btn-white-outline:active::before,
.btn-white-outline:visited::before,
.btn-white-outline:focus .btn .btn-white::before,
.btn .btn-white:active::before,
.btn .btn-white:visited::before,
.btn .btn-white:focus::before,
.btn-primary-color::before,
.btn-primary-color:active::before,
.btn-primary-color:visited::before,
.btn-primary-color:focus .btn .btn-primary-color::before,
.btn .btn-primary-color:active::before,
.btn .btn-primary-color:visited::before,
.btn .btn-primary-color:focus::before {
  border: 0 solid transparent;
  box-sizing: border-box;
  content: '';
  pointer-events: none;
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
  border-top-width: 1px !important;
  border-right-width: 1px !important;
}
.btn-white-outline::before,
.btn-white-outline:active::before,
.btn-white-outline:visited::before,
.btn-white-outline:focus .btn .btn-white::before,
.btn .btn-white:active::before,
.btn .btn-white:visited::before,
.btn .btn-white:focus::before {
  border-top-width: 0px !important;
  border-right-width: 0px !important;
  border-bottom-width: 1px !important;
  border-left-width: 1px !important;
}
a.btn-white-outline:hover,
.btn-white-outline:hover,
.btn .btn-white:hover {
  color: #fff !important;
  background-color: rgba(255, 255, 255, 0) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0) !important;
  opacity: 1;
}
a.btn-white-outline:hover::before,
div.btn-white-outline:hover::before,
.btn-white-outline:hover::before,
button.btn-white-outline:hover::before,
button.btn-white-outline:hover::before,
a.btn-white-outline:hover::after,
div.btn-white-outline:hover::after,
.btn-white-outline:hover::after,
button.btn-white-outline:hover::after,
button.btn-white-outline:hover::after {
  border-color: #fff !important;
  -webkit-transition: border-color 0s, width 0.25s, height 0.25s;
  transition: border-color 0s, width 0.25s, height 0.25s;
  width: 100% !important;
  height: 100% !important;
}
a.btn-white-outline:hover::before,
div.btn-white-outline:hover::before,
.btn-white-outline:hover::before,
button.btn-white-outline:hover::before,
button.btn-white-outline:hover::before {
  -webkit-transition-delay: 0s, 0s, 0.25s;
  transition-delay: 0s, 0s, 0.25s;
}
a.btn-white-outline:hover::after,
div.btn-white-outline:hover::after,
.btn-white-outline:hover::after,
button.btn-white-outline:hover::after,
button.btn-white-outline:hover::after {
  -webkit-transition-delay: 0s, 0.25s, 0s;
  transition-delay: 0s, 0.25s, 0s;
}
/*STILE PULSANTE DARK (@primary-color)*/
.btn-primary-color,
.btn-primary-color:active,
.btn-primary-color:visited,
.btn-primary-color:focus .btn .btn-primary-color,
.btn .btn-primary-color:active,
.btn .btn-primary-color:visited,
.btn .btn-primary-color:focus {
  color: #741433 !important;
  background-color: #ffffff !important;
  box-shadow: inset 0 0 0 1px #ffffff !important;
  border: none;
  border-radius: 0px;
  white-space: normal;
}
.btn-primary-color::after,
.btn-primary-color:active::after,
.btn-primary-color:visited::after,
.btn-primary-color:focus .btn .btn-primary-color::after,
.btn .btn-primary-color:active::after,
.btn .btn-primary-color:visited::after,
.btn .btn-primary-color:focus::after {
  border: 0 solid transparent;
  box-sizing: border-box;
  content: '';
  pointer-events: none;
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
  border-top-width: 1px !important;
  border-right-width: 1px !important;
}
.btn-primary-color::before,
.btn-primary-color:active::before,
.btn-primary-color:visited::before,
.btn-primary-color:focus .btn .btn-primary-color::before,
.btn .btn-primary-color:active::before,
.btn .btn-primary-color:visited::before,
.btn .btn-primary-color:focus::before {
  border-top-width: 0px !important;
  border-right-width: 0px !important;
  border-bottom-width: 1px !important;
  border-left-width: 1px !important;
}
a.btn-primary-color:hover,
.btn-primary-color:hover,
.btn .btn-primary-color:hover {
  color: #fff !important;
  background-color: transparent !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0) !important;
  opacity: 1;
}
a.btn-primary-color:hover::before,
div.btn-primary-color:hover::before,
.btn-primary-color:hover::before,
button.btn-primary-color:hover::before,
button.btn-primary-color:hover::before,
a.btn-primary-color:hover::after,
div.btn-primary-color:hover::after,
.btn-primary-color:hover::after,
button.btn-primary-color:hover::after,
button.btn-primary-color:hover::after {
  border-color: #fff !important;
  -webkit-transition: border-color 0s, width 0.25s, height 0.25s;
  transition: border-color 0s, width 0.25s, height 0.25s;
  width: 100% !important;
  height: 100% !important;
}
a.btn-primary-color:hover::before,
div.btn-primary-color:hover::before,
.btn-primary-color:hover::before,
button.btn-primary-color:hover::before,
button.btn-primary-color:hover::before {
  -webkit-transition-delay: 0s, 0s, 0.25s;
  transition-delay: 0s, 0s, 0.25s;
}
a.btn-primary-color:hover::after,
div.btn-primary-color:hover::after,
.btn-primary-color:hover::after,
button.btn-primary-color:hover::after,
button.btn-primary-color:hover::after {
  -webkit-transition-delay: 0s, 0.25s, 0s;
  transition-delay: 0s, 0.25s, 0s;
}
/* PULSANTI TONDI CARRELLO DARK (@primary-color)*/
.carrello-primary-color {
  background-color: #ffffff !important;
}
.carrello-primary-color:hover {
  background-color: #d4d4cb !important;
  border-color: #ffffff !important;
  color: #000 !important;
}
.button-carrello-animate {
  border: 0px solid #ffffff !important;
  /*background-color: @primary-color !important;*/
  background-color: #741433 !important;
  box-shadow: inset 0 0 0 1px #ffffff;
  width: 34px;
  line-height: 1.9rem !important;
}
.button-carrello-animate:hover {
  background-color: #d4d4cb !important;
  border-color: #ffffff !important;
  color: #000 !important;
  box-shadow: inset 0 0 0 1px #ffffff;
  width: 34px;
  line-height: 1.9rem !important;
}
.count {
  border: 1px solid #ffffff !important;
}
/* BOTTONE TRASPARENTE */
.btn-transparent-outline,
.btn-transparentoutline:active,
.btn-transparent-outline:visited,
.btn-transparent-outline:focus .btn .btn-transparent,
.btn .btn-transparent:active,
.btn .btn-transparentk:visited,
.btn .btn-transparent:focus {
  opacity: 1;
}
a.btn-transparent-outline:hover,
.btn-transparent-outline:hover,
.btn .btn-transparent:hover {
  opacity: 1;
}
/* BOTTONI SPECIALE menù RISTORANTI */
a.btn-black-outline.restaurant-menu,
a.divbuttonstyle.restaurant-menu,
span.restaurant-menu {
  font-size: 1em;
  background-position: 1.5rem center !important;
  background-size: 25px !important;
  background-repeat: no-repeat !important;
  padding-left: 60px !important;
  background-image: url(/images/icon-generic-menu.png) !important;
}
a.btn-black-outline:hover.restaurant-menu,
a.btn-black-outline:active.restaurant-menu,
a.btn-black-outline:focus.restaurant-menu,
a.divbuttonstyle:hover.restaurant-menu,
a.divbuttonstyle:active.restaurant-menu,
a.divbuttonstyle:focus.restaurant-menu {
  background-image: url(/images/icon-generic-menu-black.png) !important;
}
span.restaurant-menu {
  border: none;
  padding-left: 0 !important;
  background-color: transparent !important;
  padding: 0.5rem 1.5rem 0.5rem 0 !important;
  background-image: url(/images/icon-conto-black1.png) !important;
}
a.btn-black-outline.restaurant-menu:nth-child(1),
span.restaurant-menu:nth-child(1) {
  background-image: url(/images/icon-preparati-carne-black.png) !important;
}
a.btn-black-outline.restaurant-menu:nth-child(2),
span.restaurant-menu:nth-child(2) {
  background-image: url(/images/icon-primi-black.png) !important;
}
a.btn-black-outline.restaurant-menu:nth-child(3),
span.restaurant-menu:nth-child(3) {
  background-image: url(/images/icon-secondi-black.png) !important;
}
a.btn-black-outline.restaurant-menu:nth-child(4),
span.restaurant-menu:nth-child(4) {
  background-image: url(/images/icon-contorni-black.png) !important;
}
a.btn-black-outline.restaurant-menu:nth-child(5),
span.restaurant-menu:nth-child(5) {
  background-image: url(/images/icon-dolce-b-black.png) !important;
}
#menu-acqua span.restaurant-menu:nth-child(3) {
  background-image: url(/images/icon-secondi-pesce-black.png) !important;
}
span.restaurant-menu:nth-child(5) {
  border-bottom: 2px solid;
  border-radius: unset;
  padding-bottom: 2rem !important;
  background-position: 1.5rem 0.5rem !important;
}
span.restaurant-menu:nth-child(6) {
  padding-top: 1rem !important;
  font-weight: bold !important;
  font-size: 1.2em !important;
}
a.btn-black-outline:hover.restaurant-menu:nth-child(1),
a.btn-black-outline:active.restaurant-menu:nth-child(1),
a.btn-black-outline.restaurant-menu:nth-child(1):focus {
  background-image: url(/images/icon-preparati-carne.png) !important;
}
a.btn-black-outline:hover.restaurant-menu:nth-child(2),
a.btn-black-outline:active.restaurant-menu:nth-child(2),
a.btn-black-outline.restaurant-menu:nth-child(2):focus {
  background-image: url(/images/icon-primi.png) !important;
}
a.btn-black-outline:hover.restaurant-menu:nth-child(3),
a.btn-black-outline:active.restaurant-menu:nth-child(3),
a.btn-black-outline.restaurant-menu:nth-child(3):focus {
  background-image: url(/images/icon-secondi.png) !important;
}
a.btn-black-outline:hover.restaurant-menu:nth-child(4),
a.btn-black-outline:active.restaurant-menu:nth-child(4),
a.btn-black-outline.restaurant-menu:nth-child(4):focus {
  background-image: url(/images/icon-contorni.png) !important;
}
a.btn-black-outline:hover.restaurant-menu:nth-child(5),
a.btn-black-outline:active.restaurant-menu:nth-child(5),
a.btn-black-outline.restaurant-menu:nth-child(5):focus {
  background-image: url(/images/icon-dolce-b.png) !important;
}
.icona-menu {
  background-position: 40px 110px;
  background-size: 50px;
  background-repeat: no-repeat;
}
#divAntipasti .icona-menu {
  background-image: url(/images/icon-preparati-carne.png) !important;
}
#divPrimi .icona-menu {
  background-image: url(/images/icon-primi.png) !important;
}
#divSecondi .icona-menu {
  background-image: url(/images/icon-secondi.png) !important;
}
#divContorni .icona-menu {
  background-image: url(/images/icon-contorni.png) !important;
}
#divDolci .icona-menu {
  background-image: url(/images/icon-dolce-b.png) !important;
}
/* --------------------------------------------------------------------------------------   */
/*BOTTONE BANNER CLASSICO*/
.btn-banner,
.btn-banner:active,
.btn-banner:visited,
.btn-banner:focus .btn .btn-banner,
.btn .btn-banner:active,
.btn .btn-banner:visited,
.btn .btn-banner:focus,
.btn-banner:hover,
.btn .btn-banner:hover {
  /*    &:extend(.btn-black-outline);
    background: #ffc107 !important;
    font-size: 1.0vw !important;
    color: @button-outline-hover-color !important;*/
}
/*BOTTONE BANNER ROTONDO content FRECCIA CHE SI MUOVE*/
.btn-banner,
.btn-banner:active,
.btn-banner:visited,
.btn-banner:focus .btn .btn-banner,
.btn .btn-banner:active,
.btn .btn-banner:visited,
.btn .btn-banner:focus,
.btn-banner:hover,
.btn .btn-banner:hover {
  /*background: @color-sottomeu !important;*/
  /*color: @button-outline-hover-color !important;*/
  min-width: 0 !important;
  min-height: 0 !important;
  letter-spacing: 0;
  border-radius: 50%;
  padding: 0 !important;
  width: 30px !important;
  height: 30px !important;
  max-width: 30px !important;
  max-height: 30px !important;
  line-height: 40px !important;
  margin: 15px 0 0 -15px !important;
  /*font-size: 2rem !important;*/
  left: 50% !important;
  border: 2px solid rgba(255, 255, 255, 0.5) !important;
  color: rgba(255, 255, 255, 0.5) !important;
  background-color: transparent !important;
  bottom: 2rem;
  position: absolute;
  font-size: 0.5rem !important;
}
.btn-banner i {
  animation: arrowdown 1.7s ease-in-out infinite;
}
/*STILE PULSANTE arrow BANNER TOP*/
.btn-banner,
.btn-banner:hover,
.btn .btn-banner:hover {
  box-shadow: inset 0 0 0 0 #741433;
  border-radius: 50%;
}
.btn-banner::after,
.btn-banner::before {
  box-shadow: inset 0 0 0 0 #741433;
  border: none;
  border-radius: 50%;
}
/*PULSANTE ARROW SNAP*/
.btn-snap {
  display: inline-flex !important;
  min-width: auto;
  font-size: 1rem !important;
  padding: 1rem 1rem;
}
.btn-snap-round {
  display: flex;
  min-width: 50px !important;
  font-size: 1.2rem !important;
  border-radius: 50%;
  margin: 0 0 0 -25px !important;
  min-height: 50px !important;
  height: 50px !important;
  width: 50px !important;
  padding: 0 !important;
  align-items: center;
  justify-content: center;
  left: 50% !important;
  position: relative;
  bottom: unset !important;
  border: 1px solid #fff;
}
.btn-snap-round i {
  animation: arrowdown 1.7s ease-in-out infinite;
}
@keyframes arrowdown {
  0% {
    transform: translateY(0px);
    -webkit-transform: translateY(2.5px);
  }
  50% {
    transform: translateY(-5px);
    -webkit-transform: translateY(-2.5px);
  }
  100% {
    transform: translateY(0px);
    -webkit-transform: translateY(2.5px);
  }
}
@-webkit-keyframes arrowdown {
  0% {
    transform: translateY(0px);
    -webkit-transform: translateY(2.5px);
  }
  50% {
    transform: translateY(-5px);
    -webkit-transform: translateY(-2.5px);
  }
  100% {
    transform: translateY(0px);
    -webkit-transform: translateY(2.5px);
  }
}
.btn-banner:hover,
.btn .btn-banner:hover {
  /*color: @button-outline-color !important;
        border-color: @bg-button-outline-hover-color;
        opacity: 0.78;*/
  text-decoration: none !important;
  border: 2px solid #fff !important;
  color: #fff !important;
}
.button-isotope {
  font-size: 0.8rem !important;
}
/*pulsante newsletter*/
.fa-paper-plane {
  line-height: 1.3;
}
.btn.btn-blue {
  border: 1px solid #ddc278;
  box-shadow: none;
}
/*COOKY POLICY*/
button.c-bn {
  color: #fff !important;
}
button.b-tl.exp,
button#s-rall-bn,
button#c-s-bn,
button.cc-link,
.cc-link {
  color: #2d4156 !important;
}
/** {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Lato', sans-serif;
    font-family: 'Oswald', sans-serif;
}*/
.wrapper-terradivino {
  position: fixed;
  z-index: 96;
  top: 0;
  /*left: -100%;*/
  right: -100%;
  height: 100%;
  width: 100%;
  /*background: rgb(0 0 0 / 85%);*/
  background: rgba(0, 0, 0, 0.85);
  /*background: linear-gradient(90deg, #f92c78, #4114a1);*/
  /* background: linear-gradient(375deg, #1cc7d0, #2ede98); */
  /* background: linear-gradient(-45deg, #e3eefe 0%, #efddfb 100%);*/
  transition: all 0.6s ease-in-out;
}
@media (min-width: 768px) {
  .wrapper-terradivino-container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .wrapper-terradivino-container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .wrapper-terradivino-container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .wrapper-terradivino-container {
    max-width: 1340px;
  }
}
.wrapper-terradivino-container {
  border: 0px solid;
  background: rgba(162, 162, 166, 0.75);
  /*outline: 1px solid #cbcfb4;
    outline-offset: -1rem;*/
}
@media (max-width: 575px) {
  .wrapper-terradivino-container {
    outline: 1px solid #cbcfb4;
    outline-offset: 0px;
  }
}
#active:checked ~ .wrapper-terradivino {
  /*left: 0;*/
  right: 0;
  z-index: 98;
}
.menu-btn-terradivino {
  /*position: absolute;
    z-index: 2;*/
  position: fixed;
  z-index: 96;
  right: 6px;
  /*left: 20px; */
  /*top: 21px;*/
  top: 6px;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  font-size: 20px;
  cursor: pointer;
  /*color: #fff;*/
  /*background: linear-gradient(90deg, #f92c78, #4114a1);*/
  /* background: linear-gradient(375deg, #1cc7d0, #2ede98); */
  /* background: linear-gradient(-45deg, #e3eefe 0%, #efddfb 100%); */
  /*transition: all 0.3s ease-in-out;*/
  margin-bottom: 0;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.menu-btn-terradivino.scrolled {
  top: 6px;
}
.menu-btn-terradivino.show {
  z-index: 99;
}
#active:checked ~ .menu-btn-terradivino {
  z-index: 100;
}
.menu-btn-terradivino span,
.menu-btn-terradivino:before,
.menu-btn-terradivino:after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  left: 30%;
  width: 40%;
  border-bottom: 1px solid #ffffff;
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.menu-btn-terradivino:hover span,
.menu-btn-terradivino:hover:before,
.menu-btn-terradivino:hover:after {
  border-bottom: 1px solid #ddc278;
}
.menu-btn-terradivino:before {
  transform: translateY(-8px);
}
.menu-btn-terradivino:after {
  transform: translateY(8px);
}
.close-terradivino {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transition: background 0.6s;
}
/* closing animation */
#active:checked + .menu-btn-terradivino span {
  transform: scaleX(0);
}
#active:checked + .menu-btn-terradivino:before {
  transform: rotate(45deg);
  border-color: #ffffff;
}
#active:checked + .menu-btn-terradivino:after {
  transform: rotate(-45deg);
  border-color: #ffffff;
}
#active:checked + .menu-btn-terradivino:hover:before,
#active:checked + .menu-btn-terradivino:hover:after {
  border-color: #ddc278;
}
.wrapper-terradivino ul {
  /*position: absolute;
    top: 60%;
    left: 50%;
    height: 90%;
    transform: translate(-50%, -50%);
    list-style: none;
    text-align: center;*/
}
.wrapper-terradivino ul li {
  /*height: 10%;*/
  /*margin: 15px 0;*/
  margin: 0;
}
.wrapper-terradivino ul li a {
  text-decoration: none;
  font-size: 1rem;
  font-weight: 300;
  /*padding: 5px 30px !important;*/
  padding: 5px 0px !important;
  color: #ffffff;
  border-radius: 50px;
  /*position: absolute;*/
  /*line-height: 50px;*/
  line-height: 150%;
  /*margin: 5px 30px;*/
  margin: 5px 15px;
  opacity: 0;
  transition: all 0.3s ease;
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  font-family: 'roboto', sans-serif;
}
.wrapper-terradivino ul.sottomenu li a {
  color: #741433 !important;
  /*color: @color-testi-bgsottomeu;*/
}
.wrapper-terradivino ul.sottomenu li a:hover {
  color: #ffffff !important;
}
.wrapper-terradivino ul li a.titolimenu,
.wrapper-terradivino ul li.titolimenu a,
.wrapper-terradivino ul li a.titolimenu svg polyline,
.wrapper-terradivino ul li a.titolimenu svg circle,
.wrapper-terradivino ul li.titolimenu a svg polyline,
.wrapper-terradivino ul li.titolimenu a svg circle {
  font-size: 25px;
  font-weight: 500;
  color: #741433 !important;
  font-family: 'EB Garamond', serif;
  stroke: #741433 !important;
}
.wrapper-terradivino ul li a.titolimenu:hover,
.wrapper-terradivino ul li.titolimenu a:hover,
.wrapper-terradivino ul li a.titolimenu:hover svg polyline,
.wrapper-terradivino ul li a.titolimenu:hover svg circle,
.wrapper-terradivino ul li.titolimenu a:hover svg polyline,
.wrapper-terradivino ul li.titolimenu a:hover svg circle {
  color: #ecdee2 !important;
  stroke: #ecdee2 !important;
}
.wrapper-terradivino ul li a:hover,
.wrapper-terradivino ul li a:hover .filtrarisultato svg path {
  color: #741433 !important;
  fill: #741433 !important;
}
.wrapper-terradivino ul li a:hover svg circle,
.wrapper-terradivino ul li a:hover svg path {
  color: #741433;
  stroke: #741433 !important;
}
.wrapper-terradivino ul li::marker {
  /*content: counter(item,decimal-leading-zero);*/
  color: #8ba7cf;
  content: none !important;
}
.wrapper-terradivino ul li a span.BANDIERAITALIANA {
  background: url(/images/iconsmenu/ita.png) left center no-repeat !important;
  background-size: 26px !important;
  text-indent: 38px;
  display: block;
}
.wrapper-terradivino ul li a span.BANDIERAINGLESE {
  background: url(/images/iconsmenu/eng.png) left center no-repeat !important;
  background-size: 26px !important;
  text-indent: 38px;
  display: block;
}
.menuzord.menuzordterradivino ul li a {
  padding: 6px 0 !important;
}
.menuzord ul li a span.BANDIERAITALIANA {
  background: url(/images/iconsmenu/ita.png) left center no-repeat !important;
  background-size: 20px !important;
  text-indent: 32px;
  display: block;
  height: 20px;
  width: 20px;
}
.menuzord ul li a span.BANDIERAINGLESE {
  background: url(/images/iconsmenu/eng.png) left center no-repeat !important;
  background-size: 20px !important;
  text-indent: 32px;
  display: block;
  height: 20px;
  width: 20px;
}
/*.menuzordterradivino svg {
    fill: white !important;
}
.menuzordterradivino svg:hover {
    fill: @menu-hover-color !important;
}*/
/*.wrapper-terradivino ul li a:after {
    position: absolute;
    content: "";
    background: #fff;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 50px;
    transform: scaleY(0);
    z-index: -1;
    transition: transform 0.3s ease;
}

.wrapper-terradivino ul li a:hover:after {
    transform: scaleY(1);
}*/
input[type="checkbox"] {
  display: none;
}
.content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  text-align: center;
  width: 100%;
  color: #202020;
}
.content .title {
  font-size: 40px;
  font-weight: 700;
}
.content p {
  font-size: 35px;
  font-weight: 600;
}
.logo-interno-cornice {
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
}
.logo-interno-cornice-invisible {
  opacity: 0;
  cursor: default;
}
.logo-interno {
  /*position: absolute;*/
  width: 152px;
  height: 60px;
  background: url(/images/main_logo_d_interno.png) center center;
  background-size: 100%;
  background-repeat: no-repeat;
  /*bottom: -3px;
    right: 45px;*/
  margin: 10px 0;
}
.wrapper-terradivino ul li a,
.logo-interno {
  transition: opacity 1.2s, transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translateX(100px);
  display: block;
}
#active:checked ~ .wrapper-terradivino ul li a {
  opacity: 1;
  transform: none;
  transition-timing-function: ease, cubic-bezier(0.1, 1.3, 0.3, 1);
  transition-delay: 0.6s;
}
#active:checked ~ .wrapper-terradivino .logo-interno {
  opacity: 1;
  transform: none;
  transition: all 0.6s ease-in-out;
}
#mainnav.terradivino {
  top: 0;
}
@media screen and (min-width: 1179px) {
  .menu-btn-terradivino-home {
    /*right: 34.5px;*/
    top: 34.5px;
    border-color: white;
  }
  .menu-btn-terradivino-home span,
  .menu-btn-terradivino-home:before,
  .menu-btn-terradivino-home:after {
    border-color: white;
  }
}
@media screen and (max-width: 576px) {
  #active:checked + .menu-btn-terradivino {
    background: #372e29;
  }
}
/*INSERTI CONTESTUALIZZATI MIRCO*/
#mainnav.terradivino {
  padding: 0 54px 0 0;
  -webkit-transition: all 0.35s ease, background 0s;
  transition: all 0.35s ease, background 0s;
  /*background: #ffffffd1;*/
  background: #372e29;
}
@media screen and (min-width: 1179px) {
  #mainnav.fixednav-home.terradivino {
    top: 0;
    background-color: transparent;
  }
}
/*#mainnav.terradivino.fixednav-home {
    padding: 119px 0 0;
}*/
.menuzord-brand.terradivino {
  position: fixed;
  z-index: 100;
  margin: 0;
  padding: 0 0 0 15px;
  /*height: 61px;
    display: flex;
    align-items: center;
    overflow: hidden;*/
}
.menuzord-brand.terradivino.terradivino-home {
  z-index: 10 !important;
  display: flex;
  align-items: center;
  height: 61px;
}
@media (max-width: 576px) {
  .menuzord-brand.terradivino,
  .menuzord-brand.terradivino.terradivino-home {
    z-index: 10 !important;
  }
}
.menuzord-menu > li,
.menuzord-menu.scrolled > li {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
#mainnav.terradivino.fixednav-home .menuzord-menu > li {
  margin-top: 42px;
}
#mainnav.terradivino .menuzord-menu.scrolled > li {
  /*margin-top: 15px;*/
  padding-top: 14.5px;
  padding-bottom: 14.5px;
  margin-top: 0;
}
/*#mainnav.terradivino .menuzord-menu > li.prenota {
    margin-left: 10px !important;
    margin-right: 10px !important;
}
#mainnav.terradivino .menuzord-menu > li.prenota:has(a.menu-home) {
    background-color: yellow;*/
/* Esempio di stile */
/*}*/
#mainnav.terradivino .menuzord-menu > li.prenota a span {
  color: white !important;
}
#mainnav.terradivino .menuzord-menu > li.prenota a:hover span {
  color: #ddc278 !important;
}
#mainnav.terradivino .menuzord-menu.scrolled > li.prenota a span {
  color: #741433 !important;
}
#mainnav.terradivino .menuzord-menu.scrolled > li.prenota a:hover span {
  color: #ddc278 !important;
}
#mainnav.terradivino .menuzord-menu.scrolled > li.prenota {
  background: #ffffff;
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.headerspacer.terradivino {
  padding-top: 59px;
}
.headerspacer.terradivino.headerspacer-home {
  padding-top: 119px;
}
.shrinklogo {
  padding: 0;
}
@media (min-width: 1139px) {
  .headerspacer.terradivino.headerspacer-scrolled {
    padding-top: 59px;
  }
  .headerspacer.terradivino {
    padding-top: 59px;
  }
}
/*IN CASO dialog menu CONTATTI NAVIGAZIONE BOTTOM MOBILE*/
@media (max-width: 540px) {
  .footer .copyright {
    padding-bottom: 82px;
  }
  .fixedtop {
    display: none;
  }
  #mainnav {
    top: 0px;
  }
  .headerspacer,
  .headerspacer-home {
    padding-top: 60px !important;
  }
  #divContainerb1,
  #divContainerb3,
  #divContainermobile {
    height: calc((var(--vh, 1vh) * 100) - 109px) !important;
  }
}
/*:::::::::::::::::::::::
:::::: CARRELLO :::::::
:::::::::::::::::::::::*/
/*bottone carrello*/
.button-carrello-animate.terradivino {
  background-color: transparent !important;
}
.button-carrello-animate.terradivino {
  box-shadow: none;
}
@media screen and (max-width: 1139px) {
  .button-carrello-animate.terradivino svg path {
    fill: #ffffff !important;
  }
}
@media (max-width: 576px) {
  .wrapper-terradivino {
    height: calc(100% - 57px);
  }
}
/*CARRELLO SCORREVOLE INSERITO IN FIXED NAV*/
/*.fixednav.terradivino .menuzord-menu.scrolled > li .button-carrello-animate.terradivino svg path {
        fill: @primary-color !important;
    }*/
@media (min-width: 1139px) {
  #mainnav.fixednav-home svg path {
    fill: #ffffff !important;
  }
  #mainnav.fixednav-home button:hover svg path,
  #mainnav.fixednav-home a:hover svg path {
    fill: #ddc278 !important;
  }
  #mainnav.fixednav-home svg.linee path,
  #mainnav.fixednav-home svg.linee circle {
    fill: none !important;
    stroke: #ffffff !important;
  }
}
#menuzord1 .dropdown-menu.dropdown-cart {
  display: block !important;
  position: fixed !important;
  z-index: 100;
  top: 0 !important;
  left: unset !important;
  right: -500px !important;
  width: 500px;
  height: 100%;
  margin: 0 !important;
  padding: calc(61px + 2.5rem) 2.5rem 2.5rem;
  border: none;
  border-radius: 0;
  background: rgba(0, 0, 0, 0.85);
  transform: unset !important;
  will-change: unset !important;
  transition: all 0.6s ease-in-out;
}
#mainnav.fixednav-home #menuzord1 .dropdown-menu.dropdown-cart {
  padding: calc(75px + 2.5rem) 2.5rem 2.5rem;
}
#menuzord1 .menuzord-menu.scrolled .dropdown-menu.dropdown-cart {
  padding: 62px 2.5rem 2.5rem;
}
@media (max-width: 1140px) {
  #mainnav.terradivino .menuzord-menu.scrolled > li,
  #mainnav.terradivino .menuzord-menu > li {
    margin-top: 15px !important;
  }
  #mainnav.fixednav-home #menuzord1 .dropdown-menu.dropdown-cart,
  #menuzord1 .menuzord-menu.scrolled .dropdown-menu.dropdown-cart,
  #menuzord1 .dropdown-menu.dropdown-cart {
    padding: 60px 2.5rem 2.5rem;
  }
  .menuzord-menu #pulsantechiudi,
  .menuzord-menu.scrolled #pulsantechiudi {
    top: 18px !important;
  }
  .menu-btn-terradivino {
    top: 6px;
  }
}
@media (max-width: 540px) {
  #mainnav.fixednav-home #menuzord1 .dropdown-menu.dropdown-cart,
  #menuzord1 .menuzord-menu.scrolled .dropdown-menu.dropdown-cart,
  #menuzord1 .dropdown-menu.dropdown-cart {
    width: 100%;
    height: calc(100% - 57px);
    right: -100% !important;
  }
}
#menuzord1 .dropdown-menu.dropdown-cart.dropdown-cart.show,
#mainnav.fixednav-home #menuzord1 .dropdown-menu.dropdown-cart.show {
  right: 0 !important;
}
#menuzord1 .dropdown-menu.dropdown-cart .carrelloelemslist {
  height: calc(100% - 110px);
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
/*PULSANTE CHIUDI CARRELLO INSERITO IN FIXED NAV*/
.menuzord-menu #pulsantechiudi {
  position: absolute;
  right: 15px;
  top: 30px;
  height: 26px;
  width: 26px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
#mainnav.fixednav-home .menuzord-menu #pulsantechiudi {
  top: 47px;
}
.menuzord-menu.scrolled #pulsantechiudi {
  top: 18px !important;
}
#pulsantechiudi span,
#pulsantechiudi:before,
#pulsantechiudi:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  border-bottom: 2px solid white;
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#pulsantechiudi span {
  transform: scaleX(0);
}
#pulsantechiudi:before {
  transform: rotate(45deg);
}
#pulsantechiudi:after {
  transform: rotate(-45deg);
}
/*STILE ARTICOLI CARRELLO*/
.carrellomaincontainer .dropdown-cart .products-list-mini li {
  padding: 0 !important;
  background: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 !important;
}
.carrellomaincontainer .dropdown-cart .products-list-mini li img {
  padding: 1rem 1rem 0;
}
.carrellomaincontainer .dropdown-cart .product-details {
  width: max-content;
  background: none;
  color: #372e29 !important;
  text-align: left;
  position: relative;
  font-size: 2rem;
  bottom: 0;
  padding: 1rem !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.carrellomaincontainer .dropdown-cart .product-details p.product-name,
.carrellomaincontainer .dropdown-cart .product-details p.product-name *,
.carrellomaincontainer .dropdown-cart .product-details p.product-categories {
  display: block !important;
  font-size: 1rem !important;
  color: #372e29 !important;
  text-align: left !important;
}
.carrellomaincontainer .dropdown-cart .product-details p.product-name,
.carrellomaincontainer .dropdown-cart .product-details p.product-name * {
  margin-bottom: 0.25rem !important;
}
.carrellomaincontainer .dropdown-cart .product-details p.product-categories {
  margin-bottom: 0 !important;
  padding: 0 !important;
}
.coloremenuwhite {
  border-color: white !important;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::: CASELLA CERCA - HandlerDataCommon.cs = template ricerca avanzata :::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.ui-input .form-control {
  border-radius: calc(35px / 2) !important;
  height: 35px !important;
  padding: 0 1rem !important;
}
.ui-input .ui-icon {
  line-height: 115% !important;
}
.ui-menu {
  /*margin-top: 34px;
    width: 100% !important;*/
  /*margin-top: 38px;*/
  width: calc(100% - 35px) !important;
  height: 290px !important;
  /*padding: 0;*/
  overflow-y: auto !important;
  overflow-x: hidden !important;
  margin-left: calc(35px / 2);
  padding: 0.6rem;
  background: #e8e8e8;
  margin-top: 49px;
  border: none !important;
}
.ui-menu .ui-menu-item {
  background: white;
  margin: 4px !important;
}
.ui-menu .ui-menu-item:first-child {
  display: none;
}
.ui-menu .ui-menu-item::marker {
  display: none !important;
}
.ui-menu .ui-menu-item a {
  color: #ffffff;
}
.ui-menu .ui-menu-item a:hover {
  color: #741433;
}
.ui-menu .ui-menu-item a.ui-menu-item-wrapper,
.ui-menu .ui-menu-item a.ui-menu-item-wrapper span,
.ui-menu .ui-menu-item a.ui-menu-item-wrapper.ui-state-active,
.ui-menu .ui-menu-item a.ui-menu-item-wrapper.ui-state-active span {
  padding: 0 !important;
  background: none !important;
  border: none;
  line-height: normal !important;
  font-size: 0.8rem !important;
  font-weight: 400 !important;
  zoom: normal !important;
  margin: 0 !important;
}
.ui-menu .ui-menu-item a.ui-menu-item-wrapper:hover,
.ui-menu .ui-menu-item a.ui-menu-item-wrapper:hover span {
  padding: 0 !important;
  background: none !important;
  border: none;
  line-height: normal !important;
  font-size: 0.8rem !important;
  font-weight: 400 !important;
  zoom: normal !important;
  margin: 0 !important;
  color: #741433;
}
.ui-menu .ui-menu-item a.ui-menu-item-wrapper::before,
.ui-menu .ui-menu-item a.ui-menu-item-wrapper::after,
.ui-menu .ui-menu-item a.ui-menu-item-wrapper:hover::before,
.ui-menu .ui-menu-item a.ui-menu-item-wrapper:hover::after {
  border: none !important;
  display: none !important;
}
.ui-menu .ui-menu-item a div.row {
  padding: 0.5rem;
  margin: 0;
  -ms-flex-align: center !important;
  align-items: center !important;
}
/*.ui-menu .ui-menu-item a div.col-5 {
}*/
.ui-menu .ui-menu-item a div.col-7 {
  text-align: left;
}
.ui-menu .ui-menu-item a div.col-7 span,
.ui-menu .ui-menu-item a.ui-state-active div.col-7 span,
.ui-menu .ui-menu-item a:hover div.col-7 span {
  padding-bottom: 0.25rem !important;
  display: inline-block;
}
.ui-menu .ui-menu-item a div.col-7 span.tx-primary-color,
.ui-menu .ui-menu-item a.ui-state-active div.col-7 span.tx-primary-color,
.ui-menu .ui-menu-item a:hover div.col-7 span.tx-primary-color {
  padding-bottom: 0 !important;
  padding-right: 0.25rem !important;
  display: inline-block;
  font-weight: 600 !important;
}
.ui-menu li.ui-menu-item:last-child a {
  font-family: 'Roboto', sans-serif;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  background-color: #c5a464 !important;
  text-transform: uppercase;
  letter-spacing: 2px;
  border-radius: unset;
}
/*IMPAGINAZIONE LARGHEZZA MENU*/
@media (min-width: 576px) {
  .menu-btn-terradivino {
    right: calc(((100vw - 540px) / 2) + 6px);
  }
  #mainnav.terradivino {
    padding: 0 calc(((100vw - 540px) / 2) + 54px) 0 calc((100vw - 540px) / 2) !important;
  }
}
@media (min-width: 768px) {
  .menu-btn-terradivino {
    right: calc(((100vw - 720px) / 2) + 6px);
  }
  #mainnav.terradivino {
    padding: 0 calc(((100vw - 720px) / 2) + 54px) 0 calc((100vw - 720px) / 2) !important;
  }
}
@media (min-width: 992px) {
  .menu-btn-terradivino {
    right: calc(((100vw - 960px) / 2) + 6px);
  }
  #mainnav.terradivino {
    padding: 0 calc(((100vw - 960px) / 2) + 54px) 0 calc((100vw - 960px) / 2) !important;
  }
}
@media (min-width: 1200px) {
  .menu-btn-terradivino {
    right: calc(((100vw - 1140px) / 2) + 6px);
  }
  #mainnav.terradivino {
    padding: 0 calc(((100vw - 1140px) / 2) + 54px) 0 calc((100vw - 1140px) / 2) !important;
  }
  #mainnav.terradivino.fixednav-home {
    padding-top: 3rem !important;
  }
  .menu-btn-terradivino-home {
    top: calc(6px + 3rem);
  }
  #mainnav.terradivino.fixednav-home .menuzord-menu > li {
    /*margin-top: 27.5px !important;*/
    margin-top: 0px !important;
    padding-top: 14.5px;
    padding-bottom: 14.5px;
  }
}
@media (min-width: 1400px) {
  .menu-btn-terradivino {
    right: calc(((100vw - 1340px) / 2) + 6px);
  }
  #mainnav.terradivino {
    padding: 0 calc(((100vw - 1340px) / 2) + 54px) 0 calc((100vw - 1340px) / 2) !important;
  }
  #mainnav.terradivino.fixednav-home {
    padding-top: 3rem !important;
  }
  .menu-btn-terradivino-home {
    top: calc(6px + 3rem);
  }
  #mainnav.terradivino.fixednav-home .menuzord-menu > li {
    /*margin-top: 27.5px !important;*/
    margin-top: 0px !important;
    padding-top: 14.5px;
    padding-bottom: 14.5px;
  }
}
/* Icon when the collapsible content is shown */
@media (max-width: 720px) {
  .wrapper-terradivino li.tendina {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .wrapper-terradivino li.tendina:after {
    color: #ffffff;
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    float: right;
    margin: 0px 0 0 15px;
    padding: 2.5px 0 0;
    opacity: 0;
  }
  .wrapper-terradivino li.tendina.titolimenu:after {
    color: #741433;
  }
  #active:checked ~ .wrapper-terradivino li.tendina:after,
  #active:checked ~ .wrapper-terradivino li.tendina.titolimenu:after {
    opacity: 1;
    transform: none;
    transition-timing-function: ease, cubic-bezier(0.1, 1.3, 0.3, 1);
    transition-delay: 0.6s;
  }
  /* Icon when the collapsible content is hidden */
  .wrapper-terradivino li.tendina.collapsed:after {
    content: "\f105";
  }
  .wrapper-terradivino ul.collapse,
  .wrapper-terradivino ul.collapsing {
    padding-left: 0;
  }
}
.wrapper-terradivino ul.containertendina ul {
  padding-left: 0;
}
@media (max-width: 575px) {
  .wrapper-terradivino-container {
    min-height: calc(100% - 3rem);
  }
  .scala-wrapper {
    min-height: 100%;
  }
  .logo-interno {
    width: 250px;
    right: calc(50% - 125px);
  }
}
/*Social menu*/
.socialmenu .social-icons .social-media-icon {
  background-color: #741433;
  border-radius: 50%;
  border: none;
}
@media (max-width: 575px) {
  .socialmenu {
    flex-direction: column !important;
    flex-wrap: wrap !important;
    justify-content: center;
    position: absolute;
    bottom: 0;
    border: none !important;
  }
  .logo-interno-cornice {
    opacity: 1 !important;
  }
}
/*@import "combinazione-colori1.less";*/
/*----------------------------------
////////| importazione font |/////// 
    attenzione quando si combinano gli script css
    l'import dei font qui non funziona!!!!!!!!!! 
/////////// -> spostato in masterpage
----------------------------------*/
/*----------------------------------
//////////////| font |//////////////
----------------------------------*/
/*'prata', serif;*/
/*'lora', serif;*/
/*titoli-principali*/
/*'prata', serif;*/
/*'lora', sans-serif;*/
/*sotto-titoli-principali*/
/*'open sans', sans-serif;*/
/*menu - body*/
/*'prata', serif;*/
/*'prata', serif;*/
/*'roboto condensed', sans-serif;*/
.primary-font {
  font-family: 'EB Garamond', serif !important;
}
.secondary-font {
  font-family: 'EB Garamond', serif !important;
}
.base-font {
  font-family: 'roboto', sans-serif !important;
}
.alternative-font {
  font-family: 'EB Garamond', serif !important;
}
.testata-font {
  font-family: 'EB Garamond', serif !important;
}
/*---------------------------------
-------------- colori -------------
----------------------------------*/
:root {
  --bgprimarycolor1: #ffffff !important;
  --bgprimarycolor: #ddc278 !important;
  --bgsecondarycolor: #37311e !important;
  --bg-custom-color1: #c8c8c8 !important;
  --bgsecondarylightcolor: #16130c !important;
  --bglightcolor1: #ffffff !important;
  --bglightcolor: #12100a !important;
  --color-sottomeu: #741433 !important;
}
path.bg-light-color-path {
  fill: #fff;
  stroke: #fff;
}
.bg-primary-color1 {
  background-color: #ffffff !important;
}
.bg-primary-color {
  background-color: #ddc278 !important;
}
.bg-secondary-color {
  background-color: #37311e !important;
}
.bg-custom-color1 {
  background-color: #c8c8c8 !important;
}
.bg-secondarylight-color {
  background-color: #16130c !important;
}
.bg-light-color {
  background-color: #12100a !important;
  background-image: url();
  background-size: 15%;
}
.bg-light-color-path {
  fill: #12100a;
  stroke: #12100a;
}
.bg-light-color-pattern-1 {
  background-color: #12100a !important;
  background-image: url(/images/pattern/Damask-50.png);
  background-size: 600px;
}
/*.bg-light-color-pattern-1:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.6;
    background-color: @bg-light-color !important;
    background-image: @pattern-image-sfondo-1;
    background-size: @pattern-size-sfondo-1;
}*/
.bg-white-color-path {
  fill: #d4d4cb;
  stroke: #d4d4cb;
}
/*start bordi obliqui on / off*/
/*@media screen and (min-width: 1280px) {
    .bg-light-color {
        clip-path: polygon(0% 0%, 100% 40px, 100% calc(100% - 40px), 0% 100%);
        border-top: 40px solid transparent;
        border-bottom: 40px solid transparent;
    }

    .bg-light-color.no-plygon, .no-plygon .bg-light-color, .position-sticky .bg-light-color {
        clip-path: polygon(0% 0%, 100% 0px, 100% 100%, 0% 100%) !important;
        border-top: 0px solid transparent;
        border-bottom: 0px solid transparent;
    }

    .bg-light-color.no-plygon-top {
        clip-path: polygon(0% 0%, 100% 0px, 100% calc(100% - 40px), 0% 100%);
        border-top: 0px solid transparent;
        border-bottom: 40px solid transparent;
    }

    .bg-light-color.no-plygon-bottom {
        clip-path: polygon(0% 0%, 100% 40px, 100% 100%, 0% 100%);
        border-top: 40px solid transparent;
        border-bottom: 0px solid transparent;
    }

    .div-poligon, .mbr-overlay-sfumato {
        clip-path: polygon(0% 0%, 100% 40px, 100% calc(100% - 40px), 0% 100%);
        border-top: 0px solid transparent;
        border-bottom: 0px solid transparent;
    }

    .div-poligon-alternate, .mbr-overlay-sfumato-alternate {
        clip-path: polygon(0% 40px, 100% 0%, 100% 100%, 0% calc(100% - 40px));
        border-top: 0px solid transparent;
        border-bottom: 0px solid transparent;
    }

    .alternatecolor .bg-light-color {
        border-top: 0 solid transparent;
        border-bottom: 0 solid transparent;
    }

    .alternatecolor .bg-light-color:before {
        position: absolute;
        width: 100%;
        content: "";
        background: @bg-secondary-color;
        right: 0;
        left: 0;
        z-index: 12;
        top: unset;
        margin-top: 0px;
        height: 100px;
        clip-path: polygon(0% 0%,100% 40px,100% calc(100% - 40px),0% calc(100% - 80px));
    }

    .alternatecolor .bg-light-color:after {
        &:extend(.alternatecolor .bg-light-color:before);
        top: unset;
        clip-path: polygon(0% 80px,100% 40px,100% calc(100% - 40px),0% 100%);
        margin-top: -100px;
    }

    ul.alternatecolor .bg-light-color:before {
        &:extend(.alternatecolor .bg-light-color:before);
        margin-top: -50px;
    }

    ul.alternatecolor .bg-light-color:after {
        &:extend(.alternatecolor .bg-light-color:after);
        margin-top: -50px;
        top: unset;
    }

    .alternatecolor .bg-light-color.no-plygon:before, ul.alternatecolor .bg-light-color.no-plygon:before {
        position: absolute;
        width: 100%;
        content: "";
        background: @bg-secondary-color;
        right: 0;
        left: 0;
        z-index: 12;
        top: unset;
        margin-top: 0px;
        height: 0px;
        clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
    }

    .alternatecolor .bg-light-color.no-plygon:after, ul.alternatecolor .bg-light-color.no-plygon:after {
        &:extend(.alternatecolor .bg-light-color.no-plygon:before);
        top: unset;
        clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
        margin-top: 0px;
    }

    .alternatecolor .bg-light-color .row {
        border-top: 60px solid transparent;
        border-bottom: 60px solid transparent;
    }

    .alternatecolor li:last-child .bg-light-color .row, .alternatecolor item:nth-last-child(2) .bg-light-color .row {
        border-bottom: 0px solid transparent;
    }

    .alternatecolor li:last-child .bg-light-color, .alternatecolor item:nth-last-child(2) .bg-light-color {
        clip-path: polygon(0% 0%, 100% 40px, 100% 100%, 0% 100%);
    }

    .alternatecolor li:last-child .bg-light-color:after, .alternatecolor item:nth-last-child(2) .bg-light-color:after {
        display: none;
    }

    #divsuggeriticontainer.bg-light-color, .bg-light-color.position-sticky, #divcommentiscroll-ctrl .bg-light-color, ul li .a-176.col-12.bg-light-color {
        clip-path: none;
        border-top: 0 solid transparent;
        border-bottom: 0 solid transparent;
    }
}*/
/*end bordi obliqui on / off*/
.bg-medium-color {
  background-color: #333333 !important;
}
.bg-dark-color {
  background-color: #ddc278 !important;
}
.bg-manual-secondary-color-fade {
  background-color: rgba(55, 49, 30, 0.75) !important;
}
.bg-color-sottomeu {
  background: linear-gradient(45deg, #5e1029, #971a42) !important;
}
.bg-color-sottomeu-tenue {
  background: #ecdee2 !important;
  background-image: url(/images/pattern-bianca1.png) !important;
  background-size: 25% !important;
}
.bg-color-sottomeu-original {
  background-color: #741433 !important;
}
.bg-color-sottomeu-normal {
  background-color: #741433 !important;
}
.bg-color-sottomeu-sfumato-veryalpha {
  background: linear-gradient(45deg, hsla(340.625, 100%, 45%, 0.5), hsla(340.625, 100%, 45%, 0.2));
}
.bg-color-sottomeu-active {
  background-color: #893752 !important;
}
.bg-color-sottomeu-rgba {
  background-color: rgba(116, 20, 51, 0.8) !important;
}
.bg-transparent-white {
  background-color: rgba(212, 212, 203, 0.7) !important;
}
.bg-transparent-black {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.bg-figura-contatti {
  background-image: url('/public/Files/con001000/1/guarda-mail-2.png') !important;
}
.bg-bgsottomeu-color {
  background-color: #ffffff;
}
.bg-colore-scuro {
  background-color: #372e29 !important;
}
.tx-black-color {
  color: black !important;
}
.tx-primary-color1 {
  color: #741433 !important;
}
.tx-primary-color {
  color: #ddc278 !important;
}
.tx-secondary-color {
  color: #37311e !important;
}
.tx-lighten-color {
  color: #ecdeb5 !important;
}
.tx-light-color {
  color: #12100a !important;
}
.tx-dark-color {
  color: #ffffff !important;
}
/*.tx-sottomenu-color {
    color: @color-sottomeu !important;
}*/
.tx-sottomenu-color1 {
  color: #741433 !important;
}
.tx-bgsottomeu-color {
  color: #ffffff;
}
.tx-bgsottomeu-color1 {
  color: #ffffff !important;
}
.tx-colore-scuro {
  color: #372e29 !important;
}
.bd-primary-color {
  border-color: #ddc278 !important;
}
.bd-secondary-color {
  border-color: #37311e !important;
}
.bd-light-color {
  border-color: #12100a !important;
}
.bd-dark-color {
  border-color: #ddc278 !important;
}
.bd-sottomenu-color {
  border-color: #741433 !important;
}
.bd-color-sottomeu-tenue {
  border-color: #ecdee2 !important;
}
.bd-bgsottomeu-color {
  border-color: #ffffff;
}
.bd-colore-scuro {
  color: #372e29 !important;
}
.primary-color {
  border-color: #ffffff !important;
}
.secondary-color {
  color: #ffffff !important;
}
.color-sottomeu {
  color: #741433;
}
.black-color {
  color: #000 !important;
}
.white-color,
.text-white {
  color: #d4d4cb !important;
}
.gray-color {
  color: #f0f0f0 !important;
}
.bckgray {
  /*background-color: #f9f9f9;*/
  background-color: #f9f9f9;
}
/* stilizzazione selectbox comune per safari !!*/
select.form-control {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 1.5ex;
  background-origin: content-box;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnMiIKICAgdmlld0JveD0iMCAwIDM1Ljk3MDk4MyAyMy4wOTE1MTgiCiAgIGhlaWdodD0iNi41MTY5Mzk2bW0iCiAgIHdpZHRoPSIxMC4xNTE4MTFtbSI+CiAgPGRlZnMKICAgICBpZD0iZGVmczQiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNyI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjAyLjAxNDUxLC00MDcuMTIyMjUpIgogICAgIGlkPSJsYXllcjEiPgogICAgPHRleHQKICAgICAgIGlkPSJ0ZXh0MzMzNiIKICAgICAgIHk9IjYyOS41MDUwNyIKICAgICAgIHg9IjI5MS40Mjg1NiIKICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zaXplOjQwcHg7bGluZS1oZWlnaHQ6MTI1JTtmb250LWZhbWlseTpzYW5zLXNlcmlmO2xldHRlci1zcGFjaW5nOjBweDt3b3JkLXNwYWNpbmc6MHB4O2ZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MXB4O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjEiCiAgICAgICB4bWw6c3BhY2U9InByZXNlcnZlIj48dHNwYW4KICAgICAgICAgeT0iNjI5LjUwNTA3IgogICAgICAgICB4PSIyOTEuNDI4NTYiCiAgICAgICAgIGlkPSJ0c3BhbjMzMzgiPjwvdHNwYW4+PC90ZXh0PgogICAgPGcKICAgICAgIGlkPSJ0ZXh0MzM0MCIKICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXZhcmlhbnQ6bm9ybWFsO2ZvbnQtd2VpZ2h0Om5vcm1hbDtmb250LXN0cmV0Y2g6bm9ybWFsO2ZvbnQtc2l6ZTo0MHB4O2xpbmUtaGVpZ2h0OjEyNSU7Zm9udC1mYW1pbHk6Rm9udEF3ZXNvbWU7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpGb250QXdlc29tZTtsZXR0ZXItc3BhY2luZzowcHg7d29yZC1zcGFjaW5nOjBweDtmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjFweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIj4KICAgICAgPHBhdGgKICAgICAgICAgaWQ9InBhdGgzMzQ1IgogICAgICAgICBzdHlsZT0iZmlsbDojMzMzMzMzO2ZpbGwtb3BhY2l0eToxIgogICAgICAgICBkPSJtIDIzNy41NjY5Niw0MTMuMjU1MDcgYyAwLjU1ODA0LC0wLjU1ODA0IDAuNTU4MDQsLTEuNDczMjIgMCwtMi4wMzEyNSBsIC0zLjcwNTM1LC0zLjY4MzA0IGMgLTAuNTU4MDQsLTAuNTU4MDQgLTEuNDUwOSwtMC41NTgwNCAtMi4wMDg5MywwIEwgMjIwLDQxOS4zOTM0NiAyMDguMTQ3MzIsNDA3LjU0MDc4IGMgLTAuNTU4MDMsLTAuNTU4MDQgLTEuNDUwODksLTAuNTU4MDQgLTIuMDA4OTMsMCBsIC0zLjcwNTM1LDMuNjgzMDQgYyAtMC41NTgwNCwwLjU1ODAzIC0wLjU1ODA0LDEuNDczMjEgMCwyLjAzMTI1IGwgMTYuNTYyNSwxNi41NDAxNyBjIDAuNTU4MDMsMC41NTgwNCAxLjQ1MDg5LDAuNTU4MDQgMi4wMDg5MiwwIGwgMTYuNTYyNSwtMTYuNTQwMTcgeiIgLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=");
}
/***********************************/
/*  base typography                 */
/***********************************/
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #741433;
  font-weight: 600;
  margin: 2px 0px;
  padding: 0px;
}
h1 {
  font-size: 2rem;
  /*line-height: 35px;*/
}
h2 {
  font-size: 1.4rem;
  /*line-height: 30px;*/
}
h3 {
  font-size: 1.2rem;
  /*line-height: 26px;*/
}
h4 {
  font-size: 1rem;
  /*line-height: 22px;*/
}
h5 {
  font-size: 1rem;
  /*line-height: 22px;*/
}
h6 {
  font-size: 1rem;
  /*line-height: 20px;*/
}
.h4-body-title-1 {
  font-size: 1em;
}
.h3-body-title-1 {
  font-size: 0.9rem;
  font-weight: 700;
}
.h2-body-title {
  font-size: 1.2rem;
  font-weight: normal;
}
.h1-body-title {
  font-size: 1.3rem;
  font-weight: bold;
}
b,
strong {
  font-weight: 600;
}
hr {
  margin: 10px 0px;
  padding: 0px;
  border-top: 0px;
  border-bottom: 1px solid #eee;
}
:focus {
  outline: none;
}
a {
  text-decoration: none;
  color: #741433;
}
a:hover,
a:active,
a:focus {
  outline: none;
  text-decoration: none;
  color: #893752;
}
input.inputnoback,
textarea.inputnoback {
  font-size: 1.1em;
  background: transparent;
  border: none;
}
input.inputgray,
textarea.inputgray,
input.inputgray:focus,
textarea.inputgray:focus {
  font-size: 1em;
  background: #666;
  color: #fff;
  border: none;
}
/*::-webkit-scrollbar {
    width: 0.5em;
    height: 0.5em
}*/
/*---------------------------------
--------------- font --------------
----------------------------------*/
a {
  /*color: @color-sottomeu;*/
}
a:hover {
  color: #893752;
}
.font-primary,
.font-primary a {
  font-family: 'EB Garamond', serif !important;
}
.font-secondary {
  font-family: 'EB Garamond', serif !important;
}
.font-base,
.font-base a {
  font-family: 'roboto', sans-serif !important;
}
.size-body-copyright {
  font-size: 1.1rem !important;
}
.body-copyright-lineh {
  line-height: 1.8rem !important;
}
/*---------------------------------
------- struttura pagina --------
----------------------------------*/
#wrapper {
  background-color: white;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  /*-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);*/
}
/*---------------------------------
----------- fixed - top -----------
----------------------------------*/
.fixedtop {
  background-color: #ddc278;
  /*colore intero on*/
  /*background: @bg-fixedtop-color-sfumato;*/
  /*colore sfumato off*/
  position: fixed;
  height: 40px;
  top: 0px;
  z-index: 999;
  overflow: visible;
  width: 100%;
  font-size: 0.8rem;
  font-weight: normal;
  background-image: url();
  background-size: 30%;
}
.fixedtop .form-control,
.form-control:focus {
  border: none;
  background-color: #fff;
}
/*---------------------------------
--------------- menu --------------
----------------------------------*/
/*logo*/
.fulllogobckdark {
  /*width: calc(@larghezza-logo * 0.7);
    height: calc(61px * 0.7);*/
  width: 203px;
  height: 80px;
  webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  /*aggiunti per logo doppia posizione*/
  background: url(/images/main_logo_d.png) left center;
  background-size: 100%;
  background-repeat: no-repeat;
}
.shrinklogo {
  /*aggiunti per logo doppia posizione*/
  background: url(/images/main_logo_d.png) center center;
  background-size: 100%;
  background-repeat: no-repeat;
  /*width:300px*/
}
.fulllogo {
  width: 90%;
  height: auto;
}
@media (max-width: 1179px) {
  .fulllogobckdark {
    margin-left: calc(100% - ((180 * calc((302px * 61) / 119)) / 240));
    /*aggiunti per logo doppia posizionee*/
    background: url(/images/main_logo_d.png) center center;
    background-size: 100%;
    background-repeat: no-repeat;
    /*width: 220px;*/
    width: 152px;
    height: 60px;
  }
  .shrinklogo {
    /*width: @larghezza-logo-smart;
        height: 61px;*/
    width: 152px;
  }
}
i .fa {
  font-weight: 900;
}
/*-------------- end menu prodotti a vista -------------*/
.simplemenu > ul {
  list-style-type: none;
  display: inline-block;
  padding: 0;
  margin: 0;
  background-color: transparent;
  float: right;
}
.simplemenu > ul > li {
  padding: 4px 10px 4px 10px;
  float: left;
}
.simplemenu > ul > li > a {
  color: #fff;
  text-transform: uppercase;
}
.simplemenu > ul > li > ul > li > a {
  color: #000;
  text-transform: uppercase;
}
.simplemenu,
.simplemenu * ~ .simplemenu:not(i) {
  font-family: 'roboto', sans-serif;
  border-color: #37311e !important;
}
.simplemenu .fa,
.simplemenu .fas {
  font: normal normal 900 0.8rem 'font awesome 5 free' !important;
}
.simplemenu > ul > li {
  padding: 4px 25px;
  float: left;
  border-right: 1px solid #37311e;
}
.simplemenu > ul > li:nth-last-child(1) {
  border-right: none;
}
@media screen and (max-width: 769px) {
  .simplemenu > ul > li {
    border-right: none;
  }
}
.simplemenu > ul > li > ul > li {
  padding: 4px;
}
.simplemenu > ul > li > ul > li > a {
  color: #ffffff;
  text-transform: none;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.simplemenu > ul > li > ul > li > a:hover {
  color: #741433 !important;
  font-weight: 600;
}
.simplemenu .dropdown-menu {
  border-top: 0;
  transform: translate3d(0, 29px, 0px) !important;
  border-radius: 0rem;
}
.triggerdata {
  color: #d4d4cb;
}
/*---------------------------------
---------- testi pagina -----------
----------------------------------*/
.card-block .numero-chiavi-in-mano-top {
  width: 75px;
  height: 75px;
  text-align: center;
  border-radius: 50%;
  background-color: #666;
  line-height: 75px;
  margin: 10px auto;
  font-size: 36px;
}
.card-block .numero-chiavi-in-mano-top,
.card-block .numero-chiavi-in-mano-bottom {
  background-color: #642a14 !important;
  color: #fff !important;
}
.section-title,
.section-title * {
  position: relative;
  color: #741433;
  font-family: 'EB Garamond', serif;
  font-size: 3.5rem;
  font-weight: 400;
  text-transform: none;
  font-style: normal;
  text-align: center;
  letter-spacing: 0px;
  line-height: 1.1 !important;
  margin: 0;
  word-break: break-word;
  word-wrap: break-word;
  padding-bottom: 10px;
}
.section-title-line::after {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  background: #37311e;
  width: 100%;
  left: 0;
  top: 50%;
  -ms-transform: translatey(-50%);
  transform: translatey(-50%);
}
.section-title-line h1,
.section-title-line h2,
.section-title-line h3,
.section-title-line span {
  background: #fff;
  position: relative;
  z-index: 1;
  padding-left: 18px;
  padding-left: 1.2rem;
  padding-right: 18px;
  padding-right: 1.2rem;
  display: inline-block;
}
.mbr-section-title,
a .mbr-section-title,
.title-block,
h1 span:nth-child(1).mbr-section-title,
.cart-product,
.cart-quantity,
.cart-total {
  color: #741433;
  font-family: 'EB Garamond', serif;
  font-size: 3.5rem;
  font-weight: 400;
  text-transform: none;
  font-style: normal;
  text-align: center;
  letter-spacing: 0px;
  line-height: 100% !important;
  margin: 0;
  word-break: break-word;
  word-wrap: break-word;
  padding-bottom: 10px;
  /*start svg decorazione sotto il titolo*/
  /*padding-bottom: 21px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='135' height='21' fill='@{color-sottomeu-rgba}' stroke='none'><path d='m127.18,6.19c121-.05,109.94-.24,101.84.1,90.84.56,80,3.3,69.32,5.77c-8,1.86-16,3.63-24,5.72-9.21,2.41-18.6,4.72-28.14,5.19-4.1.2-8.48,0-12.16-2a6.6,6.6,0,0,1-2.7-9a5.46,5.46,0,0,1,7.07,2.77c4-.22,6.73,8.39-.08,4.58a.49.49,0,0,0-.49.84c4.88,3,10.8,0,5.4-4.91c7.6-.63.4,2.06,0,8-1,24,28.25,17,36.29,15.24,53.74,11.37,70.9,6.44,88.53,3.33c11.1-2,24.75-3.54,35.06,2.19a16,16,0,0,1,6.86,8.85c1.29,4.31-4.35,4.2-7,3.52-4.84-1.26-2.42-8,1.22-3,.61.83,2,0,1.4-.82-2.15-2.93-6.71-4.9-7.12.35s8.36,7.24,11.72,4.47c135,15.32,129.91,9,127.18,6.19z'></path></svg>") no-repeat bottom center;
    background-size: 135px 21px;*/
  /*&::after {
        margin-top: 55px;
        content: "";
        position: absolute;
        background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='135' height='21' fill='@{color-sottomeu}' stroke='none'><path d='m127.18,6.19c121-.05,109.94-.24,101.84.1,90.84.56,80,3.3,69.32,5.77c-8,1.86-16,3.63-24,5.72-9.21,2.41-18.6,4.72-28.14,5.19-4.1.2-8.48,0-12.16-2a6.6,6.6,0,0,1-2.7-9a5.46,5.46,0,0,1,7.07,2.77c4-.22,6.73,8.39-.08,4.58a.49.49,0,0,0-.49.84c4.88,3,10.8,0,5.4-4.91c7.6-.63.4,2.06,0,8-1,24,28.25,17,36.29,15.24,53.74,11.37,70.9,6.44,88.53,3.33c11.1-2,24.75-3.54,35.06,2.19a16,16,0,0,1,6.86,8.85c1.29,4.31-4.35,4.2-7,3.52-4.84-1.26-2.42-8,1.22-3,.61.83,2,0,1.4-.82-2.15-2.93-6.71-4.9-7.12.35s8.36,7.24,11.72,4.47c135,15.32,129.91,9,127.18,6.19z'></path></svg>") no-repeat;
        height: 20px;
        width: 134px;
        left: 50%;
        margin-left: -67px;
    }*/
  /*&.noafter::after {
        display: none;
    }*/
  /*end svg decorazione sotto il titolo*/
}
.mbr-section-title.noafter,
a .mbr-section-title.noafter,
.title-block.noafter {
  background: none;
  background-size: 0;
}
h3.mbr-section-title.display-5.bg-dark-color.noafter {
  letter-spacing: 1px !important;
  font-weight: normal !important;
  font-family: 'roboto', sans-serif !important;
  font-size: 1rem !important;
  padding: 0.6rem 0 !important;
}
.title-block {
  padding-bottom: 3rem !important;
}
@media screen and (max-width: 720px) {
  .title-block {
    padding-bottom: 1rem !important;
  }
}
.mbr-section-title,
.title-block,
h1 span:nth-child(1).mbr-section-title,
.cart-product,
.cart-quantity,
.cart-total {
  padding-top: 20px;
  /*padding-bottom: 3rem;*/
  /*svg decorazione sotto i titoli auto-generati*/
}
.mbr-section-title::after,
.title-block::after {
  top: 75px;
  margin-top: 0;
}
/*svg decorazione sotto i titoli scroll schede*/
.title-block {
  padding-top: 20px;
}
.subtitle-block a {
  font-size: 1.4rem;
  color: #1d1b1e;
}
.subtitle-block {
  font-size: 1.4rem;
  color: #1d1b1e;
}
.mbr-section-subtitle,
h1 span .mbr-section-subtitle {
  color: #741433 !important;
  font-family: 'EB Garamond', serif !important;
  font-size: 1.8rem !important;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  line-height: 36px;
  margin-top: 0.25rem !important;
  display: block;
}
.base-set,
body,
html,
button,
input,
select,
textarea,
p,
p.lead,
.lead p {
  color: #ffffff;
  font-family: 'roboto', sans-serif;
  font-size: calc(15px + 0.12vw + 0.12vh + 0.06vmin);
  font-weight: 300;
  /* line-height: 1.4 !important;*/
  line-height: 150% !important;
}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  overflow-x: hidden;
  /*  background-color: transparent;*/
  /*background-color:#000000 !important;*/
}
body,
html,
button,
input,
select,
textarea {
  font-size: 1em;
  background-color: transparent;
}
.container {
  position: relative;
}
.body-wrapper {
  padding: 0;
  margin: 0;
  position: relative;
  /*z-index: 0;*/
  width: 100%;
  /*occhio per per tutti i componenti position:sticky  se cambi queste non funziona deve essere overflow-x: visible e overflow-y:visible
        tutti gli ancestor dell'elemento sticky non possono avere overflo hidden...
    */
  /*overflow-x: hidden;*/
  overflow-x: inherit;
  /* overflow-y: unset;*/
}
@media (max-width: 1179px) {
  .body-wrapper {
    overflow-x: hidden;
  }
}
@media screen and (max-width: 415px) {
  .mbr-section-title,
  .title-block,
  h1 span:nth-child(1).mbr-section-title,
  .cart-product,
  .cart-quantity,
  .cart-total {
    font-size: 2.4rem;
    font-weight: normal !important;
    line-height: 110% !important;
  }
  .mbr-section-title::after,
  .title-block::after {
    margin-top: 15px;
  }
  .mbr-section-subtitle,
  h1 span .mbr-section-subtitle {
    font-size: 1.5rem !important;
    line-height: 110% !important;
  }
  .title-isotope,
  .big2 {
    font-size: 1.8rem !important;
    line-height: 110% !important;
  }
}
h1 span:nth-child(1) {
  /*font-family: @tite-font !important;
    color: @title-color !important;
    font-size: 100% !important;*/
}
h1 span {
  /*font-family: @subtite-font !important;
    color: @subtitle-color !important;
    font-size: 90% !important;*/
}
.mbr-section-subtitle,
h1 span .mbr-section-subtitle {
  line-height: 125% !important;
}
.section-content {
  border-top: none;
  border-bottom: 1px solid #e9e9e9;
  padding: 0 0 0 0;
  background-attachment: local;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.section-content.section-px {
  background-attachment: local;
  background-repeat: no-repeat;
  border: none;
}
.section-content.section-px.sfondo1-bg {
  background-image: url(../images/sitespecific/sfondo-1.jpg);
}
.section-content.section-px.sfondo2-bg {
  background-image: url(../images/sitespecific/sfondo-2.jpg);
}
.section-content.section-px.sfondo3-bg {
  background-image: url(../images/sitespecific/sfondo-3.jpg);
}
/*---------- ttitoletti virgolettai -----------*/
.quote-marks {
  font-size: 2.4rem !important;
  line-height: 125% !important;
  color: #ffffff !important;
  /*@primary-color*/
  font-family: 'roboto', sans-serif !important;
}
.quote-marks::before {
  content: "“";
  font-family: georgia, serif;
  margin-top: 20px;
  position: absolute;
  margin-left: -55px;
  font-weight: normal;
  font-size: 100px;
  color: #ffffff;
}
.quote-marks::after {
  content: "”";
  font-family: georgia, serif;
  margin-top: 40px;
  position: absolute;
  margin-left: 15px;
  font-weight: normal;
  font-size: 100px;
  color: #ffffff;
}
@media (max-width: 767px) {
  .quote-marks {
    font-size: 1.4rem !important;
    line-height: 2rem !important;
  }
  .quote-marks::before {
    margin-top: 10px;
    margin-left: -35px;
    font-size: 75px;
  }
  .quote-marks::after {
    margin-top: 30px;
    margin-left: 5px;
    font-size: 75px;
  }
}
/* testi su colonne */
.testo-colonne {
  columns: auto;
  column-count: 2;
  column-gap: 30px;
  /*font-size: 1.35rem;*/
  font-size: calc(15px + 0.12vw + 0.12vh + 0.06vmin);
  line-height: 150% !important;
}
@media (max-width: 768px) {
  .testo-colonne {
    column-count: 1;
  }
}
/*----------------------------------
----------- isotope blog -----------
----------------------------------*/
.linksmall a,
.linksmall-blog a {
  color: #741433;
}
.linksmall a:hover,
.linksmall-blog a:hover {
  color: #ea84a5;
}
.pagination {
  margin: 0px;
  border: none !important;
  border-radius: 0 !important;
}
.pagination > .current > li,
.pagination > .current > a,
.pagination > .current > span,
.pagination > .current > a:hover,
.pagination > .current > span:hover,
.pagination > .current > a:focus,
.pagination > .current > span:focus {
  background-color: #606060;
  color: white;
  border: none !important;
  border-radius: 0 !important;
}
.pagination {
  display: inline-flex;
}
.pagination li {
  margin-left: 5px;
}
.page-item.active .page-link {
  background-color: #741433;
}
/*----------------------------------
pulsante scorrimento banner e pagina
----------------------------------*/
#topcontrol {
  z-index: 9;
}
.pulsanti-scorrimento,
.tp-leftarrow.square,
.tp-rightarrow.square {
  font-size: 42px;
  line-height: 38px;
  background: #d4d4cb !important;
  border: 1px solid #ffffff;
  color: #741433 !important;
  width: 42px !important;
  text-align: center;
  border-radius: 50%;
  margin: 5px;
  height: 42px;
}
.pulsanti-scorrimento:hover,
.tp-leftarrow.square:hover,
.tp-rightarrow.square:hover {
  color: #741433 !important;
  background: #ffffff !important;
  border-color: #ffffff;
  opacity: 0.78;
  text-decoration: none !important;
  border: 1px solid #741433;
}
.tp-leftarrow.square,
.tp-rightarrow.square {
  z-index: 96;
  cursor: pointer;
  background: none;
}
.tp-leftarrow.square:before {
  content: "\f104";
  font-family: 'font awesome 5 free';
  font-style: normal;
  font-weight: 900;
  text-decoration: inherit;
  margin-left: -5px;
  line-height: 42px;
}
.tp-rightarrow.square:before {
  content: "\f105";
  font-family: 'font awesome 5 free';
  font-style: normal;
  font-weight: 900;
  text-decoration: inherit;
  margin-left: 5px;
  line-height: 42px;
}
.tp-bullets.tp-thumbs {
  z-index: 96;
}
/*----------------------------------
------ pulsante image hover --------
----------------------------------*/
.border-tipo1 {
  border-color: #ccc !important;
  /*background-color: rgba(200,200,200,0.05);*/
  -webkit-box-shadow: 0px 0px 1px 1px rgba(200, 200, 200, 0.3);
  -moz-box-shadow: 0px 0px 1px 1px rgba(200, 200, 200, 0.3);
  box-shadow: 0px 0px 1px 1px rgba(200, 200, 200, 0.3);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-transition: box-shadow 0.3s;
}
.border-tipo1:hover {
  border-color: #ccc !important;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(200, 200, 200, 0.6);
  -moz-box-shadow: 0px 0px 1px 1px rgba(200, 200, 200, 0.6);
  box-shadow: 0px 0px 1px 1px rgba(200, 200, 200, 0.6);
  -webkit-transition: box-shadow 0.3s;
  -moz-filter: drop-shadow(0 2px 5px 0.2px);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}
.border-tipo2 {
  border: none;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(200, 200, 200, 0.24);
  -moz-box-shadow: 0px 0px 1px 1px rgba(200, 200, 200, 0.24);
  box-shadow: 0px 0px 1px 1px rgba(200, 200, 200, 0.24);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  -webkit-transition: box-shadow 0.3s;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -moz-filter: drop-shadow(0 2px 5px 0.2px);
}
.border-tipo2:hover {
  -webkit-box-shadow: 0px 0px 1px 1px rgba(200, 200, 200, 0.4);
  -moz-box-shadow: 0px 0px 1px 1px rgba(200, 200, 200, 0.4);
  box-shadow: 0px 0px 1px 1px rgba(200, 200, 200, 0.4);
  -webkit-transition: box-shadow 0.3s;
  -moz-filter: drop-shadow(0 2px 5px 0.2px);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}
.card-body {
  padding: 5px;
}
.card-img-overlay.card-gradient-overlay {
  background-image: -webkit-linear-gradient(-270deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.411) 32.5%, rgba(0, 0, 0, 0.333) 38.4%, rgba(0, 0, 0, 0.257) 44.5%, rgba(0, 0, 0, 0.183) 50.9%, rgba(0, 0, 0, 0.013) 57.7%, rgba(0, 0, 0, 0.01) 65%, rgba(0, 0, 0, 0.008) 72.9%, rgba(0, 0, 0, 0) 81.4%, rgba(0, 0, 0, 0) 90.6%, transparent 100%);
  background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.411) 32.5%, rgba(0, 0, 0, 0.333) 38.4%, rgba(0, 0, 0, 0.257) 44.5%, rgba(0, 0, 0, 0.183) 50.9%, rgba(0, 0, 0, 0.013) 57.7%, rgba(0, 0, 0, 0.01) 65%, rgba(0, 0, 0, 0.008) 72.9%, rgba(0, 0, 0, 0) 81.4%, rgba(0, 0, 0, 0) 90.6%, transparent 100%);
}
.card-img-overlay.card-gradient-overlay-white {
  background-image: -webkit-linear-gradient(-270deg, white 0%, rgba(255, 255, 255, 0.917) 5.3%, rgba(255, 255, 255, 0.834) 10.6%, rgba(255, 255, 255, 0.753) 15.9%, rgba(255, 255, 255, 0.672) 21.3%, rgba(255, 255, 255, 0.591) 26.8%, rgba(255, 255, 255, 0.411) 32.5%, rgba(255, 255, 255, 0.333) 38.4%, rgba(255, 255, 255, 0.257) 44.5%, rgba(255, 255, 255, 0.183) 50.9%, rgba(255, 255, 255, 0.013) 57.7%, rgba(255, 255, 255, 0.01) 65%, rgba(255, 255, 255, 0.008) 70%, rgba(255, 255, 255, 0) 81.4%, rgba(255, 255, 255, 0) 90.6%, transparent 100%);
  background-image: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0.917) 5.3%, rgba(255, 255, 255, 0.834) 10.6%, rgba(255, 255, 255, 0.753) 15.9%, rgba(255, 255, 255, 0.672) 21.3%, rgba(255, 255, 255, 0.591) 26.8%, rgba(255, 255, 255, 0.411) 32.5%, rgba(255, 255, 255, 0.333) 38.4%, rgba(255, 255, 255, 0.257) 44.5%, rgba(255, 255, 255, 0.183) 50.9%, rgba(255, 255, 255, 0.013) 57.7%, rgba(255, 255, 255, 0.01) 65%, rgba(255, 255, 255, 0.008) 70%, rgba(255, 255, 255, 0) 81.4%, rgba(255, 255, 255, 0) 90.6%, transparent 100%);
}
.card-img-overlay:hover {
  /*background-color: rgba(0,0,0,0.5);
    background-position: center center !important;*/
  /*background-size: 50px 50px !important;*/
  /*opacity: 0 !important;*/
  /*width:100%;
    height:auto;*/
}
.work-image:after,
.imgovercontainer:after {
  background-position: center center !important;
  background-size: 50px 50px !important;
  opacity: 0 !important;
  position: absolute;
  display: block;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
}
.work-image:hover:after,
ul li .work-image:hover:after,
.imgovercontainer:hover:after {
  z-index: 2 !important;
  background: url(/images/link1.png) center center no-repeat !important;
  /*background: url(/images/link.png) center center no-repeat !important;*/
  /*background: url(/images/link2.png) center center no-repeat !important;
    background: url(/images/link3.png) center center no-repeat !important;*/
  background-size: 80px 80px !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
  opacity: 1 !important;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.work-image.video:hover:after,
ul li .work-image.video:hover:after,
.imgovercontainer.video:hover:after {
  /*background: url(/images/link-movie1.png) center center no-repeat !important;*/
  background: url(/images/link-movie3.png) center center no-repeat !important;
  /*background: url(/images/link-movie3.png) center center no-repeat !important;*/
  background-size: 80px 80px !important;
}
.oversquare {
  position: absolute;
  display: block;
  content: "";
  margin: 20px;
  border: 1px solid #fff;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  z-index: 3;
}
.image-polygon-b3.imgovercontainer:hover:after {
  z-index: 2 !important;
  background: none !important;
  background-color: rgba(0, 0, 0, 0) !important;
  opacity: 1 !important;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.image-polygon-b3.imgovercontainer:hover:after,
.zoomimg.imgovercontainer:hover:after {
  z-index: 2 !important;
  background: none !important;
  background-color: rgba(0, 0, 0, 0) !important;
  opacity: 1 !important;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
/*----------------------------------
---------- paralax image -----------
----------------------------------*/
.mbr-parallax-background {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
}
/*----------------------------------
-------------- footer --------------
----------------------------------*/
.footerhead {
  padding: 15px 60px 15px 60px;
  border-top: 1px solid #12100a;
  background-color: #12100a;
  line-height: 60px;
}
.footerheadcontainer {
  max-width: 100%;
}
.footerlogo {
  float: left;
  display: block;
  line-height: 30px;
}
.motto-footer {
  color: #ffffff;
  font-family: 'EB Garamond', serif;
}
.footerhead .footerheadcontainer:after,
.footerhead .footerheadcontainer:before {
  content: " ";
  display: table;
  vertical-align: middle;
}
.footerhead .footerheadcontainer:after {
  clear: both;
}
.footer-category-list-horizontal {
  /*  float: left;
    margin: 0px;
    line-height: 60px;*/
  padding-inline-start: 0px;
}
.footer-category-list-horizontal li {
  display: inline;
  list-style: none;
  padding-left: 10px;
}
ul.footer-category-list {
  margin-bottom: 0;
}
/*in caso dialog nuovo footer*/
/*ul.footer-category-list li {
    display: inline-block;
    padding: 0 2rem !important;
}*/
.footer {
  background-color: #d4d4cb;
  border-top: none;
}
.footer .logos-payment {
  padding-top: 20px;
  background-color: #12100a;
}
.footer .logo-payment {
  height: 60px;
  width: 8% !important;
  margin: 0 1% !important;
  display: inline-block;
}
.logo-payment:nth-child(1) {
  background: url(/images/logos-payment/visa.png) center center no-repeat !important;
  /*background-size: 60px !important;*/
  background-size: 90% !important;
}
.logo-payment:nth-child(2) {
  background: url(/images/logos-payment/maestro.png) center center no-repeat !important;
  /*background-size: 60px !important;*/
  background-size: 90% !important;
}
.logo-payment:nth-child(3) {
  background: url(/images/logos-payment/mastercard.png) center center no-repeat !important;
  /*background-size: 60px !important;*/
  background-size: 90% !important;
}
.logo-payment:nth-child(4) {
  background: url(/images/logos-payment/paypal.png) center center no-repeat !important;
  /*background-size: 60px !important;*/
  background-size: 90% !important;
}
.logo-payment:nth-child(5) {
  background: url(/images/logos-payment/discover.png) center center no-repeat !important;
  /*background-size: 60px !important;*/
  background-size: 90% !important;
}
.logo-payment:nth-child(6) {
  background: url(/images/logos-payment/americanexpress.png) center center no-repeat !important;
  /*background-size: 60px !important;*/
  background-size: 90% !important;
}
.logo-payment:nth-child(7) {
  background: url(/images/logos-payment/aura.png) center center no-repeat !important;
  /*background-size: 60px !important;*/
  background-size: 90% !important;
}
/*@media (min-width: 1140px) {
    .footerhead {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        min-height: calc(100% - 185px);
        align-items: center;
    }
}*/
.footer .copyright {
  font-family: 'roboto', sans-serif;
  /* background-color: #33332e; */
  color: #d4d4cb;
  background-color: #ddc278;
  border-top: none;
  font-size: 1.1rem;
  padding: 25px 0px;
  background-image: url();
  background-size: 30%;
}
.footer .copyright p {
  line-height: 1.8rem !important;
  color: #d4d4cb;
}
.footer .copyright a {
  font-family: 'roboto', sans-serif;
  color: #d4d4cb;
}
.footer .footer-col .footer-content .footer-content-text {
  font-family: 'roboto', sans-serif;
  color: #741433;
}
.footer-content-text p {
  font-size: 0.8em;
}
.footer-category-list .label-nav {
  font-size: 0.9em;
  margin-left: -3px;
}
.footer .footer-col .footer-content .footer-category-list {
  font-weight: 400;
}
.footer .footer-col .footer-content .footer-category-list li {
  padding: 4px 0;
  position: relative;
  line-height: normal;
  border-bottom: none;
  padding-left: 14px;
  text-indent: -14px;
  /*display: block !important;*/
  display: inline;
  color: #741433;
  /*font-size: 0.9em;*/
}
.footer .footer-col .footer-content .footer-category-list li a {
  margin-left: 0px;
  color: #741433;
}
/*in caso dialog nuovo footer*/
@media (max-width: 576px) {
  .footer .footer-col .footer-content .footer-category-list li {
    /*display: inline-block !important;*/
    display: block;
    padding: 5px 8px !important;
  }
}
.footer .footer-col .footer-content .footer-category-list.indirizzo li:before,
.footer .footer-col .footer-content .footer-category-list li a:before {
  content: "\f105";
  font-family: 'font awesome 5 free';
  font-weight: 900;
  padding-right: 5px;
}
/*footer icon catalogo start*/
.footer .footer-col .footer-content .footer-category-list li:first-child {
  padding-top: 4px;
}
.footer .footer-col .footer-content .footer-category-list .catalogo-footer li a:before {
  content: "\f105";
  font-family: 'font awesome 5 free';
  font-weight: 900;
  padding-right: 5px;
}
.footer .footer-col .footer-content .footer-category-list.catalogo-footer li a:before {
  content: "";
}
.footer .footer-col .footer-content .footer-category-list.catalogo-footer li:nth-child(1) {
  background: url(/images/icon-trattore.png) center left no-repeat !important;
  background-size: 20px !important;
  padding-left: 42px;
}
.footer .footer-col .footer-content .footer-category-list.catalogo-footer li:nth-child(2) {
  background: url(/images/icon-spina.png) center left no-repeat !important;
  background-size: 20px !important;
  padding-left: 42px;
}
.footer .footer-col .footer-content .footer-category-list.catalogo-footer li:nth-child(3) {
  background: url(/images/icon-ingranaggio.png) center left no-repeat !important;
  background-size: 20px !important;
  padding-left: 42px;
}
.footer .footer-col .footer-content .footer-category-list.catalogo-footer li:nth-child(4) {
  background: url(/images/icon-vaso-fiore.png) center left no-repeat !important;
  background-size: 20px !important;
  padding-left: 42px;
}
.footer .footer-col .footer-content .footer-category-list.catalogo-footer li:nth-child(5) {
  background: url(/images/icon-paletta-dx.png) center left no-repeat !important;
  background-size: 20px !important;
  padding-left: 42px;
}
.footer .footer-col .footer-content .footer-category-list.catalogo-footer li:nth-child(6) {
  background: url(/images/icon-tubo.png) center left no-repeat !important;
  background-size: 20px !important;
  padding-left: 42px;
}
/*footer icon catalogo end*/
.footer .footer-col .footer-title {
  color: #741433;
  font-family: 'EB Garamond', serif;
  font-weight: bold;
  border-bottom: 1px solid #741433;
}
.footer .footer-col .footer-title a {
  color: #741433;
}
.footer .footer-col .footer-title a:hover {
  color: #741433;
}
.footer .footer-col .footer-content input[type=submit] {
  font-family: 'roboto', sans-serif;
  background-color: #000;
  border: 0;
  border-radius: 0px;
  color: #000;
  font-size: 12px;
}
.footer .footer-col .footer-content a,
.footer .footer-col p {
  color: #741433;
  font-family: 'roboto', sans-serif;
  font-size: 0.9em;
  /*color: @link-footer-color;*/
}
.footer .footer-col .footer-content .footer-category-list li a:hover {
  /*color: #33332e;*/
  color: #ddc278;
  font-family: 'roboto', sans-serif;
}
.footer-wrapper {
  padding: 20px 60px 50px 60px;
  background-color: #37311e;
  background-image: url();
  background-size: 15%;
}
.footer .social-icons .social-media-icon {
  background-color: #ddc278;
  border-radius: 50%;
}
/*------------------------------------
----- banner video testata home ------
--------------------------------------*/
/*css per video responsive*/
.responsive-video {
  position: relative;
  padding-bottom: 56%;
  width: 100%;
  height: 0px;
  padding-top: 0px;
  overflow: hidden;
}
.videoinpagina .responsive-video {
  padding-bottom: 100%;
  /*width: 1020px;*/
  /*margin-left: -220px;*/
  position: relative;
}
@media (max-width: 450px) {
  .videoinpagina .responsive-video {
    /*width: 650px;
        margin-left: -150px;*/
    position: relative;
  }
}
.ytp-title,
.ytp-title-text {
  display: none !important;
}
.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 100%;
  margin-left: -50%;
}
/*css per video responsive*/
.titolo1videohome {
  -moz-animation: titolo1 20s;
  -o-animation: titolo1 20s;
  animation: titolo1 20s;
  animation-iteration-count: 1;
  opacity: 0;
}
.titolo2videohome {
  -webkit-animation: titolo2 25s;
  -moz-animation: titolo2 25s;
  -o-animation: titolo2 25s;
  animation: titolo2 25s;
  animation-iteration-count: 1;
  font-size: 20px;
  opacity: 0;
}
/*.sfondovideohome {
    -webkit-animation: sfondo 30s;
    -moz-animation: sfondo 30s;
    -o-animation: sfondo 30s;
    animation: sfondo 30s;
    animation-iteration-count: 1;
    background-color: rgba(0, 0, 0, 0);
}*/
@keyframes titolo1 {
  20% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  55% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes titolo2 {
  25% {
    opacity: 0;
  }
  35% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes sfondo {
  80% {
    background-color: rgba(0, 0, 0, 0);
  }
  85%,
  90% {
    background-color: #000000;
  }
  100% {
    background-color: rgba(0, 0, 0, 0);
  }
}
.overlayvideotext {
  position: absolute;
  font-size: 40px;
  text-align: center;
  line-height: 50px !important;
  color: #fff !important;
  width: 100%;
  height: 100%;
  margin-top: 0;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3) !important;
}
/*----------------------------------
----- banner fascia video html -----
----------------------------------*/
.btn-play:before {
  font-family: 'font awesome 5 free';
  font-weight: 900;
  content: "\f04b";
  color: #fff;
  font-size: 1em;
  width: 70px;
  height: 45px;
  display: inline-block;
  padding-top: 12px;
}
.btn-play-on:before {
  font-family: 'font awesome 5 free';
  font-weight: 900;
  content: "\f04c";
  color: #fff;
  font-size: 1em;
  width: 70px;
  height: 45px;
  display: inline-block;
  padding-top: 12px;
}
.btn-vol:before {
  font-family: 'font awesome 5 free';
  font-weight: 900;
  content: "\f026";
  color: #fff;
  font-size: 1em;
  width: 70px;
  height: 45px;
  display: inline-block;
  padding-top: 12px;
}
.btn-vol-on:before {
  font-family: 'font awesome 5 free';
  font-weight: 900;
  content: "\f028";
  color: #fff;
  font-size: 1em;
  width: 70px;
  height: 45px;
  display: inline-block;
  padding-top: 12px;
}
.bckvideostyle {
  width: 100%;
  /*height: calc(90vh - 70px) !important;*/
  position: relative;
  top: 0;
  left: 0;
  z-index: 0;
  background-size: cover;
  overflow-x: hidden;
  overflow-y: hidden;
  padding-bottom: 0 !important;
  height: 100vh !important;
}
.bckvideostylefascia {
  width: 100%;
  /*height: calc(65vh) !important;*/
  height: 0;
  padding-top: calc(9 / 16 * 100%);
  position: relative;
  top: 0;
  left: 0;
  z-index: 0;
  background-size: cover;
  overflow-x: hidden;
  overflow-y: hidden;
  padding-bottom: 0 !important;
}
.overlayvideotext {
  position: absolute;
  font-size: 40px;
  text-align: center;
  line-height: 80px;
  color: #000;
  width: 100%;
  height: 100%;
  margin-top: 0;
  text-shadow: 10px 10px 20px rgba(248, 248, 248, 0.6);
}
.overlayvideotext .bigtext {
  font-size: 6rem;
}
.overlayvideotext .smalltext {
  font-size: 4rem;
}
@media (min-width: 800px) and (max-width: 1179px) {
  .bckvideostyle {
    width: 100%;
    height: calc(50vh) !important;
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
    background-size: cover;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 0 !important;
  }
  /*.bckvideostylefascia {
        width: 100%;
        height: calc(50vh - 70px) !important;
        position: relative;
        top: 0;
        left: 0;
        z-index: 0;
        background-size: cover;
        overflow-x: hidden;
        overflow-y: hidden;
                padding-bottom: 0 !important;
    }*/
  .overlayvideotext .bigtext {
    font-size: 4rem;
  }
  .overlayvideotext .smalltext {
    font-size: 2.5rem;
  }
  .bckvideostyle a {
    font-size: 28px !important;
    height: 35px;
    line-height: 35px;
    vertical-align: bottom;
  }
}
@media (min-width: 450px) and (max-width: 800px) {
  .bckvideostyle {
    width: 100%;
    height: calc(100vh - 70px) !important;
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
    background-size: cover;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 0 !important;
  }
  /*.bckvideostylefascia {
        width: 100%;
        height: calc(50vh) !important;
        position: relative;
        top: 0;
        left: 0;
        z-index: 0;
        background-size: cover;
        overflow-x: hidden;
        overflow-y: hidden;
                padding-bottom: 0 !important;
    }*/
  .overlayvideotext .bigtext {
    font-size: 3rem;
  }
  .overlayvideotext .smalltext {
    font-size: 1.5rem;
  }
  .bckvideostyle a {
    font-size: 20px !important;
    height: 30px;
    line-height: 30px;
    vertical-align: bottom;
  }
}
@media (max-width: 450px) {
  .bckvideostyle {
    width: 100%;
    /*height: calc(45vh - 70px) !important;*/
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
    background-size: cover;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 0 !important;
    height: calc(100vh - 100px) !important;
  }
  .overlayvideotext .bigtext {
    font-size: 2rem;
  }
  .overlayvideotext .smalltext {
    font-size: 1rem;
  }
  .bckvideostyle a {
    font-size: 15px !important;
    height: 25px;
    line-height: 25px;
    vertical-align: bottom;
  }
}
.overlayvideobuttons {
  position: absolute;
  bottom: 10px;
  left: 90px;
  font-size: 20px;
  text-align: center;
  line-height: normal;
  color: #000;
  width: auto;
  margin-bottom: 0;
  text-shadow: 10px 10px 20px rgba(248, 248, 248, 0.6);
}
.overlayvideobuttons input {
  background: rgba(0, 0, 0, 0.4) !important;
}
.overlayvideobuttons div {
  background: rgba(0, 0, 0, 0.4) !important;
}
.overlayvideobuttonsbottomright {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 20px;
  text-align: center;
  line-height: normal;
  color: #000;
  width: auto;
  text-shadow: 10px 10px 20px rgba(248, 248, 248, 0.6);
}
.overlayvideobuttonsbottomright input {
  background: rgba(0, 0, 0, 0.4) !important;
  margin: 0 !important;
}
.overlayvideobuttonsbottomright div {
  background: rgba(0, 0, 0, 0.4) !important;
  margin: 0 !important;
}
.cookies_policy input[type=button] {
  padding: 8px !important;
  margin: 8px 8px 8px 0 !important;
}
/*----------------------------------
---------- banner fascia -----------
----------------------------------*/
.textbanner {
  margin: 0;
  padding: 0;
  padding-left: 2%;
  padding-right: 3%;
}
@media (max-width: 768px) {
  .textbanner {
    margin: 0;
    padding: 30px 10% 50px 10%;
  }
}
.width-banner-fascia {
  max-width: 1600px;
}
.title-isotope,
.big2 {
  color: #741433;
  font-family: 'EB Garamond', serif;
  font-size: 2.1rem;
  font-weight: 400;
  width: 100%;
  line-height: 125% !important;
  background-color: transparent;
}
.subtitle-isotope {
  color: #ffffff;
  font-family: 'roboto', sans-serif;
  font-size: 1.6rem;
  font-weight: bold !important;
  line-height: 1.3 !important;
}
.small2,
.body-isotope {
  color: #ffffff;
  font-family: 'roboto', sans-serif;
  font-size: 1.3rem;
  font-weight: 300;
  background-color: transparent;
  line-height: 1.8rem !important;
}
.arrow-down-odd {
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 20px solid #12100a;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  top: -1px;
}
.arrow-down-even {
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 20px solid #fff;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  top: -1px;
}
.cornice-immagine {
  box-shadow: 40px 40px 0px 0px rgba(0, 0, 0, 0.2);
  width: calc(100% - 40px) !important;
  margin-bottom: 40px !important;
}
@media (max-width: 960px) {
  .cornice-immagine {
    box-shadow: 20px 20px 0px 0px rgba(0, 0, 0, 0.2);
    width: calc(100% - 20px) !important;
    margin-bottom: 20px !important;
  }
}
@media (max-width: 576px) {
  .cornice-immagine {
    box-shadow: none;
    width: 100% !important;
    margin-bottom: 0px !important;
  }
}
/*----------------------------------
-------- banner navigazione --------
----------------------------------*/
.work-subcaption {
  width: 100%;
  height: auto;
}
.isotope-navigation a .rounded {
  width: 100%;
  background-color: #d4d4cb;
  padding: inherit;
  border-radius: 0.25rem !important;
  text-align: center;
  margin: 5%;
  margin-left: 0;
}
.isotope-navigation .work-subcaption .work-title,
.titolo-offerta {
  color: #372e29;
  font-family: 'EB Garamond', serif;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 0px;
}
.isotope-navigation .work-subcaption .work-desc,
.sottotitolo-offerta {
  color: #ffffff;
  font-family: 'roboto', sans-serif;
  font-size: 1.2rem;
  /*font-style: italic;*/
  margin-bottom: 0px;
}
.isotope-navigation .work-subcaption .work-desc br {
  line-height: 2.5rem;
}
#isobannav1 li .work-image:after {
  background: url(/images/link1.png) center calc((100% - 0.1px) / 2) no-repeat !important;
  background-size: 10% !important;
}
#isobannav1 li .work-image:hover:after,
#isobannav1 div .work-image:hover:after {
  background: url(/images/link1.png) center calc((100% - 0.1px) / 2) no-repeat !important;
  background-size: 20% !important;
}
/* personalizzazioni singoli (li) button over catalogo */
.navigazione-home #isobannav1 li:nth-child(n+1) .work-image:after,
.navigazione-home #isobannav1 div:nth-child(n+1) .work-image:after {
  background-position: center calc((100% - 0.1px) / 2) !important;
  background-size: 10% !important;
}
.navigazione-home #isobannav1 li:nth-child(1) .work-image:hover:after,
.navigazione-home #isobannav1 div:nth-child(1) .work-image:hover:after {
  background: url(/images/icon-trattore.png) center calc((100% - 0.1px) / 2) no-repeat !important;
  background-size: 20% !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.navigazione-home #isobannav1 li:nth-child(2) .work-image:hover:after,
.navigazione-home #isobannav1 div:nth-child(2) .work-image:hover:after {
  background: url(/images/icon-spina.png) center calc((100% - 0.1px) / 2) no-repeat !important;
  background-size: 20% !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.navigazione-home #isobannav1 li:nth-child(3) .work-image:hover:after,
.navigazione-home #isobannav1 div:nth-child(3) .work-image:hover:after {
  background: url(/images/icon-ingranaggio.png) center calc((100% - 0.1px) / 2) no-repeat !important;
  background-size: 20% !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.navigazione-home #isobannav1 li:nth-child(4) .work-image:hover:after,
.navigazione-home #isobannav1 div:nth-child(4) .work-image:hover:after {
  background: url(/images/icon-vaso-fiore.png) center calc((100% - 0.1px) / 2) no-repeat !important;
  background-size: 20% !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.navigazione-home #isobannav1 li:nth-child(5) .work-image:hover:after,
.navigazione-home #isobannav1 div:nth-child(5) .work-image:hover:after {
  background: url(/images/icon-paletta-dx.png) center calc((100% - 0.1px) / 2) no-repeat !important;
  background-size: 20% !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.navigazione-home #isobannav1 li:nth-child(6) .work-image:hover:after,
.navigazione-home #isobannav1 div:nth-child(6) .work-image:hover:after {
  background: url(/images/icon-tubo.png) center calc((100% - 0.1px) / 2) no-repeat !important;
  background-size: 20% !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
}
/*----------------------------------------------------------------------
---- banner navigazione metodo lavoro 1 -> 2 -> 3 tipo hospitality -----
------------------------------------------------------------------------*/
#divcontainernavcampionatura {
  background-color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 579px) {
  #divcontainernavcampionatura .works-grid-4 .work-item,
  #divcontainernavmetodo .works-grid-4 .work-item {
    width: 49.999%;
  }
  .img-overlay,
  #divcontainernavmetodo .img-overlay {
    border: none !important;
    border-radius: 0% !important;
  }
  #divcontainernavmetodo img {
    padding: 5% !important;
  }
  #divcontainernavcampionatura li:nth-child(2),
  #divcontainernavcampionatura li:nth-child(4),
  #divcontainernavmetodo li:nth-child(2),
  #divcontainernavmetodo li:nth-child(4) {
    padding: 5px !important;
  }
}
@media (min-width: 579px) {
  #divcontainernavcampionatura li:nth-child(n+1)::after,
  #divcontainernavmetodo li:nth-child(n+1)::after {
    position: absolute;
    top: 25px;
    left: 75px;
    width: 50px;
    height: 50px;
    line-height: 45px;
    border-radius: 50%;
    background-color: #741433;
    color: white;
    font-size: 2rem;
    font-weight: 400;
    text-align: center;
    box-shadow: 0 4px 6px -6px #000;
  }
  #divcontainernavmetodo li:nth-child(n+1)::after {
    top: 0px;
  }
  #divcontainernavcampionatura li:nth-child(1)::after,
  #divcontainernavmetodo li:nth-child(1)::after {
    content: "1";
  }
  #divcontainernavcampionatura li:nth-child(2)::after,
  #divcontainernavmetodo li:nth-child(2)::after {
    content: "2";
  }
  #divcontainernavcampionatura li:nth-child(3)::after,
  #divcontainernavmetodo li:nth-child(3)::after {
    content: "3";
    line-height: 40px;
  }
  #divcontainernavcampionatura li:nth-child(4)::after,
  #divcontainernavmetodo li:nth-child(4)::after {
    content: "4";
  }
}
@media (max-width: 1200px) and (min-width: 768px) {
  #divcontainernavnavcampionatura .works-grid-4 .work-item,
  #divcontainernavmetodo .works-grid-4 .work-item {
    width: 24.999%;
  }
}
@media screen and (min-width: 1023px) {
  #divcontainernavcampionatura li:nth-child(n+1) {
    background-repeat: no-repeat;
    /*usare con icona ->*/
    background-image: url(/images/freccia-dx.png), url(/images/freccia-sx.png);
    background-position: top 75px left 0, top 75px right 0px;
    background-size: 15%;
    /*usare con icona +*/
    /*background-image: url(/images/plus-dx.png), url(/images/plus-sx.png);*/
    /*background-size: 7.5%;
        background-position: top 35% left 0, top 35% right 0px;*/
  }
  #divcontainernavcampionatura li:first-child {
    background-position-x: right;
    background-repeat: no-repeat;
    /*usare con icona ->*/
    background-image: url(/images/freccia-sx.png);
    background-position-y: 75px;
    background-size: 15%;
    /*usare con icona +*/
    /*background-image: url(/images/plus-sx.png);*/
    /*background-size: 7.5%;
        background-position-y: 35%;*/
  }
  #divcontainernavcampionatura li:last-child {
    background-position-x: left;
    background-repeat: no-repeat;
    margin-left: -1px;
    /*usare con icona ->*/
    background-image: url(/images/freccia-dx.png);
    background-position-y: 75px;
    background-size: 15%;
    /*usare con icona +*/
    /*background-image: url(/images/plus-dx.png);*/
    /*background-size: 7.5%;
        background-position-y: 35%;*/
  }
}
/* metodo 1 -> 2 -> 3 tipo colosseo */
#divcontainernavmetodo .img-overlay {
  background-color: rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 1023px) {
  #divcontainernavmetodo li:nth-child(n+1) {
    background-repeat: no-repeat;
    /*usare con icona ->*/
    /*background-image: url(/images/freccia-dx.png), url(/images/freccia-sx.png);
        background-position: top 75px left 0, top 75px right 0px;
        background-size: 15%;*/
    /*usare con icona +*/
    background-image: url(/images/plus-dx.png), url(/images/plus-sx.png);
    background-size: 7.5%;
    background-position: top 35% left 0, top 35% right 0px;
  }
  #divcontainernavmetodo li:first-child {
    background-position-x: right;
    background-repeat: no-repeat;
    /*usare con icona ->*/
    /*background-image: url(/images/freccia-sx.png);
        background-position-y: 75px;
        background-size: 15%;*/
    /*usare con icona +*/
    background-image: url(/images/plus-sx.png);
    background-size: 7.5%;
    background-position-y: 35%;
  }
  #divcontainernavmetodo li:last-child {
    background-position-x: left;
    background-repeat: no-repeat;
    margin-left: -1px;
    /*usare con icona ->*/
    /*background-image: url(/images/freccia-dx.png);
        background-position-y: 75px;
        background-size: 15%;*/
    /*usare con icona +*/
    background-image: url(/images/plus-dx.png);
    background-size: 7.5%;
    background-position-y: 35%;
  }
}
/*--------------------------------------------
----------- banner testata funnel ------------
----------------------------------------------*/
.bigtext-funnel {
  color: #ddc278;
  font-family: 'EB Garamond', serif;
  font-size: calc(18px + (32 - 18) * ((100vw - 768px) / (1200 - 768))) !important;
  font-weight: 700;
  text-shadow: -1px 2px 5px rgba(0, 0, 0, 0.2);
  line-height: normal !important;
  text-align: right;
  white-space: pre-wrap;
  overflow: hidden;
  /*    overflow-wrap: break-word;*/
  letter-spacing: 1px !important;
}
.smalltext-funnel {
  color: #971a42;
  font-family: 'EB Garamond', serif;
  font-size: calc(18px + (24 - 18) * ((100vw - 768px) / (1200 - 768))) !important;
  font-weight: 400 !important;
  text-align: right;
  line-height: normal !important;
  text-shadow: -1px 2px 5px rgba(0, 0, 0, 0.2);
  white-space: pre-wrap;
  overflow: hidden;
  /*    overflow-wrap: break-word;*/
}
@media screen and (max-width: 768px) {
  .quote-marks-bigtext {
    font-size: 2rem !important;
  }
  .smalltext-funnel {
    font-size: 1.5rem !important;
  }
}
/*------------------------------------------------------
------ banner processo acquisto & isotope funnel -------
------------------------------------------------------*/
li:nth-child(1).work-item.funnel-fasce .work-div-noborder,
div:nth-child(1).funnel-fasce {
  border-radius: 50px 50px 0 0;
}
li:nth-last-child(1).work-item.funnel-fasce .work-div-noborder,
div:nth-last-child(1).funnel-fasce {
  border-radius: 0 0 50px 50px;
}
li:nth-child(-n+4).work-item.funnel-fasce .title-isotope::after,
div:nth-child(-n+4).funnel-fasce .title-isotope::after {
  position: absolute;
  top: -10px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  background-color: #741433;
  color: white;
  font-size: 2rem;
  font-weight: 400;
  text-align: center;
  box-shadow: 0 4px 6px -6px #000;
}
li:nth-child(odd).work-item.funnel-fasce .title-isotope::after,
div:nth-child(odd).funnel-fasce .title-isotope::after {
  left: -25px;
}
li:nth-child(even).work-item.funnel-fasce .title-isotope::after,
div:nth-child(even).funnel-fasce .title-isotope::after {
  right: -25px;
}
li:nth-child(1).work-item.funnel-fasce .title-isotope::after,
div:nth-child(1).funnel-fasce .title-isotope::after {
  content: "1";
}
li:nth-child(2).work-item.funnel-fasce .title-isotope::after,
div:nth-child(2).funnel-fasce .title-isotope::after {
  content: "2";
}
li:nth-child(3).work-item.funnel-fasce .title-isotope::after,
div:nth-child(3).funnel-fasce .title-isotope::after {
  content: "3";
}
li:nth-child(4).work-item.funnel-fasce .title-isotope::after,
div:nth-child(4).funnel-fasce .title-isotope::after {
  content: "4";
}
@media screen and (max-width: 768px) {
  li:nth-child(-n+4).work-item.funnel-fasce .title-isotope::after,
  div:nth-child(-n+4).funnel-fasce .title-isotope::after {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    display: inline-block;
    margin-top: 15px;
  }
}
/*------------------------------------------------
----------- banner navigazione funnel ------------
--------------------------------------------------*/
.works-grid-2 li:nth-child(1).work-item.funnel {
  width: 99.999%;
}
.works-grid-2 li:nth-child(1).work-item.funnel .isotope-navigation {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}
.works-grid-2 li:nth-child(1).work-item.funnel .isotope-navigation .work-subcaption,
.works-grid-2 li:nth-child(1).work-item.funnel .isotope-navigation a.funnel-buton {
  width: 50% !important;
}
.works-grid-2 li.work-item.funnel .isotope-navigation a.funnel-buton {
  width: 75% !important;
}
.work-item.funnel .isotope-navigation .work-subcaption .work-title {
  font-size: 2.6rem;
}
@media (min-width: 580px) and (max-width: 768px) {
  .works-grid-2 li:nth-child(1).work-item.funnel {
    width: 99.999%;
  }
  .works-grid-2 li:nth-child(1).work-item.funnel .isotope-navigation .work-subcaption,
  .works-grid-2 li:nth-child(1).work-item.funnel .isotope-navigation a.funnel-buton {
    width: auto !important;
  }
  .works-grid-2 li:nth-child(1).work-item.funnel .isotope-navigation {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
}
@media (max-width: 579px) {
  .works-grid-2 li:nth-child(1).work-item.funnel {
    width: 99.999%;
  }
  .works-grid-2 li:nth-child(1).work-item.funnel .isotope-navigation .work-subcaption,
  .works-grid-2 li:nth-child(1).work-item.funnel .isotope-navigation a.funnel-buton {
    width: auto !important;
  }
  .works-grid-2 li:nth-child(1).work-item.funnel .isotope-navigation {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
}
/*------------------------------------
-------- banner dicono di noi --------
------------------------------------*/
.a-bg-petrol {
  background-color: #ddc278;
}
/*------------------------------------
isotope & scheda prodotti & varie shop
------------------------------------*/
.prod_discount::before {
  position: absolute;
  border-top-color: #8a8a8a;
  border-top-width: 1px;
  border-top-style: dotted;
  display: block;
  content: "";
  left: 0px;
  top: 3px;
  right: 0px;
}
.prod_discount::after {
  position: absolute;
  border-top-color: #8a8a8a;
  border-top-width: 1px;
  border-top-style: dotted;
  display: block;
  content: "";
  left: 0px;
  right: 0px;
  bottom: 4px;
}
.prod_discount {
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  background-color: #ddc278 !important;
}
.csstransforms.prod_discount {
  position: absolute;
  padding: 0.3em 3em;
  /*left: -3em;
    top: 2em;*/
  left: -2.5em;
  top: 1em;
  font-weight: 400;
  font-size: 1.5rem;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  z-index: 95;
}
/*.prod_discount {
    position: absolute;
    padding: 1.7em 1.1em;
    left: 5px;
    top: 5px;
    background: url(../images/sitespecific/bollino-3.png) no-repeat center center;
    width: 90px;
    height: 90px;
    background-size: 100% 100%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    line-height: 1.1rem;
    font-size: 0.9rem;
    word-wrap: normal;
}

.prod_discount > span {
    display: block;
    transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
}*/
/*carrello - menu - fixedtop*/
.dropdown-menu {
  color: #ffffff;
}
@media (min-width: 1140px) {
  .dropdown-cart {
    width: 250px;
    transform: translate3d(-196px, 34px, 0px) !important;
  }
}
.dropdown-cart .product-details {
  width: calc(100% - 10px);
  bottom: 5px;
}
.dropdown-cart .products-list-mini li {
  padding: 5px !important;
  background: #12100a;
  margin-top: 2px !important;
}
.products-list-mini li + li {
  border: none;
}
.dropdown-menu {
  border: 1px solid #ffffff;
}
.products-list-mini li:nth-child(1) {
  display: none;
}
.products-list-mini li:nth-child(2) {
  margin-top: 0px !important;
}
.products-list-mini li:nth-child(n+1) .work-image:after {
  background-position: center calc((100% - 61px) / 2) !important;
  background-size: 15% !important;
}
.products-list-mini li:nth-child(n+1) .work-image:hover:after {
  background-size: 25% !important;
}
/*tabella riepilogo - carrello*/
.table td,
.table th {
  padding: 0.5rem;
  vertical-align: top;
  border-top: none;
  background: #12100a;
  vertical-align: middle;
}
.table-cart thead td,
.table-cart thead th {
  color: #fff;
  font-weight: normal;
  background: #ddc278;
}
.table-cart tbody tr td,
.table-cart tbody tr th {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 4px solid #fff;
}
.table-cart tbody tr td span,
.table-cart tbody tr th span {
  padding-top: 10px;
  padding-bottom: 10px;
  vertical-align: middle;
}
.cart-product,
.cart-quantity,
.cart-total {
  text-align: left !important;
  font-size: 0.8rem;
  letter-spacing: 2px;
  font-family: 'roboto', sans-serif;
}
.table-cart .cart-total {
  min-width: 100px;
}
.table-cart .cart-product .product-thumb {
  border: none;
  margin: 0 10px 0 0;
}
.cart-total {
  font-size: 1rem;
}
.table-cart .cart-remove {
  width: 50px;
  padding-right: 0;
}
select.form-control:not([size]):not([multiple]) {
  height: auto;
}
.cart-product .work-image:after {
  background-size: 30% !important;
}
.cart-product .work-image:hover:after {
  background-size: 40% !important;
}
/*--- pagina  acqusito prodotto ---*/
.bill-address label {
  margin-bottom: 0.2rem;
  font-size: 0.8rem;
}
.bill-address .form-group {
  margin-bottom: 0.8rem;
}
.quantity-order {
  font-size: 1.2rem;
  font-weight: bold;
  width: 50px;
  height: 50px;
  float: left;
  background: #37311e;
  line-height: 32px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
}
/*----------------------------------
---------- isotope staff -----------
----------------------------------*/
.isotope-staff a .rounded {
  background-color: #d4d4cb;
  padding: inherit;
  border-radius: 0 !important;
  text-align: center;
  margin: 5% 5% 0 0;
}
.isotope-staff .work-subcaption {
  background-color: #12100a;
  height: 168px;
}
.isotope-staff .work-subcaption .work-title {
  color: #372e29;
  font-family: 'EB Garamond', serif;
  font-size: 1.4rem;
  font-weight: bold;
  font-style: normal;
  margin-bottom: 0px;
}
.isotope-staff .work-subcaption .work-desc {
  color: #ffffff;
  font-family: 'roboto', sans-serif;
  font-size: 1.2rem;
  font-style: italic;
  margin-bottom: 0px;
}
/*----------------------------------
---------- isotope offerta ---------
----------------------------------*/
.titolo-offerta {
  font-weight: 600;
}
.sottotitolo-offerta {
  font-style: normal;
  font-weight: 300;
}
.imgbackstyle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #333;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
  overflow: hidden;
  min-height: 370px;
}
/*----------------------------------
---------- owl slider ----------
----------------------------------*/
.owl-carousel-v1.owl-work-v1.margin-bottom-40 {
  margin-top: 20px;
}
.body-banner-slider a p {
  font-size: 1.1rem;
}
.owl-slider-v2 .box {
  margin: 14px;
  /*background-color: @bg-box-banner-slider;*/
}
.owl-slider-v2 .box .work-image,
.owl-slider-v2 .box .work-image-no-button {
  height: auto;
  padding: 0;
  width: 100%;
  margin: 0 5% 5%;
  text-align: center;
  margin-left: 0;
  border-radius: 0;
  position: relative;
  overflow: hidden;
}
.title-banner-slider {
  color: #372e29;
  font-family: 'EB Garamond', serif;
  font-size: 1.4rem;
  font-weight: bold;
  font-style: normal;
  margin-bottom: 0px;
}
.subtitle-banner-slider {
  color: #ffffff;
  font-family: 'roboto', sans-serif;
  font-size: 1.2rem;
  font-style: normal;
  margin-bottom: 0px;
}
.body-banner-slider {
  height: 190px;
  border-top: none;
  text-align: center;
  overflow: hidden;
}
.owl-theme .owl-controls .owl-page span {
  background: #ddc278;
  filter: alpha(opacity=50);
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  opacity: 1;
  filter: alpha(opacity=100);
}
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  margin-top: 20px;
}
/*----------------------------------
---- isotope news-letter e mail ----
----------------------------------*/
.mbr-overlay {
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 1;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.mbr-overlay-white {
  background-color: rgba(212, 212, 203, 0.6);
  /*background: @bg-testata-opacity-white-gradient;*/
}
.mbr-overlay-white1 {
  background-color: rgba(212, 212, 203, 0.8);
  opacity: 1;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
@media (max-width: 576px) {
  .mbr-overlay-white1 {
    display: none !important;
  }
  section .mbr-parallax-background.bg-light-color-pattern-1 {
    background-image: none !important;
  }
}
.mbr-overlay-sfumato {
  opacity: 1;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  background: linear-gradient(180deg, #12100a, rgba(18, 16, 10, 0.5));
}
.mbr-overlay-sfumato2 {
  opacity: 1;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  background: linear-gradient(180deg, rgba(18, 16, 10, 0.5), rgba(18, 16, 10, 0.5));
}
/*-------loader-------*/
/* ==========================================================================
   page loader
============================================================================= */
@keyframes page-loader {
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes page-loader {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@media screen and (min-width: 1025px) {
  .loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: #fff;
  }
  .loaderabsolute {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: #fff;
  }
  .loaderrelative {
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    height: auto;
    z-index: 99999;
    background: #fff;
  }
  .spinner {
    min-width: 24px;
    min-height: 24px;
  }
  .spinner:before {
    content: 'loading…';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
  }
  .spinner:not(:required):before {
    content: '';
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-top: 2px solid #333;
    border-right: 2px solid transparent;
    animation: page-loader 0.6s linear infinite;
    -webkit-animation: page-loader 0.6s linear infinite;
  }
}
/*----------------------------------
---------- scheda details ----------
----------------------------------*/
/*blog customization*/
.sidebar-block {
  padding: 15px;
  background-color: transparent;
  border: 2px solid #eee;
  border-radius: 6px;
  border: none;
  margin-bottom: 0px;
}
.blog-post {
  padding: 0px;
  background-color: #fff;
  border: 2px solid #eee;
  border-radius: 6px;
  border: none;
  margin-bottom: 10px;
}
.blog-post .blog-post-details {
  border-top: none;
  border-bottom: none;
}
.blog-post .blog-span {
  margin-left: 0px;
}
.blog-post .blog-post-body {
  font-size: 1.1rem;
  border-top: 2px solid #f0f0f0;
  border-bottom: 2px solid #f0f0f0;
  padding-top: 20px;
  padding-bottom: 20px;
}
.blog-search .blog-search-button {
  background-color: #4a4b4c;
}
.blog-sezione {
  font-size: 1.4rem;
  width: 100%;
  border-bottom: 1px solid #666;
  color: #666;
  margin: 20px 0px 10px 0px;
}
.blog-price {
  font-size: 1.5em;
  font-weight: normal;
  margin-bottom: 0px;
  color: #33332e;
}
.blog-post .blog-post-body {
  border-bottom: 0px solid #f0f0f0;
}
.blog-post .blog-post-details-item-left {
  padding: 0 0 5px 0px;
}
.blog-post h1 a {
  color: #ffffff;
}
.blog-post .blog-post-body,
.blog-post-body {
  font-size: 1.1rem;
  color: #ffffff;
  font-family: 'roboto', sans-serif;
  line-height: 1.6rem;
}
/*----------------------------------
------- scheda details staff -------
----------------------------------*/
.staff-image img {
  height: auto !important;
}
/*----------------------------------
--- carusel scheda details blog ----
----------------------------------*/
.owl-carousel-v1 .item {
  margin: 0 15px;
  background-color: #d4d4cb;
  border: none;
}
.owl-carousel-v1 .item:hover {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  /* -webkit-filter: drop-shadow(0 7px 14px .35px); */
  -moz-filter: d none;
}
.body-banner-slider a p {
  font-size: 1.1rem;
}
/*----------------------------------
---------------- faq ---------------
----------------------------------*/
#collapse_faq p {
  margin-bottom: 0;
}
.faq-section {
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: #d4d4cb;
  position: relative;
}
.card {
  border-color: #37311e;
}
.faq-section .card,
#collapse_faq .card {
  background-color: #d4d4cb;
  /*border: none;*/
  border-radius: 0px;
  margin-bottom: -1px;
}
#collapse_faq .card {
  border: 1px solid #37311e;
}
.faq-section .card .title {
  background-color: #ddc278 !important;
}
.faq-section .card .card-header {
  background-color: #12100a;
  border: 0px;
  padding: 0;
  margin-bottom: 0;
}
.faq-section .card .card-header a.panel-title {
  margin-bottom: 0;
  margin-top: -1px;
  font-weight: 700;
  font-style: normal;
  display: block;
  text-decoration: none !important;
  line-height: normal;
}
.faq-section .card .card-header a.panel-title h4 {
  font-family: 'roboto', sans-serif;
  color: #ffffff;
  padding: 1.3rem 2rem !important;
  margin-bottom: 0;
  font-weight: bold;
  font-size: 1rem;
  line-height: 22px;
  text-indent: -9px;
  padding-left: calc(2rem + 9px) !important;
}
/*----------------------------------
--------------- form ---------------
----------------------------------*/
.formbackground {
  border-width: 0px;
  border-color: #eaeaea;
  border-style: solid;
  border-radius: 10px;
  overflow: hidden;
  /*box-shadow: rgba(61, 61, 61, 0.1) 0px 25px 20px 0px;*/
  padding: 0px 40px 40px;
  min-height: 0px;
  /*    top: -50px;
    left:30px;*/
}
.formtextbackground {
  background-color: #222;
  color: #fff !important;
  border-width: 3px;
  border-color: #741433;
  border-style: solid;
  border-radius: 10px;
  overflow: hidden;
  padding: 40px 40px 40px;
  min-height: 0px;
  /*    top: -50px;
    left:30px;*/
}
.ui-15 .ui-form .form-control {
  background-color: #ffffff;
}
.form-control,
.form-control:focus {
  border: 1px solid #37311e;
}
.ui-15 .ui-form .ui-icon {
  color: #37311e !important;
}
/*--------------- form - errore compilazione dati mancanti ---------------*/
.errormessageform {
  color: red;
  width: 40%;
  right: 20px;
  position: absolute;
  top: 20px;
  font-size: 0.9rem !important;
  background: #fff;
  padding: 15px;
  border-radius: 20px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
  text-align: left;
}
.errormessageform::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.6em solid transparent;
  border-right: 0.6em solid transparent;
  border-bottom: 0.6em solid transparent;
  border-left: 0.6em solid;
  right: -1.2em;
  bottom: 20px;
  position: absolute;
  color: #fff;
}
.errormessageformprivacy {
  color: red;
  width: 40%;
  right: 20px;
  position: absolute;
  font-size: 0.9rem !important;
  background: #fff;
  padding: 15px;
  border-radius: 20px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
  text-align: left;
  top: 190px;
}
.errormessageformprivacy::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.6em solid transparent;
  border-right: 0.6em solid transparent;
  border-bottom: 0.6em solid transparent;
  border-left: 0.6em solid;
  right: -1.2em;
  position: absolute;
  color: #fff;
}
.errormessageform ul {
  margin-bottom: 0.8rem !important;
}
/*----------------------------------
--------------- checkbox modifica ---------------
----------------------------------*/
.checkbox label:after {
  content: '';
  display: table;
  clear: both;
}
.checkbox .cr {
  position: relative;
  display: inline-block;
  border: 1px solid #a9a9a9;
  border-radius: 0.25em;
  width: 1.3em;
  height: 1.3em;
  float: left;
  margin-right: 0.5em;
  background-color: #fff;
}
.checkbox .cr .cr-icon {
  position: absolute;
  font-size: 0.8em;
  line-height: 0;
  top: 50%;
  left: 15%;
}
.checkbox label input[type="checkbox"] {
  display: none;
}
.chkSupplemento input[type="checkbox"] {
  display: block;
}
.checkbox label input[type="checkbox"] + .cr > .cr-icon {
  opacity: 0;
}
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon {
  opacity: 1;
}
.checkbox label input[type="checkbox"]:disabled + .cr {
  opacity: 0.5;
}
label[class="checkbox"] input[type="checkbox"] {
  margin: 4px;
  width: 25px;
  height: 25px;
}
li input[type="radio"] {
  margin: 4px;
  width: 25px;
  height: 25px;
}
/****************************
breadcrumb
****************************/
.breadcrumb-container {
  position: absolute;
  right: 0;
  top: 40%;
}
.breadcrumb {
  list-style: none;
  padding: 5px 0;
  margin: 0;
  font-size: 9px;
  display: inline-block;
  background-color: transparent;
}
.breadcrumb-container span {
  display: inline-block;
  float: left;
  font-size: 11px;
  margin: 0 7px 0 0;
}
.breadcrumb li {
  float: left;
  padding-right: 5px;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 0.8rem;
  color: #666;
}
.breadcrumb > .active {
  color: #888;
}
.breadcrumb li a {
  color: #666;
  text-decoration: none;
}
.breadcrumb li a:hover {
  text-decoration: underline;
}
.breadcrumb li:last-child:after {
  content: "";
  width: 0px;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #666;
  content: ">\00a0";
}
.breadcrumbs > ul > li {
  padding: 0;
}
.linksmall a,
.linksmall-blog a,
.linksmall-blog {
  color: #741433;
  text-decoration: none;
  font-size: 90%;
}
.linksmall a:hover,
.linksmall-blog a:hover,
.linksmall-blog:hover {
  color: #971a42;
}
.linksmall-blog a,
.linksmall-blog {
  font-size: 100%;
}
/*----------------------------------
--------------- per feedbacks ---------------
----------------------------------*/
.noborders {
  box-sizing: border-box;
  background-color: transparent;
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
#divcommenti-totals h3 {
  color: #ffffff;
}
.commenti-details-page div#divcommenti-head-ctrl {
  background-color: #fff !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.g-recaptcha {
  margin: 15px auto !important;
  width: auto !important;
  height: auto !important;
  text-align: -webkit-center;
  text-align: -moz-center;
  text-align: -o-center;
  text-align: -ms-center;
}
/* -------------------------
    rounded button
    ------------------*/
button.js-roundedpush {
  background-color: #ddc278;
  border-radius: 50%;
  width: 60px !important;
  height: 60px !important;
  color: white;
  padding: 0px !important;
  margin: 0px !important;
}
button.js-roundedpush:hover {
  background-color: #ddc278;
  border-radius: 50%;
  width: 60px !important;
  height: 60px !important;
  color: white !important;
  padding: 0px !important;
  margin: 0px !important;
}
.form-control {
  /*background-color: @bg-light-color;*/
  background-color: #efebe1;
  box-shadow: none;
  color: #ffffff;
  font-size: 0.875rem;
  padding: 0.5em;
}
.form-control::-webkit-input-placeholder {
  /* chrome/opera/safari */
  color: #000000;
}
.form-control::-moz-placeholder {
  /* firefox 19+ */
  color: #000000;
}
.form-control:-ms-input-placeholder {
  /* ie 10+ */
  color: #000000;
}
.form-control:-moz-placeholder {
  /* firefox 18- */
  color: #000000;
}
.rating {
  color: #ddc278 !important;
}
/* -------------------------
    indice animeted contact
    ------------------*/
.indice-movie {
  animation: animation-indice-movie 1s ease-in-out infinite;
}
@keyframes animation-indice-movie {
  0%,
  100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(10px, 0);
  }
}
.searchbar-container {
  background-color: #ddc278;
}
.searchbar-container > ul {
  display: block !important;
  width: calc(50% + 40px);
  left: -20px;
  margin: 0 auto;
  background-color: #ddc278;
  opacity: 1 !important;
  border: none;
  padding: 10px 35px;
}
.searchbar-container > ul li {
  display: inline-block;
  /*float: right;
    clear: none;*/
  /*width: auto;*/
  width: 160px;
  padding: 10px 10px;
  margin: 0px auto;
}
.searchbar-container select input button {
  padding: 14px 14px 14px 40px !important;
}
/* -------------------------
  stili from landing.css ( da verificare utilizzo )
--------------------------- */
.mbr-section-full {
  height: calc(100vh - 60px) !important;
}
.mbr-section-full .mbr-overlay {
  min-height: calc(100vh - 60px) !important;
}
.mbr-section {
  position: relative;
  padding-top: 120px;
  padding-bottom: 120px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.mbr-section-full {
  display: table;
  height: 100vh;
  padding-bottom: 0;
  padding-top: 0;
  table-layout: fixed;
  width: 100%;
}
.mbr-section-full > .mbr-table-cell {
  width: 100%;
}
.mbr-section-small {
  padding-top: 60px;
  padding-bottom: 60px;
}
.mbr-section__container--first {
  padding-top: 120px;
  padding-bottom: 40px;
}
.mbr-section__container--middle {
  padding-top: 0;
  padding-bottom: 40px;
}
.mbr-section__container--last {
  padding-top: 0;
  padding-bottom: 120px;
}
.mbr-section-sm-padding {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mbr-section-md-padding {
  padding-top: 90px;
  padding-bottom: 90px;
}
.mbr-section-nopadding {
  padding-top: 0;
  padding-bottom: 0;
}
.mbr-section-title + .mbr-section-subtitle {
  margin-top: -21px;
}
.mbr-section-hero::before {
  display: none !important;
}
.mbr-section-hero .mbr-section-title {
  color: #fff;
  margin-bottom: 1.6875rem;
}
.mbr-section-hero .mbr-section-lead {
  color: #fff;
  font-family: 'roboto', sans-serif;
  font-size: 1.5rem;
  font-style: italic;
  margin-top: -1em;
}
.mbr-section-hero .mbr-section-text {
  color: #fff;
}
@media (max-width: 767px) {
  .mbr-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .mbr-section-full {
    padding-bottom: 0;
    padding-top: 0;
  }
  .mbr-section__container--first {
    padding-top: 60px;
    padding-bottom: 40px;
  }
  .mbr-section__container--middle {
    padding-top: 0;
    padding-bottom: 40px;
  }
  .mbr-section__container--last {
    padding-top: 0;
    padding-bottom: 60px;
  }
  .mbr-section-sm-padding {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .mbr-section-md-padding {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .mbr-section-nopadding {
    padding-top: 0;
    padding-bottom: 0;
  }
  .mbr-section-subtitle,
  h1 span .mbr-section-subtitle {
    margin-bottom: 0;
  }
  .mbr-section-hero.mbr-after-navbar .mbr-section {
    padding-top: 120px;
  }
  .mbr-section-hero.mbr-section-with-arrow .mbr-section {
    padding-bottom: 120px;
  }
  .mbr-section-hero .mbr-section-title {
    font-size: 3.125rem !important;
  }
  .mbr-section-hero .mbr-section-lead {
    font-size: 1.125rem !important;
  }
  .mbr-section-hero .mbr-section-btn .btn {
    font-size: 0.75rem !important;
    line-height: 1.5;
    padding: 0.75rem 2.1875rem;
  }
}
.mbr-section-full .mbr-overlay {
  min-height: 100vh;
}
.mbr-overlay ~ * {
  z-index: 2;
}
.mbr-section-full .mbr-background-video,
.mbr-section-full .mbr-background-video-preview {
  min-height: 100vh;
}
.mbr-table {
  display: table;
  width: 100%;
}
.mbr-table-full {
  height: 100%;
  position: relative;
  width: 100%;
}
.mbr-table-cell {
  display: table-cell;
  float: none;
  padding-bottom: 0;
  padding-top: 0;
  position: relative;
  vertical-align: middle;
}
.mbr-table-md-up {
  width: 100%;
}
.mbr-table-md-up .mbr-table-cell {
  display: block;
}
.mbr-table-md-up .mbr-table-cell + .mbr-table-cell {
  padding-top: 40px;
}
@media (min-width: 768px) {
  .mbr-table-md-up {
    display: table;
  }
  .mbr-table-md-up .mbr-table-cell {
    display: table-cell;
  }
  .mbr-table-md-up .mbr-table-cell + .mbr-table-cell {
    padding-top: 0;
  }
}
@media (min-width: 768px) {
  .mbr-right-padding-md-up {
    padding-right: 60px;
  }
}
@media (min-width: 768px) {
  .mbr-left-padding-md-up {
    padding-left: 60px;
  }
}
.mbr-valign-top {
  vertical-align: top;
}
.content-size {
  width: auto;
}
.image-size {
  vertical-align: middle;
  margin: auto;
  text-align: center;
}
.image-size .mbr-figure {
  padding-top: 3px;
}
@media (max-width: 768px) {
  .image-size {
    width: 100% !important;
  }
}
.mbr-figure {
  display: block;
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.mbr-figure img,
.mbr-figure iframe {
  display: block;
  width: 100%;
}
.mbr-figure .mbr-figure-caption {
  background: #2e2e2e;
  color: #fff;
  font-family: 'roboto', sans-serif;
  padding: 1.5rem 0;
  text-align: center;
  width: 100%;
}
.mbr-figure .mbr-figure-caption-over {
  background: -moz-linear-gradient(left, rgba(67, 76, 99, 0.85), rgba(188, 155, 114, 0.85)) !important;
  background: -ms-linear-gradient(left, rgba(67, 76, 99, 0.85), rgba(188, 155, 114, 0.85)) !important;
  background: -o-linear-gradient(left, rgba(67, 76, 99, 0.85), rgba(188, 155, 114, 0.85)) !important;
  background: -webkit-linear-gradient(left, rgba(67, 76, 99, 0.85), rgba(188, 155, 114, 0.85)) !important;
  background: linear-gradient(left, rgba(67, 76, 99, 0.85), rgba(188, 155, 114, 0.85)) !important;
  bottom: 0;
  position: absolute;
}
/* ---------------------------------
---------- skills animate ----------
--------------------------------- */
.skills {
  width: inherit;
  position: relative;
}
.skills ul {
  margin-top: 0px;
  list-style: none;
  padding-inline-start: 0;
}
.skills ul > li {
  margin-bottom: 50px;
  background: transparent;
  overflow: hidden;
  position: relative;
}
.skills ul > li div {
  margin-top: 28px;
  height: 6px;
  border-radius: 3px;
  background-color: #37311e;
}
.skills ul > li em {
  font-family: 'roboto', sans-serif;
  color: #741433;
  font-size: 18px;
  position: relative;
  top: -30px;
  font-style: normal;
  font-weight: 600;
}
.skills ul > li span {
  height: 6px;
  border-radius: 3px;
  background: #ffffff;
  position: absolute;
}
.skills ul > li:nth-last-child(1) {
  margin-bottom: 0px;
}
.skills1 {
  width: 90%;
}
.skills2 {
  width: 85%;
}
.skills3 {
  width: 60%;
}
.skills4 {
  width: 55%;
}
/*///////////////////////////////////
:::::::::::::          ::::::::::::::
::::::::::::: template ::::::::::::::
:::::::::::::          ::::::::::::::
///////////////////////////////////*/
/* ---------------------------------
 template - testata home fullscreen 
--------------------------------- */
/*distanza della pagina dal menu in caso di e commerce con sotto menu prodotti a vista*/
.headerspacer {
  /*padding-top: calc(141px + 48px);*/
  padding-top: 128px;
  /*senza sottomenu a vista con icone*/
  /*padding-top: calc(141px + 82px);*/
  /*con sottomenu a vista con icone*/
  /*padding-top: calc(141px + 82px - 16px);*/
  /*con sottomenu a vista con icone + testate pagine*/
  /*padding-top: 95px;*/
  /*senza menù top, tipo dolore di achille*/
}
/*--------- end ---------*/
/*distanza della pagina dal menu in caso di sito normale*/
/*.headerspacer {
    padding-top: calc(141px + 14px);
}*/
#divcontainerb3 {
  height: calc(80vh - 95px - 40px) !important;
}
@media (max-width: 1179px) {
  .headerspacer,
  .headerspacer-home {
    padding-top: 60px !important;
  }
}
/*testata che mantiene legend proporzioni tipo video*/
/*#divcontainerb1 {
    height: calc(((100vw - 95px) * 9) / 19.5) !important;
}*/
/*.headerspacer-home {
    padding-top: 0;
}*/
@media (max-width: 1179px) {
  #divontainerb1,
  #divcontainerb3,
  #divcontainermobile {
    height: calc(100vh - 60px) !important;
    /*height: calc(90vh - 95px - 40px)*/
  }
  #divcontainerb2 {
    height: calc(50vh - 90px) !important;
    /*testata pagine metà altezza*/
  }
}
@media (max-width: 576px) {
  #divcontainerb3 .defaultimg {
    transform: rotate(-90deg);
    width: 100vh !important;
    height: 100vh !important;
  }
  /*#divcontainerb1, #divcontainerb3, #divcontainermobile {
        height: calc(100vh - 90px) !important;
    }*/
}
/*solo testata home*/
#divcontainerb1 .tp-caption.very_big_white {
  /*&:extend(.gradient-overlay-top-bottom);*/
}
.rev-slider-full {
  /*max-height: 480px;*/
  /*height: calc(100vh - 225px) !important;*/
}
.rev-slider-full .slotholder:after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: 1;
  background: rgba(0, 0, 0, 0);
}
.rev-slider-full .button {
  /*background-color: #4a4b4c;*/
  background-color: rgba(38, 47, 112, 0.6);
}
.rev-slider-fixed div.tp-leftarrow,
.rev-slider-full div.tp-leftarrow {
  z-index: 100;
  cursor: pointer;
  position: relative;
  background: url(../images/assets/large_left.png) no-repeat top left;
  width: 40px;
  height: 40px;
}
/* we have to overwrite the bg color, because the mdia quuery overwite the background color after changing the background image */
.rev-slider-fixed div.tp-leftarrow:hover,
.rev-slider-full div.tp-leftarrow:hover {
  background-color: rgba(0, 0, 0, 0);
}
.rev-slider-fixed div.tp-rightarrow,
.rev-slider-full div.tp-rightarrow {
  z-index: 100;
  cursor: pointer;
  position: relative;
  background: url(../images/assets/large_right.png) no-repeat top left;
  width: 40px;
  height: 40px;
}
/* we have to overwrite the bg color, because the mdia quuery overwite the background color after changing the background image */
.rev-slider-fixed div.tp-rightarrow:hover,
.rev-slider-full div.tp-rightarrow:hover {
  background-color: rgba(0, 0, 0, 0);
}
.slider-text-description {
  color: #fff !important;
  line-height: normal !important;
  max-width: auto;
  max-height: auto;
  white-space: nowrap;
  background-color: transparent;
  padding: 30px;
  font-size: 1.3rem !important;
  text-align: center;
}
.text-shadow {
  text-shadow: -1px 2px 5px rgba(0, 0, 0, 0.5);
}
.bigtextleft {
  color: #fff;
  font-size: 3rem;
  font-weight: bold;
  text-align: left;
  line-height: normal;
  max-width: auto;
  max-height: auto;
  /*white-space: nowrap;*/
  text-shadow: -1px 2px 5px rgba(0, 0, 0, 0.5);
}
.smalltextleft {
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: left;
  line-height: normal;
  max-width: auto;
  max-height: auto;
  /*white-space: nowrap;*/
  font-style: italic;
  text-shadow: -1px 2px 5px rgba(0, 0, 0, 0.5);
}
.slider-text-description .big {
  color: #fff !important;
  line-height: normal !important;
  background-color: transparent;
  padding: 10px;
  font-size: 3rem !important;
  font-weight: normal;
  max-width: auto;
  max-height: auto;
  white-space: nowrap;
}
.slider-text-description .bigcolor {
  color: #33332e !important;
  line-height: normal !important;
  /*background-color:rgba(0,0,0,0.4);*/
  background-color: transparent;
  padding: 30px;
  font-size: 3rem;
  /*font-size: 5vw;*/
  font-weight: normal;
}
.big {
  width: 100%;
  color: #fff !important;
  line-height: normal !important;
  /*background-color:rgba(0,0,0,0.4);*/
  background-color: transparent;
  padding: 10px;
  font-size: 3rem !important;
  /*font-size: 5vw;*/
  font-weight: normal;
}
.bigcolor {
  color: #33332e !important;
  line-height: normal !important;
  /*background-color:rgba(0,0,0,0.4);*/
  background-color: transparent;
  padding: 10px;
  font-size: 3rem;
  /*font-size: 5vw;*/
  font-weight: normal;
}
.small {
  color: #fff !important;
  line-height: normal !important;
  /*background-color:rgba(0,0,0,0.4);*/
  background-color: transparent;
  padding: 15px;
  font-size: 1.8rem !important;
  /*font-size: 3vw;*/
}
.smallcolor {
  color: #444 !important;
  line-height: normal !important;
  /*background-color:rgba(0,0,0,0.4);*/
  background-color: transparent;
  padding: 15px;
  font-size: 1.8rem !important;
  /*font-size: 3vw;*/
}
/*---------------------------------
------- banner testata home -------
----------------------------------*/
.tp-caption.sft.slidelink.hasclicklistener {
  display: none;
}
.tp-caption.very_big_white {
  max-width: 100% !important;
  width: 100% !important;
}
.tp-caption.very_big_white {
  width: 100% !important;
  max-width: 100% !important;
  background-size: cover !important;
  -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%);
  padding: 20px 20px;
  clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%);
  /*banner testata home - 100% on*/
  background: none;
  background-color: transparent;
  /*banner testata home - 55% on*/
  /*background: @bg-testata-color;
    padding-right: calc(14% - 3rem);
    padding: 16px !important;
    background-color: rgba(0,0,0,0.0);

    @media (max-width: 768px) {
        .tp-caption.very_big_white {
            width: @bg-width-768 !important;
            max-width: @bg-max-width-768 !important;
            -webkit-clip-path: @bg-path-768;
            clip-path: @bg-path-768;
        }
    }*/
  /* versione con gradiente sfumato */
  /*&:extend(.gradient-overlay-righttoleft);*/
  /*&:extend(.gradient-overlay-lefttoright);*/
}
.gradient-overlay-righttoleft {
  /* permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0+40,0+40,0+46,0.37+61,0.49+75,0.65+92 */
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(153, 153, 153, 0) 40%, rgba(138, 138, 138, 0) 46%, rgba(100, 100, 100, 0.37) 61%, rgba(64, 64, 64, 0.49) 75%, rgba(20, 20, 20, 0.65) 92%, rgba(0, 0, 0, 0.65) 100%);
  /* ff3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(153, 153, 153, 0) 40%, rgba(138, 138, 138, 0) 46%, rgba(100, 100, 100, 0.37) 61%, rgba(64, 64, 64, 0.49) 75%, rgba(20, 20, 20, 0.65) 92%, rgba(0, 0, 0, 0.65) 100%);
  /* chrome10-25,safari5.1-6 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(153, 153, 153, 0) 40%, rgba(138, 138, 138, 0) 46%, rgba(100, 100, 100, 0.37) 61%, rgba(64, 64, 64, 0.49) 75%, rgba(20, 20, 20, 0.65) 92%, rgba(0, 0, 0, 0.65) 100%);
  /* w3c, ie10+, ff16+, chrome26+, opera12+, safari7+ */
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#00ffffff', endcolorstr='#a6000000', gradienttype=1);
  /* ie6-9 */
}
.gradient-overlay-lefttoright {
  /* permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,ffffff+100&0.7+14,0.65+25,0.45+33,0.35+39,0.2+47,0+54 */
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.7) 0%, rgba(36, 36, 36, 0.7) 14%, rgba(64, 64, 64, 0.65) 25%, rgba(84, 84, 84, 0.45) 33%, rgba(99, 99, 99, 0.35) 39%, rgba(119, 119, 119, 0.2) 47%, rgba(137, 137, 137, 0) 54%, rgba(255, 255, 255, 0) 100%);
  /* ff3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.7) 0%, rgba(36, 36, 36, 0.7) 14%, rgba(64, 64, 64, 0.65) 25%, rgba(84, 84, 84, 0.45) 33%, rgba(99, 99, 99, 0.35) 39%, rgba(119, 119, 119, 0.2) 47%, rgba(137, 137, 137, 0) 54%, rgba(255, 255, 255, 0) 100%);
  /* chrome10-25,safari5.1-6 */
  background: linear-gradient(to right, rgba(0, 0, 0, 0.7) 0%, rgba(36, 36, 36, 0.7) 14%, rgba(64, 64, 64, 0.65) 25%, rgba(84, 84, 84, 0.45) 33%, rgba(99, 99, 99, 0.35) 39%, rgba(119, 119, 119, 0.2) 47%, rgba(137, 137, 137, 0) 54%, rgba(255, 255, 255, 0) 100%);
  /* w3c, ie10+, ff16+, chrome26+, opera12+, safari7+ */
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#b3000000', endcolorstr='#00ffffff', gradienttype=1);
  /* ie6-9 */
}
.gradient-overlay-top-bottom {
  /* permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+8,0.49+25,0.37+39,0+54,0+60,0+60 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 8%, rgba(0, 0, 0, 0.49) 25%, rgba(0, 0, 0, 0.37) 39%, rgba(0, 0, 0, 0) 54%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
  /* ff3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 8%, rgba(0, 0, 0, 0.49) 25%, rgba(0, 0, 0, 0.37) 39%, rgba(0, 0, 0, 0) 54%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
  /* chrome10-25,safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 8%, rgba(0, 0, 0, 0.49) 25%, rgba(0, 0, 0, 0.37) 39%, rgba(0, 0, 0, 0) 54%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
  /* w3c, ie10+, ff16+, chrome26+, opera12+, safari7+ */
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#a6000000', endcolorstr='#00000000', gradienttype=0);
  /* ie6-9 */
}
.gradient-overlay-green-lefttoright {
  /* permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#60c2be+0,ffffff+100&0.81+19,0.72+28,0.61+36,0.47+43,0.3+50,0+59 */
  background: -moz-linear-gradient(left, rgba(96, 194, 190, 0.81) 0%, rgba(126, 206, 202, 0.81) 19%, rgba(140, 211, 208, 0.72) 28%, rgba(153, 216, 213, 0.61) 36%, rgba(164, 220, 218, 0.47) 43%, rgba(175, 224, 223, 0.3) 50%, rgba(189, 230, 229, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* ff3.6-15 */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(96, 194, 190, 0.81)), color-stop(19%, rgba(126, 206, 202, 0.81)), color-stop(28%, rgba(140, 211, 208, 0.72)), color-stop(36%, rgba(153, 216, 213, 0.61)), color-stop(43%, rgba(164, 220, 218, 0.47)), color-stop(50%, rgba(175, 224, 223, 0.3)), color-stop(59%, rgba(189, 230, 229, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
  /* chrome4-9,safari4-5 */
  background: -webkit-linear-gradient(left, rgba(96, 194, 190, 0.81) 0%, rgba(126, 206, 202, 0.81) 19%, rgba(140, 211, 208, 0.72) 28%, rgba(153, 216, 213, 0.61) 36%, rgba(164, 220, 218, 0.47) 43%, rgba(175, 224, 223, 0.3) 50%, rgba(189, 230, 229, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* chrome10-25,safari5.1-6 */
  background: -o-linear-gradient(left, rgba(96, 194, 190, 0.81) 0%, rgba(126, 206, 202, 0.81) 19%, rgba(140, 211, 208, 0.72) 28%, rgba(153, 216, 213, 0.61) 36%, rgba(164, 220, 218, 0.47) 43%, rgba(175, 224, 223, 0.3) 50%, rgba(189, 230, 229, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* opera 11.10-11.50 */
  background: -ms-linear-gradient(left, rgba(96, 194, 190, 0.81) 0%, rgba(126, 206, 202, 0.81) 19%, rgba(140, 211, 208, 0.72) 28%, rgba(153, 216, 213, 0.61) 36%, rgba(164, 220, 218, 0.47) 43%, rgba(175, 224, 223, 0.3) 50%, rgba(189, 230, 229, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* ie10 preview */
  background: linear-gradient(to right, rgba(96, 194, 190, 0.81) 0%, rgba(126, 206, 202, 0.81) 19%, rgba(140, 211, 208, 0.72) 28%, rgba(153, 216, 213, 0.61) 36%, rgba(164, 220, 218, 0.47) 43%, rgba(175, 224, 223, 0.3) 50%, rgba(189, 230, 229, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* w3c, ie10+, ff16+, chrome26+, opera12+, safari7+ */
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#cf60c2be', endcolorstr='#00ffffff', gradienttype=1);
  /* ie6-9 */
}
.gradient-overlay-green-uniform-lefttoright {
  /* permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#144576+0,144576+100&0.81+46,1+46,0+47 */
  background: -moz-linear-gradient(left, rgba(96, 194, 190, 0.7) 0%, rgba(96, 194, 190, 0.7) 51%, rgba(96, 194, 190, 0) 51.01%, rgba(96, 194, 190, 0) 100%);
  /* ff3.6-15 */
  background: -webkit-linear-gradient(left, rgba(96, 194, 190, 0.7) 0%, rgba(96, 194, 190, 0.7) 51%, rgba(96, 194, 190, 0) 51.01%, rgba(96, 194, 190, 0) 100%);
  /* chrome10-25,safari5.1-6 */
  background: linear-gradient(to right, rgba(96, 194, 190, 0.7) 0%, rgba(96, 194, 190, 0.7) 51%, rgba(96, 194, 190, 0) 51.01%, rgba(96, 194, 190, 0) 100%);
  /* w3c, ie10+, ff16+, chrome26+, opera12+, safari7+ */
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#144576', endcolorstr='#00144576', gradienttype=1);
  /* ie6-9 */
}
.gradient-overlay-red-lefttoright {
  /* permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c92c2c+1,ffffff+100&0.81+19,0.72+28,0.61+36,0.47+43,0.3+50,0+59 */
  background: -moz-linear-gradient(left, rgba(201, 44, 44, 0.81) 1%, rgba(211, 82, 82, 0.81) 19%, rgba(216, 101, 101, 0.72) 28%, rgba(220, 118, 118, 0.61) 36%, rgba(224, 133, 133, 0.47) 43%, rgba(228, 148, 148, 0.3) 50%, rgba(233, 167, 167, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* ff3.6-15 */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgba(201, 44, 44, 0.81)), color-stop(19%, rgba(211, 82, 82, 0.81)), color-stop(28%, rgba(216, 101, 101, 0.72)), color-stop(36%, rgba(220, 118, 118, 0.61)), color-stop(43%, rgba(224, 133, 133, 0.47)), color-stop(50%, rgba(228, 148, 148, 0.3)), color-stop(59%, rgba(233, 167, 167, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
  /* chrome4-9,safari4-5 */
  background: -webkit-linear-gradient(left, rgba(201, 44, 44, 0.81) 1%, rgba(211, 82, 82, 0.81) 19%, rgba(216, 101, 101, 0.72) 28%, rgba(220, 118, 118, 0.61) 36%, rgba(224, 133, 133, 0.47) 43%, rgba(228, 148, 148, 0.3) 50%, rgba(233, 167, 167, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* chrome10-25,safari5.1-6 */
  background: -o-linear-gradient(left, rgba(201, 44, 44, 0.81) 1%, rgba(211, 82, 82, 0.81) 19%, rgba(216, 101, 101, 0.72) 28%, rgba(220, 118, 118, 0.61) 36%, rgba(224, 133, 133, 0.47) 43%, rgba(228, 148, 148, 0.3) 50%, rgba(233, 167, 167, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* opera 11.10-11.50 */
  background: -ms-linear-gradient(left, rgba(201, 44, 44, 0.81) 1%, rgba(211, 82, 82, 0.81) 19%, rgba(216, 101, 101, 0.72) 28%, rgba(220, 118, 118, 0.61) 36%, rgba(224, 133, 133, 0.47) 43%, rgba(228, 148, 148, 0.3) 50%, rgba(233, 167, 167, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* ie10 preview */
  background: linear-gradient(to right, rgba(201, 44, 44, 0.81) 1%, rgba(211, 82, 82, 0.81) 19%, rgba(216, 101, 101, 0.72) 28%, rgba(220, 118, 118, 0.61) 36%, rgba(224, 133, 133, 0.47) 43%, rgba(228, 148, 148, 0.3) 50%, rgba(233, 167, 167, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* w3c, ie10+, ff16+, chrome26+, opera12+, safari7+ */
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#cfc92c2c', endcolorstr='#00ffffff', gradienttype=1);
  /* ie6-9 */
}
.gradient-overlay-purple-lefttoright {
  /* permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d6bdd9+0,ffffff+100&0.81+19,0.72+28,0.61+36,0.47+43,0.3+50,0+59 */
  background: -moz-linear-gradient(left, rgba(214, 189, 217, 0.81) 0%, rgba(222, 202, 224, 0.81) 19%, rgba(226, 208, 227, 0.72) 28%, rgba(229, 213, 230, 0.61) 36%, rgba(232, 218, 233, 0.47) 43%, rgba(235, 223, 236, 0.3) 50%, rgba(239, 229, 239, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* ff3.6-15 */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(214, 189, 217, 0.81)), color-stop(19%, rgba(222, 202, 224, 0.81)), color-stop(28%, rgba(226, 208, 227, 0.72)), color-stop(36%, rgba(229, 213, 230, 0.61)), color-stop(43%, rgba(232, 218, 233, 0.47)), color-stop(50%, rgba(235, 223, 236, 0.3)), color-stop(59%, rgba(239, 229, 239, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
  /* chrome4-9,safari4-5 */
  background: -webkit-linear-gradient(left, rgba(214, 189, 217, 0.81) 0%, rgba(222, 202, 224, 0.81) 19%, rgba(226, 208, 227, 0.72) 28%, rgba(229, 213, 230, 0.61) 36%, rgba(232, 218, 233, 0.47) 43%, rgba(235, 223, 236, 0.3) 50%, rgba(239, 229, 239, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* chrome10-25,safari5.1-6 */
  background: -o-linear-gradient(left, rgba(214, 189, 217, 0.81) 0%, rgba(222, 202, 224, 0.81) 19%, rgba(226, 208, 227, 0.72) 28%, rgba(229, 213, 230, 0.61) 36%, rgba(232, 218, 233, 0.47) 43%, rgba(235, 223, 236, 0.3) 50%, rgba(239, 229, 239, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* opera 11.10-11.50 */
  background: -ms-linear-gradient(left, rgba(214, 189, 217, 0.81) 0%, rgba(222, 202, 224, 0.81) 19%, rgba(226, 208, 227, 0.72) 28%, rgba(229, 213, 230, 0.61) 36%, rgba(232, 218, 233, 0.47) 43%, rgba(235, 223, 236, 0.3) 50%, rgba(239, 229, 239, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* ie10 preview */
  background: linear-gradient(to right, rgba(214, 189, 217, 0.81) 0%, rgba(222, 202, 224, 0.81) 19%, rgba(226, 208, 227, 0.72) 28%, rgba(229, 213, 230, 0.61) 36%, rgba(232, 218, 233, 0.47) 43%, rgba(235, 223, 236, 0.3) 50%, rgba(239, 229, 239, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* w3c, ie10+, ff16+, chrome26+, opera12+, safari7+ */
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#cfd6bdd9', endcolorstr='#00ffffff', gradienttype=1);
  /* ie6-9 */
}
.gradient-overlay-blu-lefttoright {
  /* permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#144576+0,ffffff+100&0.81+19,0.72+28,0.61+36,0.47+43,0.3+50,0+59 */
  background: -moz-linear-gradient(left, rgba(20, 69, 118, 0.81) 0%, rgba(65, 104, 144, 0.81) 19%, rgba(86, 121, 156, 0.72) 28%, rgba(105, 136, 167, 0.61) 36%, rgba(121, 149, 177, 0.47) 43%, rgba(137, 162, 187, 0.3) 50%, rgba(158, 179, 199, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* ff3.6-15 */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(20, 69, 118, 0.81)), color-stop(19%, rgba(65, 104, 144, 0.81)), color-stop(28%, rgba(86, 121, 156, 0.72)), color-stop(36%, rgba(105, 136, 167, 0.61)), color-stop(43%, rgba(121, 149, 177, 0.47)), color-stop(50%, rgba(137, 162, 187, 0.3)), color-stop(59%, rgba(158, 179, 199, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
  /* chrome4-9,safari4-5 */
  background: -webkit-linear-gradient(left, rgba(20, 69, 118, 0.81) 0%, rgba(65, 104, 144, 0.81) 19%, rgba(86, 121, 156, 0.72) 28%, rgba(105, 136, 167, 0.61) 36%, rgba(121, 149, 177, 0.47) 43%, rgba(137, 162, 187, 0.3) 50%, rgba(158, 179, 199, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* chrome10-25,safari5.1-6 */
  background: -o-linear-gradient(left, rgba(20, 69, 118, 0.81) 0%, rgba(65, 104, 144, 0.81) 19%, rgba(86, 121, 156, 0.72) 28%, rgba(105, 136, 167, 0.61) 36%, rgba(121, 149, 177, 0.47) 43%, rgba(137, 162, 187, 0.3) 50%, rgba(158, 179, 199, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* opera 11.10-11.50 */
  background: -ms-linear-gradient(left, rgba(20, 69, 118, 0.81) 0%, rgba(65, 104, 144, 0.81) 19%, rgba(86, 121, 156, 0.72) 28%, rgba(105, 136, 167, 0.61) 36%, rgba(121, 149, 177, 0.47) 43%, rgba(137, 162, 187, 0.3) 50%, rgba(158, 179, 199, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* ie10 preview */
  background: linear-gradient(to right, rgba(20, 69, 118, 0.81) 0%, rgba(65, 104, 144, 0.81) 19%, rgba(86, 121, 156, 0.72) 28%, rgba(105, 136, 167, 0.61) 36%, rgba(121, 149, 177, 0.47) 43%, rgba(137, 162, 187, 0.3) 50%, rgba(158, 179, 199, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* w3c, ie10+, ff16+, chrome26+, opera12+, safari7+ */
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#cf144576', endcolorstr='#00ffffff', gradienttype=1);
  /* ie6-9 */
}
.gradient-overlay-blu-uniform-lefttoright {
  /* permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#144576+0,144576+100&0.81+46,1+46,0+47 */
  background: -moz-linear-gradient(left, rgba(20, 69, 118, 0.7) 0%, rgba(20, 69, 118, 0.7) 50%, rgba(20, 69, 118, 0) 50.01%, rgba(20, 69, 118, 0) 100%);
  /* ff3.6-15 */
  background: -webkit-linear-gradient(left, rgba(20, 69, 118, 0.7) 0%, rgba(20, 69, 118, 0.7) 50%, rgba(20, 69, 118, 0) 50.01%, rgba(20, 69, 118, 0) 100%);
  /* chrome10-25,safari5.1-6 */
  background: linear-gradient(to right, rgba(20, 69, 118, 0.7) 0%, rgba(20, 69, 118, 0.7) 50%, rgba(20, 69, 118, 0) 50.01%, rgba(20, 69, 118, 0) 100%);
  /* w3c, ie10+, ff16+, chrome26+, opera12+, safari7+ */
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#144576', endcolorstr='#00144576', gradienttype=1);
  /* ie6-9 */
}
.gradient-overlay-gray-lefttoright {
  /* permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#757575+1,ffffff+100&0.81+19,0.72+28,0.61+36,0.47+43,0.3+50,0+59 */
  background: -moz-linear-gradient(left, rgba(117, 117, 117, 0.81) 1%, rgba(142, 142, 142, 0.81) 19%, rgba(155, 155, 155, 0.72) 28%, rgba(166, 166, 166, 0.61) 36%, rgba(176, 176, 176, 0.47) 43%, rgba(186, 186, 186, 0.3) 50%, rgba(198, 198, 198, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* ff3.6-15 */
  background: -webkit-linear-gradient(left, rgba(117, 117, 117, 0.81) 1%, rgba(142, 142, 142, 0.81) 19%, rgba(155, 155, 155, 0.72) 28%, rgba(166, 166, 166, 0.61) 36%, rgba(176, 176, 176, 0.47) 43%, rgba(186, 186, 186, 0.3) 50%, rgba(198, 198, 198, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* chrome10-25,safari5.1-6 */
  background: linear-gradient(to right, rgba(117, 117, 117, 0.81) 1%, rgba(142, 142, 142, 0.81) 19%, rgba(155, 155, 155, 0.72) 28%, rgba(166, 166, 166, 0.61) 36%, rgba(176, 176, 176, 0.47) 43%, rgba(186, 186, 186, 0.3) 50%, rgba(198, 198, 198, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* w3c, ie10+, ff16+, chrome26+, opera12+, safari7+ */
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#cf757575', endcolorstr='#00ffffff', gradienttype=1);
  /* ie6-9 */
}
.gradient-overlay-pink-lefttoright {
  /* permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e8b698+1,ffffff+100&0.81+19,0.72+28,0.61+36,0.47+43,0.3+50,0+59 */
  background: -moz-linear-gradient(left, rgba(232, 182, 152, 0.81) 1%, rgba(236, 195, 171, 0.81) 19%, rgba(238, 202, 180, 0.72) 28%, rgba(240, 208, 188, 0.61) 36%, rgba(242, 213, 195, 0.47) 43%, rgba(244, 218, 202, 0.3) 50%, rgba(246, 225, 212, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* ff3.6-15 */
  background: -webkit-linear-gradient(left, rgba(232, 182, 152, 0.81) 1%, rgba(236, 195, 171, 0.81) 19%, rgba(238, 202, 180, 0.72) 28%, rgba(240, 208, 188, 0.61) 36%, rgba(242, 213, 195, 0.47) 43%, rgba(244, 218, 202, 0.3) 50%, rgba(246, 225, 212, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* chrome10-25,safari5.1-6 */
  background: linear-gradient(to right, rgba(232, 182, 152, 0.81) 1%, rgba(236, 195, 171, 0.81) 19%, rgba(238, 202, 180, 0.72) 28%, rgba(240, 208, 188, 0.61) 36%, rgba(242, 213, 195, 0.47) 43%, rgba(244, 218, 202, 0.3) 50%, rgba(246, 225, 212, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* w3c, ie10+, ff16+, chrome26+, opera12+, safari7+ */
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#cfe8b698', endcolorstr='#00ffffff', gradienttype=1);
  /* ie6-9 */
}
.gradient-overlay-orange-lefttoright {
  /* permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcdda6+1,ffffff+100&0.81+19,0.72+28,0.61+36,0.47+43,0.3+50,0+59 */
  background: -moz-linear-gradient(left, rgba(252, 221, 166, 0.81) 1%, rgba(253, 227, 182, 0.81) 19%, rgba(253, 230, 190, 0.72) 28%, rgba(253, 233, 197, 0.61) 36%, rgba(253, 235, 203, 0.47) 43%, rgba(253, 237, 209, 0.3) 50%, rgba(253, 240, 217, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* ff3.6-15 */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgba(252, 221, 166, 0.81)), color-stop(19%, rgba(253, 227, 182, 0.81)), color-stop(28%, rgba(253, 230, 190, 0.72)), color-stop(36%, rgba(253, 233, 197, 0.61)), color-stop(43%, rgba(253, 235, 203, 0.47)), color-stop(50%, rgba(253, 237, 209, 0.3)), color-stop(59%, rgba(253, 240, 217, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
  /* chrome4-9,safari4-5 */
  background: -webkit-linear-gradient(left, rgba(252, 221, 166, 0.81) 1%, rgba(253, 227, 182, 0.81) 19%, rgba(253, 230, 190, 0.72) 28%, rgba(253, 233, 197, 0.61) 36%, rgba(253, 235, 203, 0.47) 43%, rgba(253, 237, 209, 0.3) 50%, rgba(253, 240, 217, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* chrome10-25,safari5.1-6 */
  background: -o-linear-gradient(left, rgba(252, 221, 166, 0.81) 1%, rgba(253, 227, 182, 0.81) 19%, rgba(253, 230, 190, 0.72) 28%, rgba(253, 233, 197, 0.61) 36%, rgba(253, 235, 203, 0.47) 43%, rgba(253, 237, 209, 0.3) 50%, rgba(253, 240, 217, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* opera 11.10-11.50 */
  background: -ms-linear-gradient(left, rgba(252, 221, 166, 0.81) 1%, rgba(253, 227, 182, 0.81) 19%, rgba(253, 230, 190, 0.72) 28%, rgba(253, 233, 197, 0.61) 36%, rgba(253, 235, 203, 0.47) 43%, rgba(253, 237, 209, 0.3) 50%, rgba(253, 240, 217, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* ie10 preview */
  background: linear-gradient(to right, rgba(252, 221, 166, 0.81) 1%, rgba(253, 227, 182, 0.81) 19%, rgba(253, 230, 190, 0.72) 28%, rgba(253, 233, 197, 0.61) 36%, rgba(253, 235, 203, 0.47) 43%, rgba(253, 237, 209, 0.3) 50%, rgba(253, 240, 217, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* w3c, ie10+, ff16+, chrome26+, opera12+, safari7+ */
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#cffcdda6', endcolorstr='#00ffffff', gradienttype=1);
  /* ie6-9 */
}
.gradient-overlay-lightbrown-lefttoright {
  /* permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5bc97+1,ffffff+100&0.81+19,0.72+28,0.61+36,0.47+43,0.3+50,0+59 */
  background: -moz-linear-gradient(left, rgba(245, 188, 151, 0.81) 1%, rgba(247, 200, 170, 0.81) 19%, rgba(248, 206, 179, 0.72) 28%, rgba(249, 211, 187, 0.61) 36%, rgba(250, 216, 194, 0.47) 43%, rgba(251, 221, 201, 0.3) 50%, rgba(252, 227, 211, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* ff3.6-15 */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgba(245, 188, 151, 0.81)), color-stop(19%, rgba(247, 200, 170, 0.81)), color-stop(28%, rgba(248, 206, 179, 0.72)), color-stop(36%, rgba(249, 211, 187, 0.61)), color-stop(43%, rgba(250, 216, 194, 0.47)), color-stop(50%, rgba(251, 221, 201, 0.3)), color-stop(59%, rgba(252, 227, 211, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
  /* chrome4-9,safari4-5 */
  background: -webkit-linear-gradient(left, rgba(245, 188, 151, 0.81) 1%, rgba(247, 200, 170, 0.81) 19%, rgba(248, 206, 179, 0.72) 28%, rgba(249, 211, 187, 0.61) 36%, rgba(250, 216, 194, 0.47) 43%, rgba(251, 221, 201, 0.3) 50%, rgba(252, 227, 211, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* chrome10-25,safari5.1-6 */
  background: -o-linear-gradient(left, rgba(245, 188, 151, 0.81) 1%, rgba(247, 200, 170, 0.81) 19%, rgba(248, 206, 179, 0.72) 28%, rgba(249, 211, 187, 0.61) 36%, rgba(250, 216, 194, 0.47) 43%, rgba(251, 221, 201, 0.3) 50%, rgba(252, 227, 211, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* opera 11.10-11.50 */
  background: -ms-linear-gradient(left, rgba(245, 188, 151, 0.81) 1%, rgba(247, 200, 170, 0.81) 19%, rgba(248, 206, 179, 0.72) 28%, rgba(249, 211, 187, 0.61) 36%, rgba(250, 216, 194, 0.47) 43%, rgba(251, 221, 201, 0.3) 50%, rgba(252, 227, 211, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* ie10 preview */
  background: linear-gradient(to right, rgba(245, 188, 151, 0.81) 1%, rgba(247, 200, 170, 0.81) 19%, rgba(248, 206, 179, 0.72) 28%, rgba(249, 211, 187, 0.61) 36%, rgba(250, 216, 194, 0.47) 43%, rgba(251, 221, 201, 0.3) 50%, rgba(252, 227, 211, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* w3c, ie10+, ff16+, chrome26+, opera12+, safari7+ */
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#cff5bc97', endcolorstr='#00ffffff', gradienttype=1);
  /* ie6-9 */
}
.gradient-overlay-brown-lefttoright {
  /* permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9c8a60+1,ffffff+100&0.81+19,0.72+28,0.61+36,0.47+43,0.3+50,0+59 */
  background: -moz-linear-gradient(left, rgba(156, 138, 96, 0.81) 1%, rgba(174, 159, 125, 0.81) 19%, rgba(183, 170, 139, 0.72) 28%, rgba(191, 179, 152, 0.61) 36%, rgba(198, 187, 163, 0.47) 43%, rgba(205, 195, 174, 0.3) 50%, rgba(214, 206, 189, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* ff3.6-15 */
  background: -webkit-linear-gradient(left, rgba(156, 138, 96, 0.81) 1%, rgba(174, 159, 125, 0.81) 19%, rgba(183, 170, 139, 0.72) 28%, rgba(191, 179, 152, 0.61) 36%, rgba(198, 187, 163, 0.47) 43%, rgba(205, 195, 174, 0.3) 50%, rgba(214, 206, 189, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* chrome10-25,safari5.1-6 */
  background: linear-gradient(to right, rgba(156, 138, 96, 0.81) 1%, rgba(174, 159, 125, 0.81) 19%, rgba(183, 170, 139, 0.72) 28%, rgba(191, 179, 152, 0.61) 36%, rgba(198, 187, 163, 0.47) 43%, rgba(205, 195, 174, 0.3) 50%, rgba(214, 206, 189, 0) 59%, rgba(255, 255, 255, 0) 100%);
  /* w3c, ie10+, ff16+, chrome26+, opera12+, safari7+ */
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#cf9c8a60', endcolorstr='#00ffffff', gradienttype=1);
  /* ie6-9 */
}
.gradient-overlay-black-bottomtop {
  /* permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,757575+100&0+67,0.65+70,0.85+77,0.88+96 */
  background: -moz-linear-gradient(top, gba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75) 100%);
  /* ff3.6-15 */
  background: -webkit-linear-gradient(top, gba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75) 100%);
  /* chrome10-25,safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75) 100%);
  /* w3c, ie10+, ff16+, chrome26+, opera12+, safari7+ */
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#000000', endcolorstr='#000000', gradienttype=0);
  /* ie6-9 */
}
.gradient-overlay-my-bottomtop {
  /* permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,757575+100&0+67,0.65+70,0.85+77,0.88+96 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 67%, rgba(0, 0, 0, 0.55) 70%, rgba(0, 0, 0, 0.75) 77%, rgba(0, 0, 0, 0.78) 96%, rgba(0, 0, 0, 0.78) 100%);
  /* ff3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 67%, rgba(0, 0, 0, 0.55) 70%, rgba(0, 0, 0, 0.75) 77%, rgba(0, 0, 0, 0.78) 96%, rgba(0, 0, 0, 0.78) 100%);
  /* chrome10-25,safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 67%, rgba(0, 0, 0, 0.55) 70%, rgba(0, 0, 0, 0.75) 77%, rgba(0, 0, 0, 0.78) 96%, rgba(0, 0, 0, 0.78) 100%);
  /* w3c, ie10+, ff16+, chrome26+, opera12+, safari7+ */
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#000000', endcolorstr='#000000', gradienttype=0);
  /* ie6-9 */
}
.gradient-overlay-my-bottomtop-text {
  /* permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,757575+100&0+67,0.65+70,0.85+77,0.88+96 */
  background: -moz-linear-gradient(top, gba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.75) 100%);
  /* ff3.6-15 */
  background: -webkit-linear-gradient(top, gba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.75) 100%);
  /* chrome10-25,safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.75) 100%);
  /* w3c, ie10+, ff16+, chrome26+, opera12+, safari7+ */
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#000000', endcolorstr='#000000', gradienttype=0);
  /* ie6-9 */
}
.gradient-overlay-red-bottomtop,
.multicolor > div:nth-child(6) .card-img-overlay,
.multicolor-1 > div:nth-child(2) .card-img-overlay {
  /* permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+1,b2181c+100&0+67,0.65+70,0.85+77,0.88+96 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 1%, rgba(204, 101, 104, 0) 67%, rgba(202, 94, 97, 0.65) 70%, rgba(196, 78, 81, 0.85) 77%, rgba(181, 33, 37, 0.88) 96%, rgba(178, 24, 28, 0.88) 100%);
  /* ff3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 1%, rgba(204, 101, 104, 0) 67%, rgba(202, 94, 97, 0.65) 70%, rgba(196, 78, 81, 0.85) 77%, rgba(181, 33, 37, 0.88) 96%, rgba(178, 24, 28, 0.88) 100%);
  /* chrome10-25,safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 1%, rgba(204, 101, 104, 0) 67%, rgba(202, 94, 97, 0.65) 70%, rgba(196, 78, 81, 0.85) 77%, rgba(181, 33, 37, 0.88) 96%, rgba(178, 24, 28, 0.88) 100%);
  /* w3c, ie10+, ff16+, chrome26+, opera12+, safari7+ */
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#00ffffff', endcolorstr='#e0b2181c', gradienttype=0);
  /* ie6-9 */
}
.gradient-overlay-purple-bottomtop,
.multicolor > div:nth-child(4) .card-img-overlay {
  /* permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,d6bdd9+100&0+67,0.65+70,0.85+77,0.88+96 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(228, 211, 230, 0) 67%, rgba(227, 209, 229, 0.65) 70%, rgba(224, 204, 226, 0.85) 77%, rgba(216, 192, 219, 0.88) 96%, rgba(214, 189, 217, 0.88) 100%);
  /* ff3.6-15 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(67%, rgba(228, 211, 230, 0)), color-stop(70%, rgba(227, 209, 229, 0.65)), color-stop(77%, rgba(224, 204, 226, 0.85)), color-stop(96%, rgba(216, 192, 219, 0.88)), color-stop(100%, rgba(214, 189, 217, 0.88)));
  /* chrome4-9,safari4-5 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(228, 211, 230, 0) 67%, rgba(227, 209, 229, 0.65) 70%, rgba(224, 204, 226, 0.85) 77%, rgba(216, 192, 219, 0.88) 96%, rgba(214, 189, 217, 0.88) 100%);
  /* chrome10-25,safari5.1-6 */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(228, 211, 230, 0) 67%, rgba(227, 209, 229, 0.65) 70%, rgba(224, 204, 226, 0.85) 77%, rgba(216, 192, 219, 0.88) 96%, rgba(214, 189, 217, 0.88) 100%);
  /* opera 11.10-11.50 */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(228, 211, 230, 0) 67%, rgba(227, 209, 229, 0.65) 70%, rgba(224, 204, 226, 0.85) 77%, rgba(216, 192, 219, 0.88) 96%, rgba(214, 189, 217, 0.88) 100%);
  /* ie10 preview */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(228, 211, 230, 0) 67%, rgba(227, 209, 229, 0.65) 70%, rgba(224, 204, 226, 0.85) 77%, rgba(216, 192, 219, 0.88) 96%, rgba(214, 189, 217, 0.88) 100%);
  /* w3c, ie10+, ff16+, chrome26+, opera12+, safari7+ */
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#00ffffff', endcolorstr='#e0d6bdd9', gradienttype=0);
  /* ie6-9 */
}
.gradient-overlay-blu-bottomtop,
.multicolor > div:nth-child(5) .card-img-overlay {
  /* permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,144576+100&0+67,0.65+70,0.85+77,0.88+96 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(98, 130, 163, 0) 67%, rgba(91, 124, 159, 0.65) 70%, rgba(74, 111, 149, 0.85) 77%, rgba(29, 76, 123, 0.88) 96%, rgba(20, 69, 118, 0.88) 100%);
  /* ff3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(98, 130, 163, 0) 67%, rgba(91, 124, 159, 0.65) 70%, rgba(74, 111, 149, 0.85) 77%, rgba(29, 76, 123, 0.88) 96%, rgba(20, 69, 118, 0.88) 100%);
  /* chrome10-25,safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(98, 130, 163, 0) 67%, rgba(91, 124, 159, 0.65) 70%, rgba(74, 111, 149, 0.85) 77%, rgba(29, 76, 123, 0.88) 96%, rgba(20, 69, 118, 0.88) 100%);
  /* w3c, ie10+, ff16+, chrome26+, opera12+, safari7+ */
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#00ffffff', endcolorstr='#e0144576', gradienttype=0);
  /* ie6-9 */
}
.gradient-overlay-gray-bottomtop {
  /* permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,757575+100&0+67,0.65+70,0.85+77,0.88+96 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(163, 163, 163, 0) 67%, rgba(159, 159, 159, 0.65) 70%, rgba(149, 149, 149, 0.85) 77%, rgba(123, 123, 123, 0.88) 96%, rgba(117, 117, 117, 0.88) 100%);
  /* ff3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(163, 163, 163, 0) 67%, rgba(159, 159, 159, 0.65) 70%, rgba(149, 149, 149, 0.85) 77%, rgba(123, 123, 123, 0.88) 96%, rgba(117, 117, 117, 0.88) 100%);
  /* chrome10-25,safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(163, 163, 163, 0) 67%, rgba(159, 159, 159, 0.65) 70%, rgba(149, 149, 149, 0.85) 77%, rgba(123, 123, 123, 0.88) 96%, rgba(117, 117, 117, 0.88) 100%);
  /* w3c, ie10+, ff16+, chrome26+, opera12+, safari7+ */
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#00ffffff', endcolorstr='#e0757575', gradienttype=0);
  /* ie6-9 */
}
.gradient-overlay-pink-bottomtop {
  /* permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e59e75+100&0+67,0.65+70,0.85+77,0.88+96 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(238, 190, 163, 0) 67%, rgba(237, 187, 159, 0.65) 70%, rgba(235, 180, 149, 0.85) 77%, rgba(230, 162, 123, 0.88) 96%, rgba(229, 158, 117, 0.88) 100%);
  /* ff3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(238, 190, 163, 0) 67%, rgba(237, 187, 159, 0.65) 70%, rgba(235, 180, 149, 0.85) 77%, rgba(230, 162, 123, 0.88) 96%, rgba(229, 158, 117, 0.88) 100%);
  /* chrome10-25,safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(238, 190, 163, 0) 67%, rgba(237, 187, 159, 0.65) 70%, rgba(235, 180, 149, 0.85) 77%, rgba(230, 162, 123, 0.88) 96%, rgba(229, 158, 117, 0.88) 100%);
  /* w3c, ie10+, ff16+, chrome26+, opera12+, safari7+ */
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#00ffffff', endcolorstr='#e0e59e75', gradienttype=0);
  /* ie6-9 */
}
.gradient-overlay-lightbrown-bottomtop,
.multicolor > div:nth-child(3) .card-img-overlay {
  /* permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f5bc97+100&0+67,0.65+70,0.85+77,0.88+96 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(248, 210, 185, 0) 67%, rgba(248, 208, 182, 0.65) 70%, rgba(247, 203, 175, 0.85) 77%, rgba(245, 191, 155, 0.88) 96%, rgba(245, 188, 151, 0.88) 100%);
  /* ff3.6-15 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(67%, rgba(248, 210, 185, 0)), color-stop(70%, rgba(248, 208, 182, 0.65)), color-stop(77%, rgba(247, 203, 175, 0.85)), color-stop(96%, rgba(245, 191, 155, 0.88)), color-stop(100%, rgba(245, 188, 151, 0.88)));
  /* chrome4-9,safari4-5 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(248, 210, 185, 0) 67%, rgba(248, 208, 182, 0.65) 70%, rgba(247, 203, 175, 0.85) 77%, rgba(245, 191, 155, 0.88) 96%, rgba(245, 188, 151, 0.88) 100%);
  /* chrome10-25,safari5.1-6 */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(248, 210, 185, 0) 67%, rgba(248, 208, 182, 0.65) 70%, rgba(247, 203, 175, 0.85) 77%, rgba(245, 191, 155, 0.88) 96%, rgba(245, 188, 151, 0.88) 100%);
  /* opera 11.10-11.50 */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(248, 210, 185, 0) 67%, rgba(248, 208, 182, 0.65) 70%, rgba(247, 203, 175, 0.85) 77%, rgba(245, 191, 155, 0.88) 96%, rgba(245, 188, 151, 0.88) 100%);
  /* ie10 preview */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(248, 210, 185, 0) 67%, rgba(248, 208, 182, 0.65) 70%, rgba(247, 203, 175, 0.85) 77%, rgba(245, 191, 155, 0.88) 96%, rgba(245, 188, 151, 0.88) 100%);
  /* w3c, ie10+, ff16+, chrome26+, opera12+, safari7+ */
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#00ffffff', endcolorstr='#e0f5bc97', gradienttype=0);
  /* ie6-9 */
}
.gradient-overlay-orange-bottomtop,
.multicolor > div:nth-child(2) .card-img-overlay {
  /* permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,fcdda6+100&0+67,0.65+70,0.85+77,0.88+96 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(253, 232, 195, 0) 67%, rgba(253, 231, 192, 0.65) 70%, rgba(253, 229, 186, 0.85) 77%, rgba(252, 222, 169, 0.88) 96%, rgba(252, 221, 166, 0.88) 100%);
  /* ff3.6-15 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(67%, rgba(253, 232, 195, 0)), color-stop(70%, rgba(253, 231, 192, 0.65)), color-stop(77%, rgba(253, 229, 186, 0.85)), color-stop(96%, rgba(252, 222, 169, 0.88)), color-stop(100%, rgba(252, 221, 166, 0.88)));
  /* chrome4-9,safari4-5 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(253, 232, 195, 0) 67%, rgba(253, 231, 192, 0.65) 70%, rgba(253, 229, 186, 0.85) 77%, rgba(252, 222, 169, 0.88) 96%, rgba(252, 221, 166, 0.88) 100%);
  /* chrome10-25,safari5.1-6 */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(253, 232, 195, 0) 67%, rgba(253, 231, 192, 0.65) 70%, rgba(253, 229, 186, 0.85) 77%, rgba(252, 222, 169, 0.88) 96%, rgba(252, 221, 166, 0.88) 100%);
  /* opera 11.10-11.50 */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(253, 232, 195, 0) 67%, rgba(253, 231, 192, 0.65) 70%, rgba(253, 229, 186, 0.85) 77%, rgba(252, 222, 169, 0.88) 96%, rgba(252, 221, 166, 0.88) 100%);
  /* ie10 preview */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(253, 232, 195, 0) 67%, rgba(253, 231, 192, 0.65) 70%, rgba(253, 229, 186, 0.85) 77%, rgba(252, 222, 169, 0.88) 96%, rgba(252, 221, 166, 0.88) 100%);
  /* w3c, ie10+, ff16+, chrome26+, opera12+, safari7+ */
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#00ffffff', endcolorstr='#e0fcdda6', gradienttype=0);
  /* ie6-9 */
}
.gradient-overlay-green-bottomtop,
.multicolor > div:nth-child(1) .card-img-overlay,
.multicolor-1 > div:nth-child(1) .card-img-overlay {
  /* permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,60c2be+100&0+67,0.65+70,0.85+77,0.88+96 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(148, 214, 211, 0) 67%, rgba(143, 212, 209, 0.65) 70%, rgba(132, 208, 205, 0.85) 77%, rgba(102, 196, 193, 0.88) 96%, rgba(96, 194, 190, 0.88) 100%);
  /* ff3.6-15 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(67%, rgba(148, 214, 211, 0)), color-stop(70%, rgba(143, 212, 209, 0.65)), color-stop(77%, rgba(132, 208, 205, 0.85)), color-stop(96%, rgba(102, 196, 193, 0.88)), color-stop(100%, rgba(96, 194, 190, 0.88)));
  /* chrome4-9,safari4-5 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(148, 214, 211, 0) 67%, rgba(143, 212, 209, 0.65) 70%, rgba(132, 208, 205, 0.85) 77%, rgba(102, 196, 193, 0.88) 96%, rgba(96, 194, 190, 0.88) 100%);
  /* chrome10-25,safari5.1-6 */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(148, 214, 211, 0) 67%, rgba(143, 212, 209, 0.65) 70%, rgba(132, 208, 205, 0.85) 77%, rgba(102, 196, 193, 0.88) 96%, rgba(96, 194, 190, 0.88) 100%);
  /* opera 11.10-11.50 */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(148, 214, 211, 0) 67%, rgba(143, 212, 209, 0.65) 70%, rgba(132, 208, 205, 0.85) 77%, rgba(102, 196, 193, 0.88) 96%, rgba(96, 194, 190, 0.88) 100%);
  /* ie10 preview */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(148, 214, 211, 0) 67%, rgba(143, 212, 209, 0.65) 70%, rgba(132, 208, 205, 0.85) 77%, rgba(102, 196, 193, 0.88) 96%, rgba(96, 194, 190, 0.88) 100%);
  /* w3c, ie10+, ff16+, chrome26+, opera12+, safari7+ */
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#00ffffff', endcolorstr='#e060c2be', gradienttype=0);
  /* ie6-9 */
}
.gradient-overlay-gold-bottomtop {
  /* permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,9c8a60+100&0+67,0.65+70,0.85+77,0.88+96 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(189, 177, 148, 0) 67%, rgba(186, 173, 143, 0.65) 70%, rgba(179, 165, 132, 0.85) 77%, rgba(160, 143, 102, 0.88) 96%, rgba(156, 138, 96, 0.88) 100%);
  /* ff3.6-15 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(67%, rgba(189, 177, 148, 0)), color-stop(70%, rgba(186, 173, 143, 0.65)), color-stop(77%, rgba(179, 165, 132, 0.85)), color-stop(96%, rgba(160, 143, 102, 0.88)), color-stop(100%, rgba(156, 138, 96, 0.88)));
  /* chrome4-9,safari4-5 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(189, 177, 148, 0) 67%, rgba(186, 173, 143, 0.65) 70%, rgba(179, 165, 132, 0.85) 77%, rgba(160, 143, 102, 0.88) 96%, rgba(156, 138, 96, 0.88) 100%);
  /* chrome10-25,safari5.1-6 */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(189, 177, 148, 0) 67%, rgba(186, 173, 143, 0.65) 70%, rgba(179, 165, 132, 0.85) 77%, rgba(160, 143, 102, 0.88) 96%, rgba(156, 138, 96, 0.88) 100%);
  /* opera 11.10-11.50 */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(189, 177, 148, 0) 67%, rgba(186, 173, 143, 0.65) 70%, rgba(179, 165, 132, 0.85) 77%, rgba(160, 143, 102, 0.88) 96%, rgba(156, 138, 96, 0.88) 100%);
  /* ie10 preview */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(189, 177, 148, 0) 67%, rgba(186, 173, 143, 0.65) 70%, rgba(179, 165, 132, 0.85) 77%, rgba(160, 143, 102, 0.88) 96%, rgba(156, 138, 96, 0.88) 100%);
  /* w3c, ie10+, ff16+, chrome26+, opera12+, safari7+ */
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#00ffffff', endcolorstr='#e09c8a60', gradienttype=0);
  /* ie6-9 */
}
/*banner testata home - 55% on*/
/*.tp-caption.sft.slidelink.hasclicklistener {
    display: none;
}
.rev-slider-full .slotholder:after {
    background: -webkit-linear-gradient(@bg-color-top-opacity, @bg-color-bottom-opacity);
}*/
/*banner testata bottom - ecommerce_ tipo edoardo mondi*/
.banner-offerta {
  width: 50%;
  border-right: 8px solid #fff;
  margin-right: -3rem;
}
.testo-banner-offerta {
  letter-spacing: 2px;
  line-height: 150% !important;
}
@media (max-width: 767px) {
  #divcontainerb3 .banner-offerta {
    width: 60%;
  }
}
@media (max-width: 540px) {
  .banner-offerta,
  #divcontainerb3 .banner-offerta {
    width: 100%;
    border-right: 0 solid rgba(255, 255, 255, 0);
    margin-right: 0 !important;
  }
}
/*end banner testata bottom - ecommerce_ tipo edoardo mondi*/
.bigtext {
  color: #d4d4cb;
  font-family: 'EB Garamond', serif;
  font-size: calc(27px + 1.2vw + 0.6vh + 0.3vmin);
  font-weight: 700;
  text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);
  line-height: normal !important;
  /*banner testata home - 100% on*/
  text-align: center;
  white-space: unset;
  margin-bottom: 10px !important;
  /*inizio script icona svg*/
  /*padding-bottom: 35px !important;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='135' height='21' fill='@{color-sottomeu-rgba}' stroke='none'><path d='m127.18,6.19c121-.05,109.94-.24,101.84.1,90.84.56,80,3.3,69.32,5.77c-8,1.86-16,3.63-24,5.72-9.21,2.41-18.6,4.72-28.14,5.19-4.1.2-8.48,0-12.16-2a6.6,6.6,0,0,1-2.7-9a5.46,5.46,0,0,1,7.07,2.77c4-.22,6.73,8.39-.08,4.58a.49.49,0,0,0-.49.84c4.88,3,10.8,0,5.4-4.91c7.6-.63.4,2.06,0,8-1,24,28.25,17,36.29,15.24,53.74,11.37,70.9,6.44,88.53,3.33c11.1-2,24.75-3.54,35.06,2.19a16,16,0,0,1,6.86,8.85c1.29,4.31-4.35,4.2-7,3.52-4.84-1.26-2.42-8,1.22-3,.61.83,2,0,1.4-.82-2.15-2.93-6.71-4.9-7.12.35s8.36,7.24,11.72,4.47c135,15.32,129.91,9,127.18,6.19z'></path></svg>") no-repeat bottom center;
    background-size: 135px 21px;*/
  /*banner testata home - 55% on*/
  /*text-align: left;
    white-space: pre-wrap;
    overflow: hidden;
    overflow-wrap: break-word;*/
}
.smalltext {
  color: #d4d4cb;
  font-family: 'EB Garamond', serif;
  font-size: calc(20px + 0.35vw + 0.35vh + 0.175vmin);
  font-weight: 700 !important;
  line-height: calc(40px + (50 - 40) * ((100vw - 768px) / (1200 - 768))) !important;
  text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);
  /*banner testata home - 100% on*/
  text-align: center;
  white-space: pre-wrap;
  overflow: hidden;
  /*    overflow-wrap: break-word;*/
  /*banner testata home - 55% on*/
  /*text-align: left;
    white-space: pre-wrap;
    overflow: hidden;
    overflow-wrap: break-word;*/
}
/*banner testata home - 55% on off*/
/*.prezzotext {
    color: @prezzo-testata-home-color;
    font-family: @prezzo-testata-home-font;
    font-size: @prezzo-testata-home-size !important;
    font-weight: @prezzo-testata-home-weight !important;
    text-align: left;
    line-height: normal !important;
    text-shadow: -1px 2px 5px rgba(0,0,0,0.5);
    white-space: pre-wrap;
    overflow: hidden;
    overflow-wrap: break-word;
}*/
/*banner fullscreen slider con menu sopra si attiva sul maininit.js riga 105 if(true/false)*/
@media screen and (min-width: 1179px) {
  #divContainerb1 {
    background-color: #eee;
    /*height: calc(100vh - 95px - 40px - 70px) !important;*/
    /*height: calc(100vh - 102px) !important;*/
    height: 100vh !important;
    /*height: calc(90vh - 95px - 40px)*/
  }
  #divcontainerb2 {
    background-color: #eee;
    /*height: calc(100vh - 95px - 40px - 70px) !important;
        height: calc(80vh - 141px) !important;*/
    height: calc((80vw * 105) / 250) !important;
  }
  #divcontainermobile {
    background-color: transparent;
    height: calc(100vh - 98px - 40px) !important;
  }
  .fixedtop-home {
    display: none !important;
  }
  #mainnav.fixednav-home {
    top: 0;
    background-color: transparent;
  }
  .bckColor2-home {
    -webkit-box-shadow: 0 4px 6px -6px rgba(34, 34, 34, 0);
    -moz-box-shadow: 0 4px 6px -6px rgba(34, 34, 34, 0);
    box-shadow: 0 4px 6px -6px rgba(34, 34, 34, 0);
  }
  .headerspacer-home {
    padding-top: 0 !important;
  }
  .fulllogobckdark-home {
    width: 302px;
    height: 119px;
    padding: 5px;
    background: url(/images/main_logo_d_b.png) center center;
    background-size: 95% 95%;
    background-repeat: no-repeat;
    margin: 0 auto;
  }
  .menu-home {
    color: #fff !important;
    /*color: @menu-color;*/
    text-shadow: -1px 2px 5px rgba(0, 0, 0, 0.5);
  }
  .menu-home:hover {
    color: #741433 !important;
  }
  .menu-home:active {
    color: #741433 !important;
  }
  .buttonmenu-home {
    box-shadow: -1px 2px 5px rgba(0, 0, 0, 0);
  }
  .buttonmenu-span-home {
    text-shadow: none !important;
  }
  .menu-home.buttonmenu-span-home {
    /*color: @menu-color !important;*/
    color: #fff !important;
  }
  .catalogo-menu-ul-home {
    right: auto !important;
    width: auto !important;
    left: auto !important;
    padding: 0 !important;
  }
  .catalogo-menu-ul-home::before {
    border-bottom: 22px solid #741433 !important;
  }
  .catalogo-menu-ul-li-home {
    clear: both !important;
    float: left !important;
    padding: 12px 15px !important;
    border: none !important;
    border-style: hidden !important;
    width: 100% !important;
  }
  .catalogo-menu-ul-li-home:first-child {
    border-radius: 8px 8px 0 0 !important;
  }
  .catalogo-menu-ul-li-home:last-child {
    border-radius: 0 0 8px 8px !important;
  }
  .catalogo-menu-ul-li-home ul {
    display: none !important;
    visibility: hidden !important;
  }
  /*.indicator-home {*/
  /*display: none !important;*/
  /*}*/
  .dropdown-home {
    border-radius: 8px !important;
    border: none !important;
    box-shadow: 2px 4px 6px 3px rgba(34, 34, 34, 0.5) !important;
    margin-left: 10px !important;
    min-width: 200px !important;
    margin-top: 10px !important;
  }
  .dropdown-home::before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-left: 18px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 22px solid #ffffff;
    top: -17px;
    left: 17px;
  }
  .megamenu.dropdown-home::before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-left: 18px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 22px solid #ffffff;
    top: -21px;
    left: calc(10% - 40px);
  }
  .dropdown-home::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -21px;
    left: 17px;
    min-width: 270px !important;
    height: 22px;
  }
  .menuzord-menu ul.dropdown-home li ul.dropdown-home {
    margin-left: -50px !important;
  }
  .menuzord-menu ul.dropdown-home li ul.dropdown-home::before {
    display: none;
  }
  li:nth-last-child(5) .dropdown-home::before {
    right: 90px;
    left: auto;
  }
  .menu-home:hover {
    color: white !important;
  }
}
/* ---------------------------------
 --- end testata home fullscreen ---
--------------------------------- */
/*---------------------------*/
/*------gestione menu stili-------*/
/*---------------------------*/
.menuzord {
  padding: 0 0px;
}
@media (min-width: 1179px) {
  .menuzord,
  .menuzord *,
  .menuzord:not(i) {
    font-family: 'roboto', sans-serif;
    border-color: #37311e !important;
    font-size: 0.9rem;
  }
  .menuzord.white .menuzord-menu > li > a,
  .menuzord.white .menuzord-menu > li > a span,
  .menuzord.white .menuzord-menu > li > a svgpath,
  .menuzord.white .menuzord-menu li button svg path {
    color: #ffffff;
    fill: #ffffff !important;
    /*color: #fff;*/
    /*color: @primary-color !important;*/
    font-family: 'roboto', sans-serif;
    font-size: 0.9rem;
    font-weight: 400;
  }
  .menuzord.white .menuzord-menu > li > a svg,
  .menuzord.white .menuzord-menu li button svg {
    filter: drop-shadow(-1px 2px 5px rgba(0, 0, 0, 0.5));
  }
  .menuzord.white .menuzord-menu > li.active > a,
  .menuzord.white .menuzord-menu > li:hover > a,
  .menuzord.white .menuzord-menu > li:hover > a span,
  .menuzord.white .menuzord-menu > li:hover > a svg path,
  .menuzord.white .menuzord-menu li:hover button svg path,
  .menuzord.white .menuzord-menu ul.dropdown li:hover > a,
  .menuzord.white .menuzord-menu > li > a:active {
    color: #ddc278 !important;
    fill: #ddc278 !important;
    /*font-weight: @menu-hover-weight;*/
    background: none;
  }
  /*@media (max-width: 1024px) {
    .menuzord.white .menuzord-menu > li.active > a,
    .menuzord.white .menuzord-menu > li:hover > a,
    .menuzord.white .menuzord-menu > li:hover > a span,
    .menuzord.white .menuzord-menu ul.dropdown li:hover > a,
    .menuzord.white .menuzord-menu > li > a:active {
        color: @menu-hover-color !important;
        background: @white-color;
    }
}*/
  .menuzord.white .showhide em {
    background: #ffffff;
  }
  .menuzord-brand {
    font-weight: 400;
  }
  .menuzord-menu ul.dropdown,
  .menuzord-menu ul.dropdown li ul.dropdown {
    border-color: #ffffff !important;
    list-style: none;
    margin: 27.5px 0 0 0;
    padding: 10px 0 20px;
    display: none;
    position: absolute;
    z-index: 99 !important;
    min-width: 180px;
    white-space: nowrap;
    background: #fff;
    border: 1px solid #ffffff;
    border-top: 1px dashed #ffffff;
    box-shadow: 0 4px 6px -6px #222;
  }
  .menuzord-menu.scrolled ul.dropdown {
    margin: 12.5px 0 0 0;
  }
  .menuzord-menu ul.dropdown li ul.dropdown {
    margin-top: -20px !important;
    /*agisce sul menu di secondo livello posizione verticale*/
    /*margin-top: 0px !important;*/
    border-top: 1px solid #ffffff;
    border-left: 1px dashed #ffffff;
  }
  .menuzord-menu ul.dropdown ul {
    list-style: none !important;
    padding: 0 !important;
  }
  .menuzord-menu ul.dropdown ul > li {
    padding-left: 15px !important;
  }
  .menuzord-menu ul.dropdown li {
    font-size: 1rem;
    padding: 12px 0;
  }
  .menuzord-menu ul.dropdown li a {
    /*font-weight: @submenu-weight;*/
    color: #ffffff;
  }
  .menuzord-menu ul.dropdown li:hover > a {
    font-weight: 400;
    color: #741433;
  }
  .menuzord i {
    font-family: 'font awesome 5 free';
  }
  /* modifica meuzord per megamenu grande con molti link*/
  .menuzord-menu > li > .megamenu {
    padding: 30px 50px;
    left: unset;
    border: 1px solid #ffffff;
    /*-----*/
    margin: 10px -20px 0;
    width: calc(100% + 40px);
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    -webkit-box-shadow: 0 4px 6px -6px #222;
    -moz-box-shadow: 0 4px 6px -6px #222;
    box-shadow: 0 4px 6px -6px #222;
  }
  /* modifica meuzord per megamenu grande con molti link*/
  .menuzord-menu > li > .megamenu.megamenu-full-text {
    padding: 0 30px 30px;
    left: unset !important;
    /*  right: 0px !important;*/
    right: unset !important;
    border: 1px dashed #ffffff;
    margin: 10px 0px 0px 0px;
    width: auto;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    -webkit-box-shadow: 0 4px 6px -6px #222;
    -moz-box-shadow: 0 4px 6px -6px #222;
    box-shadow: 0 4px 6px -6px #222;
  }
  .menuzord-menu > li > .megamenu.megamenu-full-text .megamenu-menulist a {
    margin-top: 30px;
  }
  .menuzord-menu > li > .megamenu.megamenu-full-text .megamenu-menulist ul li a {
    color: #ffffff;
  }
  .menuzord-menu > li > .megamenu.megamenu-full-text .megamenu-menulist ul li:hover a {
    color: #741433;
    border: none;
  }
  .menuzord-menu > li > .megamenu.megamenu-full-text a:before,
  .menuzord-menu > li > .megamenu.megamenu-full-text a:after {
    border: none;
  }
}
@media (max-width: 1179px) {
  .menuzord-menu > li > .megamenu.megamenu-full-text {
    border-top: none;
    border-bottom: solid 1px #f0f0f0;
    margin: 0;
    width: 100%;
    padding: 0;
    border: none !important;
  }
  .menuzord-menu > li > .megamenu.megamenu-full-text .megamenu-menulist {
    padding: 0 !important;
  }
  .menuzord-menu > li > .megamenu.megamenu-full-text .megamenu-menulist a {
    border-width: 0 !important;
    border-bottom-width: 1px !important;
    margin: 0;
    /*text-align: left;*/
  }
}
.megamenu-menulist {
  line-height: normal;
}
.megamenu-menulist ul {
  direction: rtl;
  padding: 0px;
  list-style-type: circle;
  margin: 0px;
  width: 100%;
}
.megamenu-menulist li {
  width: 100%;
  list-style-type: none;
}
.megamenu-menulist > a {
  display: block;
  box-sizing: border-box;
  padding: 5px 20px !important;
  width: 100%;
}
.megamenu-menulist li > a {
  padding: 10px 8px !important;
  line-height: 1.6rem;
}
.menutext-1 {
  color: #ffffff;
  font-size: calc(15px + 0.12vw + 0.12vh + 0.06vmin) !important;
  font-family: 'EB Garamond', serif !important;
  font-weight: 400;
  font-style: normal;
}
.menutext-1.menutext-bold {
  font-weight: 600;
}
@media (max-width: 1179px) {
  .menuzord-menu ul.dropdown li ul.dropdown {
    margin-top: 0px !important;
  }
  .menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row [class*="col"] {
    /*float: none;
        display: block;
        width: 100% !important;
        margin-left: 0;*/
    margin-top: 0px;
  }
  .menuzord-menu > li > .megamenu {
    padding: 0px 0px;
  }
  .megamenu-menulist ul {
    list-style-type: none;
  }
  .megamenu-menulist li > a {
    padding: 12px 35px !important;
    line-height: normal;
    /*text-align:left;*/
  }
  .megamenu-menulist a {
    display: block;
    box-sizing: border-box;
    line-height: normal;
    padding: 12px 20px !important;
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-collapse: collapse;
    font-weight: 400;
    color: #ffffff;
    text-align: left;
  }
}
/* modifica meuzor per megamenu grande con molti link*/
/*menu prodotti a vista*/
@media (min-width: 1179px) {
  .menuzord-menu li.catalogo-menu .indicator {
    bottom: -37px;
    position: absolute;
    font-size: 35px !important;
    margin-left: calc(-50% + 1px);
    color: #741433 !important;
    display: inline;
  }
  .menuzord-menu li.catalogo-menu .indicator:before {
    font-family: 'font awesome 5 free';
    font-weight: 900;
    content: "\f0de";
  }
  /*.menuzord-menu li.catalogo-menu .fa {
        display: none;
    }*/
  /*.menuzord-menu ul.dropdown li a {
        font-weight: @submenu-weight;
        color: @black-color;
    }*/
  .menuzord-menu li.catalogo-menu ul {
    /*display: block !important;*/
    width: calc(100% + 40px);
    left: -20px;
    opacity: 1 !important;
    border: none;
    padding: 0px 55px;
    background-image: url();
    background-size: 20%;
    background-color: #741433;
    /*background: @bg-primary-color-sfumato;*/
    /*in caso di sfondo sfumto*/
    /*sotto menu a colonne on/off (si può attivare soltanto con sotto sotto menu off) */
    /*-webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
        column-rule: solid 1px @bg-primary-color;
        webkit-column-fill: auto;
        -moz-column-fill: auto;
        column-fill: auto;
        height: 164px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: calc((100% - 1110px) / 2);
        padding-right: calc((100% - 1110px) / 2);*/
  }
  .menuzord-menu ul.dropdown.visible-ok {
    z-index: 97 !important;
  }
  .visible-ok {
    display: block !important;
  }
  .menuzord-menu li.catalogo-menu ul li {
    display: inline-block;
    float: right;
    clear: none;
    width: auto;
    margin-left: 10px;
  }
  .menuzord-menu li.catalogo-menu ul li a {
    padding: 14px 14px 14px 40px !important;
  }
  .menuzord-menu li.catalogo-menu ul li:nth-child(6) {
    background: url(/images/icon-tubo.png) 10px center no-repeat !important;
    background-size: 32px !important;
  }
  .menuzord-menu li.catalogo-menu ul li:nth-child(5) {
    background: url(/images/icon-paletta-dx.png) 10px center no-repeat !important;
    background-size: 32px !important;
  }
  .menuzord-menu li.catalogo-menu ul li:nth-child(4) {
    background: url(/images/icon-vaso-fiore.png) 10px center no-repeat !important;
    background-size: 32px !important;
  }
  .menuzord-menu li.catalogo-menu ul li:nth-child(3) {
    background: url(/images/icon-ingranaggio.png) 10px center no-repeat !important;
    background-size: 32px !important;
  }
  .menuzord-menu li.catalogo-menu ul li:nth-child(2) {
    background: url(/images/icon-spina.png) 10px center no-repeat !important;
    background-size: 32px !important;
  }
  .menuzord-menu li.catalogo-menu ul li:nth-child(1) {
    background: url(/images/icon-trattore.png) 10px center no-repeat !important;
    background-size: 32px !important;
  }
  /*sotto sotto menu catalogo*/
  .menuzord-menu li.catalogo-menu ul.dropdown .fa {
    display: block;
    /*color: @primary-color;*/
  }
  .menuzord-menu li.catalogo-menu ul.dropdown li .indicator {
    top: 7px;
    right: 0px;
  }
  .menuzord-menu li.catalogo-menu ul.dropdown li .indicator:before {
    font-family: 'font awesome 5 free';
    font-weight: 900;
    content: "";
  }
  .menuzord-menu li.catalogo-menu ul.dropdown li .indicator i.fa.fa-angle-right:before {
    content: "\f107";
  }
  /*sotto sotto menu off*/
  /*.menuzord-menu li.catalogo-menu ul.dropdown li ul.dropdown, .menuzord-menu li.catalogo-menu ul.dropdown li .indicator {
        display: none !important;
    }*/
  /*sotto sotto menu on off*/
  .menuzord-menu li.catalogo-menu ul {
    border-bottom: 1px solid #ddc278 !important;
  }
  .menuzord-menu li.catalogo-menu ul.dropdown li {
    position: unset !important;
    padding: 22px 10px;
    margin-left: 0;
    font-weight: 400 !important;
    /*sotto menu a colonne on/off (si può attivare soltanto con sotto sotto menu off) */
    /*width: 100%;
        padding: 10px 10px;*/
    /*sotto sotto menu on off*/
    margin-bottom: -1px;
    border-bottom: 1px solid #ddc278 !important;
    border-left: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
  }
  .menuzord-menu li.catalogo-menu ul.dropdown li:hover {
    background-color: #893752 !important;
    font-weight: 400 !important;
    /*sotto sotto menu on off*/
    border-bottom: 1px solid transparent !important;
    border-left: 1px solid #ddc278 !important;
    border-right: 1px solid #ddc278 !important;
  }
  .menuzord-menu li ul.dropdown li ul.dropdown {
    /*top: 62px;*/
  }
  .menuzord-menu li.catalogo-menu ul.dropdown li ul.dropdown {
    width: 100%;
    min-width: auto;
    padding: 10px 55px;
    display: none;
    background: #893752;
    border: 0px;
    border-bottom: none !important;
    left: 0;
    /*sotto sotto menu on*/
    top: 93px;
    /*sotto sotto menu off*/
    /*top: 62px;*/
  }
  .menuzord-menu li.catalogo-menu ul.dropdown li ul.dropdown li {
    padding: 0px;
    margin: 2px 0;
    float: right;
    background: none !important;
    border: none !important;
    font-weight: 400 !important;
  }
  .menuzord-menu li.catalogo-menu ul.dropdown li ul.dropdown li:hover {
    font-weight: 400 !important;
  }
  .menuzord.white .menuzord-menu li.catalogo-menu ul.dropdown li:hover a {
    color: #ffffff !important;
  }
  .menuzord.white .menuzord-menu li.catalogo-menu ul.dropdown li,
  .menuzord.white .menuzord-menu li.catalogo-menu ul.dropdown li a,
  .menuzord.white .menuzord-menu li.catalogo-menu ul.dropdown .fa,
  .menuzord.white .menuzord-menu li.catalogo-menu ul.dropdown li ul.dropdown li a {
    color: #d4d4cb !important;
  }
  .menuzord.white .menuzord-menu li.catalogo-menu ul.dropdown li:hover,
  .menuzord.white .menuzord-menu li.catalogo-menu ul.dropdown li a:hover,
  .menuzord.white .menuzord-menu li.catalogo-menu ul.dropdown .fa:hover,
  .menuzord.white .menuzord-menu li.catalogo-menu ul.dropdown li ul.dropdown li a:hover {
    color: #ffffff !important;
  }
  .menuzord-menu li.catalogo-menu ul.dropdown li ul.dropdown li a {
    padding: 14px !important;
  }
}
/*----------------------------------
--------- effetto pulsante ---------
----------------------------------*/
@media screen and (min-width: 1179px) {
  .menuzord-menu *:not(.dropdown-menu) {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
  }
  /*in caso dialog sottomenu normale*/
  /*.menuzord-menu a:not(.btn):not(.product-thumb) {
            position: relative;
            padding: 8px 14px !important;
        }*/
  /*in caso dialog sottomenu prodotti a vista*/
  .menuzord-menu a {
    position: relative;
    padding: 8px 8px !important;
  }
  .menuzord-menu a:hover {
    color: #ffffff;
    padding: 8px 8px !important;
  }
  .menuzord.white .menuzord-menu > li.active > a,
  .menuzord.white .menuzord-menu > li:hover > a,
  .menuzord.white .menuzord-menu ul.dropdown li:hover > a {
    /*font-weight: @menu-hover-weight !important;*/
  }
  .menuzord-menu ul.dropdown li a,
  .menuzord-menu ul.dropdown li a:before,
  .menuzord-menu ul.dropdown li a:after {
    border: none;
    padding: 14px !important;
  }
  /*tolgo l'effetto al pulsante prenota*/
  /* .menuzord-menu li:nth-child(9) a:before, .menuzord-menu li:nth-child(9) a:after {
        border: none;
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    .menuzord-menu li:nth-child(9) a {
        padding: 8px 16px 8px !important;
    }

    .menuzord-menu li:nth-child(9) a span {
        color: #fff !important;
    }*/
  /*opzione 1*/
  /*effetto hove menu con angoli topleft e bottomright*/
  .menuzord-menu a:before,
  .menuzord-menu a:after {
    height: 14px;
    width: 14px;
    position: absolute;
    content: '';
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    opacity: 0;
  }
  .menuzord-menu li a:before {
    left: 0;
    top: 0;
    border-left: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
    -webkit-transform: translate(100%, 50%);
    transform: translate(100%, 50%);
  }
  .menuzord-menu li a:after {
    right: 0;
    bottom: 0;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
  }
  .menuzord-menu li a.noborderbutton:before {
    border-left: none !important;
    border-top: none !important;
  }
  .menuzord-menu li a.noborderbutton:after {
    border-right: none !important;
    border-bottom: none !important;
  }
  .menuzord-menu li a:hover:before,
  .menuzord-menu li .current a:before,
  .menuzord-menu li a:hover:after,
  .menuzord-menu li .current a:after {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    opacity: 0;
    border-color: #ddc278;
  }
  /*opzione 2*/
  /*.menuzord-menu a:before,
    .menuzord-menu a:after {
        height: 1px;
        position: absolute;
        content: '';
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
        background-color: lighten(@bg-primary-color, 30%);
        width: 0;
    }

    .menuzord-menu a:before {
        top: 0;
        left: 0;
    }

    .menuzord-menu a:after {
        bottom: 0;
        right: 0;
    }

    .menuzord-menu a:hover:before,
    .menuzord-menu .current a:before,
    .menuzord-menu a:hover:after,
    .menuzord-menu .current a:after {
        width: 100%;
    }*/
  .buttonmenu,
  a .buttonmenu {
    background: #741433 !important;
    font-size: 0.9rem !important;
    border: 1px solid #741433;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
  }
  .buttonmenu:hover,
  a .buttonmenu:hover {
    background: #ea84a5 !important;
    color: #000 !important;
  }
  .menuzord.white .menuzord-menu > li > a.buttonmenu {
    color: #d4d4cb !important;
    border-color: transparent !important;
    margin-top: 0px;
  }
  .menuzord.white .menuzord-menu > li > a.buttonmenu:hover,
  .menuzord.white .menuzord-menu > li > a.buttonmenu:hover span:hover {
    color: #000 !important;
    border-color: #000 !important;
  }
  .menuzord.white .menuzord-menu > li > a.buttonmenu:hover span {
    /*&:extend(.menuzord.white .menuzord-menu > li > a.buttonmenu);*/
  }
  .menuzord.white .menuzord-menu > li > a.buttonmenu:hover span:hover {
    border: none !important;
    color: #741433 !important;
  }
  .menuzord.white .menuzord-menu > li:hover > a.buttonmenu {
    background: white !important;
  }
}
/*----------------------------------
--------------- fine effetto pulsante ---------------
----------------------------------*/
/* ---------------------------------
----- menu mobile new template -----
--------------------------------- */
@media (max-width: 1179px) {
  .menuzord-responsive .menuzord-menu.scrollable {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: calc(100vh - 120px) !important;
    max-height: none !important;
    margin-bottom: 20px;
    margin-top: 5px;
    border: 1px solid;
    /*        background: @bg-figura-menu;*/
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 70% auto;
  }
  .menuzord-responsive .menuzord-menu.scrollable > .scrollable-fix {
    height: 0 !important;
  }
  .menuzord.white .menuzord-menu > li > a {
    background-color: #fff;
    border-bottom: 1px solid;
    text-align: left;
    background-color: #12100a;
    border: none;
    background-color: transparent;
  }
  .menuzord.white .menuzord-menu > li:nth-last-child(2) > a {
    border-bottom: none;
  }
  .menuzord-responsive .menuzord-menu li .indicator {
    position: absolute;
    right: 50px;
    top: 6px;
    transform: rotate(-90deg);
  }
  .menuzord-responsive .menuzord-menu li a:focus .indicator,
  .menuzord-responsive .menuzord-menu li a:focus .active {
    transform: rotate(0deg);
  }
  /*sotto menu*/
  .menuzord-responsive .menuzord-menu ul.dropdown,
  .menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown {
    background: #fff;
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
  }
  .menuzord-responsive .menuzord-menu ul.dropdown li a {
    text-align: left;
    border-bottom: 1px solid;
  }
  .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li:hover > a {
    padding-left: 20px !important;
  }
  .menuzord-responsive .menuzord-menu li ul.dropdown li .indicator {
    line-height: 22px;
    padding: 5px 12px;
    position: absolute;
    right: 50px;
    top: 6px;
    height: auto;
    transform: rotate(0deg);
  }
  /*.menuzord-responsive .menuzord-menu li ul.dropdown li .indicator:focus {
        transform: rotate(90deg)
    }*/
  .menuzord-responsive .menuzord-menu li ul.dropdown li a:focus .indicator,
  .menuzord-responsive .menuzord-menu li ul.dropdown li a:focus .active {
    transform: rotate(90deg);
  }
  /*sotto sotto menu*/
  .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > a {
    padding-left: 35px !important;
  }
  .outofsight {
    position: absolute;
    /*top: -3000px;*/
    height: 0px !important;
    width: 0px !important;
    border: none !important;
  }
}
@media (max-width: 992px) {
  .menuzord-responsive .menuzord-menu.scrollable {
    background-size: 65% auto;
  }
}
@media (max-width: 576px) {
  .menuzord-responsive .menuzord-menu.scrollable {
    background-size: 72.5% auto;
    height: calc(100vh - 142px) !important;
  }
}
@media (max-width: 376px) {
  .menuzord-responsive .menuzord-menu.scrollable {
    background-size: 67.5% auto;
  }
}
/*@media screen and (min-width: 992px), (orientation: landscape) {
    .menuzord-responsive .menuzord-menu.scrollable {
        background-size: 32% auto;
    }
}*/
@media screen and (orientation: landscape) {
  .menuzord-responsive .menuzord-menu.scrollable {
    background: none;
  }
}
div#btn-menumobile {
  padding: 3px 0;
  background-color: transparent;
  color: #ffffff;
  width: 0;
  font-size: 24px;
}
/*.fixednav .fa-phone,*/
#btn-menumobile {
  color: #ffffff;
}
#btn-menumobile .fa-bars {
  transform: rotate(0deg);
  transition: transform 0.3s linear;
  font-size: 1.5rem;
}
#btn-menumobile .fa-times {
  transform: rotate(180deg);
  transition: transform 0.3s linear;
  font-size: 1.5rem;
}
/* ---------------------------------
--------- template polygon ---------
--------------------------------- */
/*quando si attiva vanno disattivati gli altri bigtext e smalltext di questo file*/
/*-- banner testata home polygon -*/
/*.tp-caption.very_big_white {
    width: @bg-width !important;
    max-width: @bg-max-width !important;
    background-size: @bg-size !important;
    -webkit-clip-path: @bg-path;
    clip-path: @bg-path;
    background: @bg-testata-color;
    padding: 20px 20px;
    padding-right: calc(14% - 3rem);
}
@media (max-width: 768px) {
    .tp-caption.very_big_white {
        width: @bg-width-768 !important;
        max-width: @bg-max-width-768 !important;
        -webkit-clip-path: @bg-path-768;
        clip-path: @bg-path-768;
    }
}
.bigtext {
    color: @title-testata-home-color;
    font-family: @title-testata-home-font;
    font-size: @title-testata-home-size !important;
    font-weight: @title-testata-home-weight;
    text-align: left;
    text-shadow: -1px 2px 5px rgba(0,0,0,0.5);
    line-height: normal !important;
    white-space: pre-wrap;
    overflow: hidden;
    overflow-wrap: break-word;
}
.smalltext {
    color: @subtitle-testata-home-color;
    font-family: @subtitle-testata-home-font;
    font-size: @subtitle-testata-home-size !important;
    font-weight: @subtitle-testata-home-weight !important;
    text-align: left;
    line-height: normal !important;
    text-shadow: -1px 2px 5px rgba(0,0,0,0.5);
    white-space: pre-wrap;
    overflow: hidden;
    overflow-wrap: break-word;
}
.prezzotext {
    color: @prezzo-testata-home-color;
    font-family: @prezzo-testata-home-font;
    font-size: @prezzo-testata-home-size !important;
    font-weight: @prezzo-testata-home-weight !important;
    text-align: left;
    line-height: normal !important;
    text-shadow: -1px 2px 5px rgba(0,0,0,0.5);
    white-space: pre-wrap;
    overflow: hidden;
    overflow-wrap: break-word;
}*/
/*-- banner navigazione polygon --*/
.card-shadow {
  -webkit-box-shadow: 0px 0px 10px 4px rgba(0, 0, 20, 0.2) !important;
  -moz-box-shadow: 0px 0px 10px 4px rgba(0, 0, 20, 0.2) !important;
  box-shadow: 0px 0px 10px 4px rgba(0, 0, 20, 0.2) !important;
}
.image-polygon-b3 {
  padding-left: 0;
  padding-top: 25%;
}
.polygon-backdrop-b3 {
  background-size: cover;
  -webkit-clip-path: polygon(0% 100%, 100% 80%, 101% 0%, 0% 0%);
  clip-path: polygon(0% 100%, 100% 80%, 101% 0%, 0% 0%);
  position: absolute;
  width: calc(100% + 2px);
  height: auto;
  min-height: 40%;
  top: -1px;
}
.polygon-backdrop-b3 .titolo-offerta,
.polygon-backdrop .sottotitolo-offerta,
.polygon-backdrop .descrizione {
  color: white !important;
}
.polygon-backdrop-b3 .titolo-offerta {
  font-size: 1.6rem;
  font-weight: 900;
  margin-bottom: 20px !important;
  line-height: 2rem;
  text-transform: uppercase;
}
.polygon-backdrop-b3 .sottotitolo-offerta {
  font-size: 1.3rem;
  font-weight: 400 !important;
  line-height: 1.6rem;
  color: white;
}
li:nth-child(2n) .polygon-backdrop-b3,
.polygonblock > div:nth-child(2n) .polygon-backdrop-b3 {
  background: linear-gradient(45deg, #5e1029, #971a42);
}
li:nth-child(2n+1) .polygon-backdrop-b3,
.polygonblock > div:nth-child(2n+1) .polygon-backdrop-b3 {
  background: linear-gradient(45deg, #d5b357, #e5d199);
}
/*---- multibanner home polygon pari monocolre  ----*/
li:nth-child(2n) .rounded-responsive .polygon-backdrop,
.polygonblock > div:nth-child(2n) .rounded-responsive .polygon-backdrop {
  background: linear-gradient(45deg, #d5b357, #e5d199);
}
li:nth-child(2n+1) .rounded-responsive .polygon-backdrop,
.polygonblock > div:nth-child(2n+1) .rounded-responsive .polygon-backdrop {
  background: linear-gradient(45deg, #d5b357, #e5d199);
}
/*---- multibanner home polygon pari moulticolore  ----*/
li:nth-child(n) .rounded-responsive .polygon-backdrop.parimulticolore,
.polygonblock > div:nth-child(n) .rounded-responsive .polygon-backdrop.parimulticolore {
  background: linear-gradient(45deg, #d5b357, #e5d199) !important;
}
li:nth-child(3n+1) .rounded-responsive .polygon-backdrop.parimulticolore,
.polygonblock > div:nth-child(3n+1) .rounded-responsive .polygon-backdrop.parimulticolore {
  background: linear-gradient(45deg, #5e1029, #971a42) !important;
}
li:nth-child(n) .rounded-responsive .btn.parimulticolore:hover,
.polygonblock > div:nth-child(n) .rounded-responsive .btn.parimulticolore:hover {
  color: #000 !important;
  opacity: 0.78;
  background-color: #ea84a5;
  text-decoration: none !important;
}
li:nth-child(3n+1) .rounded-responsive .btn.parimulticolore:hover,
.polygonblock > div:nth-child(3n+1) .rounded-responsive .btn.parimulticolore:hover {
  color: #d4d4cb !important;
  background: #ffffff !important;
  border-color: #ffffff;
  opacity: 0.78;
  text-decoration: none !important;
  border: 1px solid #741433;
}
@media screen and (max-width: 720px) {
  li:nth-child(3n+1) .rounded-responsive .polygon-backdrop.parimulticolore,
  .polygonblock > div:nth-child(3n+1) .rounded-responsive .polygon-backdrop.parimulticolore {
    background: linear-gradient(45deg, #d5b357, #e5d199) !important;
  }
}
@media screen and (max-width: 540px) {
  .card.rounded-responsive {
    border-radius: 0 !important;
  }
}
/*----isotope risultati polygon ----*/
.image-polygon {
  padding-left: 0;
  padding-top: 35%;
}
.image-polygon-fascia {
  padding-left: 0;
  padding-top: 75%;
}
.polygon-backdrop {
  background-size: cover;
  -webkit-clip-path: polygon(0% 100%, 100% 80%, 101% 0%, 0% 0%);
  clip-path: polygon(0% 100%, 100% 80%, 101% 0%, 0% 0%);
  position: absolute;
  width: 100%;
  height: auto;
  min-height: 40%;
  top: 0px;
}
.polygon-backdrop .titolo-offerta,
.polygon-backdrop .sottotitolo-offerta,
.polygon-backdrop .descrizione {
  color: white !important;
}
.polygon-backdrop .titolo-offerta {
  font-size: 1.8rem;
  font-weight: 900;
  margin-bottom: 20px !important;
  line-height: 2.1rem;
}
.polygon-backdrop .sottotitolo-offerta {
  font-size: 1.3rem;
  font-weight: 400 !important;
  line-height: 2rem;
}
li:nth-child(2n) .polygon-backdrop,
.polygonblock > div:nth-child(2n) .polygon-backdrop {
  background: linear-gradient(45deg, #5e1029, #971a42);
}
.polygon-backdrop .prezzo-responsive {
  color: white;
  font-size: 2rem;
  font-weight: 900;
}
li:nth-child(2n) .polygon-backdrop {
  background: linear-gradient(45deg, #5e1029, #971a42);
}
li:nth-child(2n+1) .polygon-backdrop,
.polygonblock > div:nth-child(2n+1) .polygon-backdrop {
  background: linear-gradient(45deg, #d5b357, #e5d199);
}
li:nth-child(2n) .polygon-backdrop .prezzo-responsive:before {
  content: "/kwh";
  font-weight: 300;
  float: right;
}
li:nth-child(2n+1) .polygon-backdrop .prezzo-responsive:before {
  content: "/smc";
  font-weight: 300;
  float: right;
}
@media screen and (min-width: 1024px) {
  .image-polygon,
  .image-polygon-fascia {
    padding-left: 45%;
    /*padding-left: 0%;*/
    padding-top: 0;
  }
  .polygon-backdrop {
    background-size: cover;
    -webkit-clip-path: polygon(0 0%, 100% 0%, 80% 101%, 0% 101%);
    clip-path: polygon(0 0%, 100% 0%, 80% 101%, 0% 101%);
    position: absolute;
    width: 65%;
    /*width: 60%;*/
    height: 100%;
    top: 0px;
  }
}
/* ---------------------------------
------- end template polygon -------
--------------------------------- */
/* ----------------------------------------------------
- template bootstrap banner e portfolio mansonry card -
---------------------------------------------------- */
.firstbig li {
  list-style-type: none;
}
.grid-shape-polygon .work-image {
  border-radius: 5px;
}
.grid-shape-polygon .card-body {
  /*background-color: rgba(0, 0, 0, 0.50);*/
  background-color: rgba(221, 194, 120, 0.75);
  clip-path: polygon(0% 40px, 101% 0%, 101% 101%, 0% 101%);
  padding-top: 45px;
}
.grid-shape-polygon item:nth-of-type(odd) .card-body {
  background-color: rgba(116, 20, 51, 0.75);
}
.grid-shape-polygon .card-body:after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  /*background: @color-sottomeu;*/
  background: #d4d4cb;
  right: 0;
  left: 0;
  transform-origin: top left;
  z-index: 12;
  top: 0px;
  clip-path: polygon(0% 0px, 101% 0%, 101% 6px, 0% calc(101% - 48px));
}
.grid-shape-polygon .work-image:after {
  clip-path: polygon(0% 0%, 101% 0%, 101% calc(101% - 97px), 0% calc(101% - 56.6px));
}
.grid-shape-polygon .work-image span {
  color: white;
  font-weight: bold;
  font-family: 'roboto', sans-serif, sans-serif;
  font-size: 1.2rem;
  letter-spacing: 4px;
}
.grid-shape-polygon .imgovercontainer:hover.work-image > img,
.image-polygon-b3.imgovercontainer:hover > img,
.zoomimg.imgovercontainer:hover > img {
  -webkit-transform: scale(1.2);
  /*scale(1.3) rotate(2deg);*/
  -moz-transform: scale(1.2);
  /* scale(1.3) rotate(2deg);*/
  -ms-transform: scale(1.2);
  /* scale(1.3) rotate(2deg);*/
  -o-transform: scale(1.2);
  /*scale(1.3) rotate(2deg);*/
  transform: scale(1.2);
  /* scale(1.3) rotate(2deg);*/
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
/* fluid 4 columns */
.grid-sizer,
.grid-item {
  width: 50%;
}
@media (min-width: 576px) {
  .grid-sizer,
  .grid-item {
    width: 50%;
  }
}
@media (min-width: 1199px) {
  .grid-sizer,
  .grid-item {
    width: 25%;
  }
  /*.firstbig item:nth-of-type(1), .firstbig item:nth-of-type(9n+1) {
            width: 50%;
        }

        .firstbig item:nth-of-type(1) img, .firstbig item:nth-of-type(9n+1) img {
            padding-bottom: calc(228px - 0.5rem) !important;
        }

        .firstbig item:nth-of-type(1) .card-img-overlay, .firstbig item:nth-of-type(9n+1) .card-img-overlay {
            bottom: 36px;
        }*/
}
/* personalizzazioni singole banner card over catalogo */
.firstbig-banner item:nth-of-type(n+1) .imgovercontainer.work-image:after {
  background-position: center calc((100% - 0.1px) / 2) !important;
  background-size: 10% !important;
}
.firstbig-banner item:nth-of-type(2) .imgovercontainer.work-image:hover:after {
  background: url(/images/icon-trattore.png) center calc((100% - 0.1px) / 2) no-repeat !important;
  background-size: 20% !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.firstbig-banner item:nth-of-type(3) .imgovercontainer.work-image:hover:after {
  background: url(/images/icon-spina.png) center calc((100% - 0.1px) / 2) no-repeat !important;
  background-size: 20% !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.firstbig-banner item:nth-of-type(4) .imgovercontainer.work-image:hover:after {
  background: url(/images/icon-ingranaggio.png) center calc((100% - 0.1px) / 2) no-repeat !important;
  background-size: 20% !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.firstbig-banner item:nth-of-type(5) .imgovercontainer.work-image:hover:after {
  background: url(/images/icon-vaso-fiore.png) center calc((100% - 0.1px) / 2) no-repeat !important;
  background-size: 20% !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
}
/* scheda details catalogo catalogo */
.flexslider .slides img {
  width: 100% !important;
  max-height: 100% !important;
  max-width: 100% !important;
}
/****************************
modify  class per datepicker
****************************/
.ui-state-halfcolorbckend {
  background: linear-gradient(90deg, #fb8499 50%, white 50%) !important;
  /*background: linear-gradient(to left,  #fff  50%,  rgba(251, 132, 153, 1) 50%);*/
  border: none;
  /*height: 100%;
  width: 100%*/
}
.ui-state-halfcolorbckend > .ui-state-default {
  background-image: none;
  background-color: transparent;
}
.ui-state-halfcolorbckstart {
  background: linear-gradient(90deg, white 50%, #fb8499 50%) !important;
  /*background: linear-gradient(to left,  rgba(251, 132, 153, 1)  50%,  #fff 50%);*/
  border: none;
  /*height: 100%;
  width: 100%*/
}
.ui-state-halfcolorbckstart > .ui-state-default {
  background-image: none;
  background-color: transparent;
}
.ui-state-pressed {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-color: #999;
  background-image: none;
  background: #d1d1d1 !important;
}
.ui-state-reserved {
  opacity: 0.9 !important;
  background-color: rgba(251, 132, 153, 0.8) !important;
}
.ui-state-disabled > .ui-state-default {
  background: none !important;
}
.date-range-selected > .ui-state-active,
.date-range-selected > .ui-state-default {
  background-image: none;
  background-color: lightsteelblue;
}
/* ---------------------------------    */
/****************************
modify  class per jqxcalendar
****************************/
.jqx-fill-halfcolorbckend {
  background: linear-gradient(90deg, #fb8499 50%, white 50%) !important;
  /*background: linear-gradient(to left,  #fff  50%,  rgba(251, 132, 153, 1) 50%);*/
  border: none;
  /*height: 100%;
  width: 100%*/
}
.jqx-fill-halfcolorbckstart {
  background: linear-gradient(90deg, white 50%, #fb8499 50%) !important;
  /*background: linear-gradient(to left,  rgba(251, 132, 153, 1)  50%,  #fff 50%);*/
  border: none;
  /*height: 100%;
  width: 100%*/
}
.jqx-fill-state-pressed {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-color: #999;
  background-image: none;
  background: #d1d1d1 !important;
}
.jqx-calendar-cell-restricteddate {
  background-color: #fb8499 !important;
  border: 1px solid #fff;
  margin: 0 0 0 0;
  cursor: pointer;
}
/* ---------------------------------    */
/*sezione aggiunta trattamenti ...*/
/*box semitraparente*/
.treatment-search {
  border-radius: 10px;
  box-shadow: 0 9px 10px rgba(0, 0, 0, 0.06);
  padding: 30px 70px 30px 70px;
  position: relative;
  top: -30px;
  z-index: 96;
  background-color: rgba(255, 255, 255, 0.6);
  margin: 15px;
}
.tratment-selection-form {
  border-radius: 3px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
@media (max-width: 501px) {
  .treatment-search {
    top: 0px;
  }
}
/* blocchi fondini  per schede*/
.lateralbar {
  border-left: 4px solid #bbb;
  margin-left: 20px;
  padding-left: 15px;
  margin-top: 10px;
}
.blocco-dati:first-child {
  border-top: 1px solid #eee;
}
.blocco-dati {
  background: #fff;
  position: relative;
  padding: 2em;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
@media (min-width: 501px) {
  .blocco-dati {
    padding: 2em;
    margin-bottom: 2em;
    border-radius: 10px;
    border: none;
  }
}
.anchorspacer {
  padding-top: 60px;
  margin-top: -60px;
}
.blocco-dati-1 p {
  font-size: 1.1rem;
}
.blocco-dati-1 li {
  font-size: 1.1rem;
}
.blocco-dati-1 {
  background: #f0f0f0;
  position: relative;
  padding: 1em;
  margin-bottom: 2em;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
@media (min-width: 501px) {
  .blocco-dati-1 {
    padding: 2em;
    border-radius: 10px;
    border: none;
  }
}
/*pulsante prenota flottante  */
.lead-action {
  position: fixed;
  bottom: 60px;
  left: 0px;
  z-index: 97;
  display: flex;
  margin-bottom: 0;
}
.lead-action--content {
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .lead-action {
    width: 260px;
    margin-bottom: 0;
    left: 0px;
  }
}
@media (min-width: 992px) {
  .lead-action {
    width: 260px;
    margin-bottom: 0;
    left: 0px;
  }
}
@media (min-width: 1200px) {
  .lead-action {
    width: 260px;
    margin-bottom: 0;
    left: 0px;
  }
}
@media (max-width: 500px) {
  .lead-action {
    bottom: 100px;
    left: 0px;
    z-index: 99;
  }
}
.lead-action-link:hover {
  color: #fff;
  background-color: #328184;
}
.lead-action-link:active,
.lead-action-link:focus {
  color: #fff;
  background-color: #328184;
}
.lead-action-link {
  white-space: nowrap;
  box-shadow: 0 6px 13px 0 rgba(150, 150, 150, 0.32);
  text-decoration: none;
  color: #fff;
  background-color: #328184;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 3px solid white;
  /*padding: 0;*/
  /*margin: .7142857143em 1.4285714286em;*/
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all linear 250ms;
}
@media (min-width: 501px) {
  .lead-action-link {
    width: auto;
    height: auto;
    border-radius: 0;
    padding: 0.71428571em 1.14285714em;
    display: inline-flex;
    font-weight: 400;
    transition: all linear 250ms;
    overflow: hidden;
  }
}
@media (max-width: 501px) {
  .lead-action-link span {
    display: none;
  }
}
/* callout con bordi */
.calloutitem {
  position: relative;
  display: table;
}
.callout__corner--tl {
  top: 0;
  left: 0;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.callout__corner--bl {
  bottom: 0;
  left: 0;
  -webkit-transform: scaley(-1);
  transform: scaley(-1);
}
.callout__corner--tr {
  top: 0;
  right: 0;
  -webkit-transform: scalex(-1);
  transform: scalex(-1);
}
.callout__corner--br {
  bottom: 0;
  right: 0;
  -webkit-transform: scale(-1);
  transform: scale(-1);
}
.callout__corner {
  background: url(/images/sitespecific/corner.svg) 0 0 no-repeat;
  position: absolute;
  width: 65px;
  height: 65px;
}
.callout__body {
  display: table-cell;
  vertical-align: middle;
  padding: 30px;
}
/* fine callout con bordi */
/* classi per scalatura forzata dei caratteri */
.scalable-extrime,
.scalablefont-extrim,
.scalable-extrime:hover,
.scalablefont-extrim:hover {
  font-size: calc(30px + 2vw + 2vh + 2vmin) !important;
  line-height: 125% !important;
}
.scalablefont-testata-extrime,
.scalablefont-testata-extrime:hover {
  /*font-size: @scalable-testata-extrime-font-size !important;
    line-height: 125% !important;*/
  font-size: calc(20px + 0.75vw + 0.75vh + 0.75vmin) !important;
  line-height: 125% !important;
  text-shadow: -3px 3px 3px rgba(0, 0, 0, 0.5);
}
.sottotitolotestata {
  /*font-size: @scalable-testata-extrime-font-size !important;
    line-height: 125% !important;*/
  line-height: 125% !important;
  text-shadow: -3px 3px 3px rgba(0, 0, 0, 0.5);
}
@media (max-width: 1200px) {
  .scalablefont-testata-extrime,
  .btn-banner,
  .btn-banner:hover,
  .btn .btn-banner:hover {
    display: none !important;
  }
}
.scalable-medium-extrime,
.scalable-medium-extrime:hover {
  font-size: calc(22px + 1vw + 1vh + 1vmin) !important;
  line-height: 125% !important;
}
.scalablefont-medium-extrime,
.scalablefont-medium-extrime:hover {
  font-size: calc(20px + 0.75vw + 0.75vh + 0.75vmin) !important;
  line-height: 125% !important;
}
.scalablefont-big,
.scalablefont-big:hover {
  font-size: calc(27px + 1.2vw + 0.6vh + 0.3vmin) !important;
  line-height: 125% !important;
}
.scalablefont-big.testo-banner-offerta {
  line-height: 125% !important;
  /*line-height: 150% !important;*/
}
.scalablefont-medium-big,
.scalablefont-medium-big:hover {
  font-size: calc(18px + 0.4vw + 0.4vh + 0.2vmin) !important;
  line-height: 125% !important;
}
.scalablefont-medium,
.scalablefont-medium:hover {
  font-size: calc(20px + 0.35vw + 0.35vh + 0.175vmin) !important;
  /*line-height: normal !important;*/
}
.scalablefont-small-medium,
.scalablefont-small-medium:hover {
  font-size: calc(18px + 0.3vw + 0.3vh + 0.15vmin) !important;
  line-height: 125% !important;
}
.scalablefont-small,
.scalablefont-small:hover {
  font-size: calc(18px + 0.2vw + 0.2vh + 0.1vmin) !important;
  line-height: normal !important;
  line-height: 150% !important;
}
.scalablefont-smallest,
.scalablefont-smallest:hover {
  font-size: calc(15px + 0.12vw + 0.12vh + 0.06vmin) !important;
  line-height: normal !important;
}
/*************************************************************************************************/
/*section separators*/
/*https: //blog.prototypr.io/how-to-add-svg-waves-to-your-next-web-project-b720efe1c692*/
/*https: //getwaves.io/*/
/*************************************************************************************************/
/* common style for pseudo-elements */
section::before,
section::after {
  position: absolute;
  content: '';
  pointer-events: none;
}
section {
  position: relative;
}
.wave-container {
  background: #eee;
}
.wave-container > svg {
  display: block;
}
svg {
  display: block;
}
svg path {
  /*fill: #efefef;
    stroke: #efefef;*/
}
/* half circle */
.ss-style-halfcircle::before,
.ss-style-halfcircle::after {
  left: 50%;
  z-index: 10;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: inherit;
  -webkit-transform: translatex(-50%);
  transform: translatex(-50%);
}
.ss-style-halfcircle::before {
  top: -50px;
  background: inherit;
}
.ss-style-halfcircle::after {
  /*bottom: -50px;*/
  background: inherit;
}
/* triangles */
.ss-style-triangles::before,
.ss-style-triangles::after {
  left: 50%;
  width: 100px;
  height: 100px;
  -webkit-transform: translatex(-50%) rotate(45deg);
  transform: translatex(-50%) rotate(45deg);
}
.ss-style-triangles::before {
  top: -50px;
  background-color: #ffffff !important;
}
.ss-style-triangles::after {
  /*z-index: 10;*/
  /*  bottom: -50px;
    background: inherit;*/
}
.ss-style-triangles-inverted::before,
.ss-style-triangles-inverted::after {
  left: 50%;
  width: 60px;
  height: 60px;
  -webkit-transform: translatex(-50%) rotate(45deg);
  transform: translatex(-50%) rotate(45deg);
  z-index: 96;
}
.ss-style-triangles-inverted::before {
  top: -30px;
  background-color: #ffffff !important;
  z-index: 96;
  /*background: inherit;*/
}
.ss-style-triangles-inverted::after {
  /*
    z-index: 10;
    background: inherit;*/
  bottom: -30px;
  /*background-color: rgb(255,255,255) !important;*/
  /*background-color: @bg-primary-color !important;*/
  background-color: #c8c8c8 !important;
}
/* rounded center split and bottom rounded */
.ss-style-roundedsplit {
  margin-top: 70px;
}
.ss-style-roundedsplit::before,
.ss-style-roundedsplit::after {
  top: -70px;
  left: 0;
  z-index: 10;
  width: 50%;
  height: 70px;
  background: inherit;
}
.ss-style-roundedsplit::before {
  border-radius: 0 80px 0 0;
}
.ss-style-roundedsplit::after {
  left: 50%;
  border-radius: 80px 0 0 0;
}
.ss-style-roundedsplit-inverse {
  /*margin-bottom: 70px;*/
}
.ss-style-roundedsplit-inverse::before,
.ss-style-roundedsplit-inverse::after {
  bottom: -70px;
  left: 0;
  z-index: 10;
  width: 50%;
  height: 70px;
  background: inherit;
}
.ss-style-roundedsplit-inverse::before {
  border-radius: 0 80px 0 0;
}
.ss-style-roundedsplit-inverse::after {
  left: 50%;
  border-radius: 80px 0 0 0;
}
/*https: //codepen.io/webd3v/pen/jbjvmq*/
/* inverted rounded corners */
.ss-style-invertedrounded {
  margin-bottom: 90px;
  padding: 13em 10% 10em;
  border-radius: 0 0 0 90px;
}
.ss-style-invertedrounded::before,
.ss-style-invertedrounded::after {
  left: 0;
  z-index: -1;
  height: 90px;
  background: #3498db;
}
.ss-style-invertedrounded::before {
  top: 100%;
  width: 100%;
  border-radius: 0 90px 0 0;
}
.ss-style-invertedrounded::after {
  bottom: 0;
  z-index: -1;
  width: 50%;
}
.ss-style-halfcircle::before,
.ss-style-halfcircle::after {
  left: 50%;
  z-index: 10;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: inherit;
  -webkit-transform: translatex(-50%);
  transform: translatex(-50%);
}
.ss-style-halfcircle::before {
  top: -50px;
}
.ss-style-halfcircle::after {
  bottom: -50px;
}
/*************************************************************************************************/
/*************************************************************************************************/
/*-----------------------------------
--------------- mappe custom ---------------
-----------------------------------*/
#map1 iframe {
  display: block;
  position: relative;
  z-index: 1;
}
#map1::before {
  content: '';
  position: absolute;
  z-index: 2;
  box-shadow: inset 0px 11px 8px -10px black, inset 0px -11px 8px -10px black;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
#news-zig-zag:after,
#promo-zig-zag:after {
  background: linear-gradient(-135deg, #ffffff 16px, transparent 0), linear-gradient(135deg, #ffffff 16px, transparent 0);
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 32px 32px;
  content: " ";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 32px;
}
#generic-zig-zag:after {
  background: linear-gradient(-135deg, #bfb1ac 16px, transparent 0), linear-gradient(135deg, #bfb1ac 16px, transparent 0);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 32px 32px;
  content: " ";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 32px;
}
/*************************************************************************************************/
.elementor-spacer-inner {
  /*height: 50px;*/
  height: 1rem !important;
  visibility: hidden;
  padding: 0 !important;
}
.elementor-spacer-inner::before {
  margin-left: -5px;
  content: "";
  width: 10px;
  height: 10px;
  background-color: #c5a464;
  position: absolute;
  left: 50%;
  /*top: 50%;*/
  transform: translate(-50%, -50%);
  transform: rotate(45deg);
  margin-top: -5px;
}
.elementor-spacer-inner:after {
  width: 50%;
  margin-left: 25%;
  content: "";
  /*width: 100%;*/
  height: 1px;
  background-color: #c5a464;
  position: absolute;
  /*top: 50%;*/
  transform: translatey(-50%);
  margin-left: -25% !important;
}
/*aggiustamenti personalizzati casaldaviddi*/
/*carrello*/
.moduloacquistoarticoli .shop-selections .button-carrello {
  line-height: 285% !important;
}
.moduloacquistoarticoli .form-control {
  background-color: white;
}
.moduloacquistoarticoli .bill-address label,
.moduloacquistoarticoli #plhshipping label {
  display: none;
}
.moduloacquistoarticoli .bill-address label.checkbox,
.moduloacquistoarticoli .widget.shop-shipping label.checkbox input,
.moduloacquistoarticoli .widget.shop-shipping label.checkbox span {
  display: inline-block;
}
.moduloacquistoarticoli .bill-address label.checkbox span,
.moduloacquistoarticoli .widget.shop-shipping label.checkbox {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center !important;
  align-items: center !important;
}
.moduloacquistoarticoli .bill-address label.checkbox label {
  display: inline-block;
  padding-left: 10px;
  margin: 0 !important;
}
@media (max-width: 576px) {
  .moduloacquistoarticoli .bill-address label.checkbox label {
    max-width: calc(100% - 40px);
  }
}
.moduloacquistoarticoli .errorvalidateclass {
  display: none;
}
.moduloacquistoarticoli div#ctl00_contentplaceholder1_validsummary {
  margin-bottom: 0.75rem;
  padding: 1rem;
  background-color: #12100a !important;
}
.moduloacquistoarticoli .widget.shop-shipping label {
  padding-bottom: 0.75rem;
}
.moduloacquistoarticoli .note-spedizione label {
  display: none;
}
.moduloacquistoarticoli .tioloformacquisto {
  letter-spacing: 1px;
  font-size: 1rem;
  font-weight: 400;
  background-color: var(--color-sottomeu);
}
.moduloacquistoarticoli .codizionidivendita ul {
  padding-inline-start: 22px;
}
/*modulo contatto scheda*/
.padding-modulo {
  padding: 1rem;
  margin-top: 1rem;
  background-color: #12100a;
}
.errorvalidateclass {
  /*padding-top: 1rem;*/
  display: block;
  text-align: left;
}
/*colori*/
.fixedtop,
.footer .copyright {
  /*background-color: @colorepersolanizzato;*/
  background-color: #372e29 !important;
}
.count {
  /*background-color: @color-sottomeu;*/
  color: #000;
  border: none !important;
}
.menuzord .showhide {
  float: left;
  height: 27px;
  padding: 15px 0px 20px 0px;
  margin-bottom: 25px;
}
/*breadcrumbs*/
.breadcrumbs {
  margin: auto;
  padding: 0 15px;
  width: 100%;
  position: relative;
}
@media (min-width: 576px) {
  .breadcrumbs {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .breadcrumbs {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .breadcrumbs {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .breadcrumbs {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .breadcrumbs {
    max-width: 1340px;
  }
}
/*testata home*/
/*@media (min-width: 1200px) {
        .fulllogobckdark-home {
            display: none !important;
        }
    }*/
.btn-banner i,
.btn-banner i:hover {
  font-size: calc(15px + 0.12vw + 0.12vh + 0.06vmin) !important;
  line-height: normal !important;
}
.carrellototalvalue {
  line-height: 170%;
}
@media (max-width: 1179px) {
  .menuzord-responsive a.menuzord-brand {
    position: relative;
    left: 0;
    margin: 0 auto !important;
    width: 85%;
    max-width: 100%;
    display: block;
  }
  .fulllogobckdark {
    margin: 0 auto;
  }
}
@media (min-width: 1140px) {
  .tp-caption.very_big_white {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.6)) !important;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1340px;
  }
}
/*in caso dialog menu contatti navigazione bottom mobile*/
@media (max-width: 540px) {
  .footer .copyright {
    padding-bottom: 82px;
  }
  .fixedtop {
    display: none;
  }
  #mainnav {
    top: 0px;
  }
  .headerspacer,
  .headerspacer-home {
    padding-top: 60px !important;
  }
  #divcontainerb1,
  #divcontainerb3,
  #divcontainermobile {
    /*height: calc(100vh - 117px) !important;*/
    height: calc((var(--vh, 1vh) * 100) - 109px) !important;
  }
}
@media (max-width: 540px) {
  .footer-title .catalogovini {
    display: none;
  }
}
/*form mail*/
.form-mail-ok {
  padding: 0.5rem 1rem !important;
  height: 150px !important;
  border-radius: 0.25rem !important;
  background-color: #ffffff;
}
.errorvalidateclass {
  font-size: 0.8rem;
}
span.errorvalidateclass[style*="visibility: visible"] + * {
  border: 2px solid red !important;
  border-radius: calc(0.25rem + 4px) !important;
}
.ui-input .form-control {
  border-radius: 0.25rem !important;
  padding: 0.5rem 1rem !important;
  border: 1px solid #a1a3a4;
}
.ui-input #txtresults.form-control {
  border-radius: calc(39px / 2) !important;
  height: 35px !important;
  padding: 0 1rem !important;
  border: 1px solid #a1a3a4;
}
/*@media (max-width: 540px) {
    span#ctl00_contentplaceholder1_requiredfieldvalidator6 {
        padding-top: 1rem;
    }
}*/
.alert-danger {
  margin: 0;
  padding: 0 0.5rem;
}
@media (max-width: 1179px) {
  .menuzord.white .menuzord-menu > li > a.noborderbutton {
    border: none !important;
    padding: 3px 0 !important;
    background: none !important;
  }
}
/*classi sggiuntive sfondo scuro*/
.bg-color-sottomeu-normal .title-isotope,
.bg-color-sottomeu-normal .big2,
.bg-color-sottomeu-normal h1,
.bg-color-sottomeu-normal .mbr-section-title {
  color: #ffffff !important;
}
.bg-color-sottomeu-normal .mbr-section-subtitle,
.bg-color-sottomeu-normal h1 span .mbr-section-subtitle {
  color: #ffffff !important;
}
.bg-color-sottomeu-normal button,
.bg-color-sottomeu-normal input,
.bg-color-sottomeu-normal select,
.bg-color-sottomeu-normal textarea,
.bg-color-sottomeu-normal p,
.bg-color-sottomeu-normal p.lead,
.bg-color-sottomeu-normal .lead p {
  color: #ffffff !important;
}
.bg-color-sottomeu-normal h2.mbr-section-title.tx-bgsottomeu-color {
  color: #ffffff !important;
}
.card {
  /*background-color: @color-testi-bgsottomeu !important;*/
  background-color: white !important;
}
#mainnav.terradivino {
  border-bottom: 3px solid #ffffff;
}
@media (min-width: 1179px) {
  #mainnav.terradivino.fixednav-home {
    border-bottom: none !important;
  }
}
.body-wrapper {
  background: #0e1111 !important;
}
.breadcrumb li a,
.breadcrumb > li + li:before {
  color: #741433;
}
@media (min-width: 577px) {
  .body-wrapper {
    background: #741433 !important;
    /*background: @bg-light-color1 !important;*/
  }
  .breadcrumb li a,
  .breadcrumb > li + li:before {
    color: #741433;
  }
}
.bg-white,
.bg-light-color,
.bg-bg-white {
  background: #ffffff !important;
}
input.bg-white {
  background: white !important;
}
h1 {
  color: #ffffff !important;
}
.bg-white h1 {
  color: #741433 !important;
}
.section-title,
.section-title *,
.section-title,
.section-title *,
.mbr-section-title,
a .mbr-section-title,
.title-block,
.mbr-section-title,
a.mbr-section-title,
.title-block,
.title-isotope,
.big2,
.title-isotope,
.big2,
h1 span:nth-child(1).mbr-section-title,
h1 span:nth-child(1).mbr-section-title,
.cart-product,
.cart-product,
.cart-quantity,
.cart-quantity,
.cart-total,
.cart-total {
  color: #ffffff !important;
}
.bg-white .section-title,
.bg-white .section-title *,
.bg-white.section-title,
.bg-white.section-title *,
.bg-white .mbr-section-title,
.bg-white a .mbr-section-title,
.bg-white .title-block,
.bg-white.mbr-section-title,
.bg-white a.mbr-section-title,
.bg-white.title-block,
.bg-white .title-isotope,
.bg-white .big2,
.bg-white.title-isotope,
.bg-white.big2,
.bg-bgsottomeu-color .section-title,
.bg-bgsottomeu-color .section-title *,
.bg-bgsottomeu-color.section-title,
.bg-bgsottomeu-color.section-title *,
.bg-bgsottomeu-color .mbr-section-title,
.bg-bgsottomeu-color a .mbr-section-title,
.bg-bgsottomeu-color .title-block,
.bg-bgsottomeu-color.mbr-section-title,
.bg-bgsottomeu-color a.mbr-section-title,
.bg-bgsottomeu-color.title-block,
.bg-bgsottomeu-color .title-isotope,
.bg-bgsottomeu-color .big2,
.bg-bgsottomeu-color.title-isotope,
.bg-bgsottomeu-color.big2,
.card .section-title,
.card .section-title *,
.card.section-title,
.card.section-title *,
.card .mbr-section-title,
.card a .mbr-section-title,
.card .title-block,
.card.mbr-section-title,
.card a.mbr-section-title,
.carde.title-block,
.card .title-isotope,
.card .big2,
.card.title-isotope,
.card.big2 {
  color: #372e29 !important;
}
.bg-manual-secondary-color-fade .title-isotope,
.bg-manual-secondary-color-fade .big2,
.bg-manual-secondary-color-fade h1,
.bg-manual-secondary-color-fade .mbr-section-title {
  color: #ffffff !important;
}
@media (min-width: 577px) {
  .title-block {
    color: #372e29 !important;
  }
}
.bg-white.tx-primary-color,
.bg-white .tx-primary-color,
.bg-white.tx-primary-color,
.bg-white-color.tx-primary-color,
.bg-white-color .tx-primary-color,
.bg-bgsottomeu-color.tx-primary-color,
.bg-bgsottomeu-color .tx-primary-color,
.bg-bgsottomeu-color.tx-primary-color,
.bg-bgsottomeu-color.tx-primary-color,
.bg-bgsottomeu-color .tx-primary-color {
  color: #741433 !important;
}
.base-set,
body,
html,
p,
p.lead,
.lead p,
body,
html,
button,
input,
select,
textarea,
p,
p.lead,
.lead p {
  color: #ffffff !important;
}
button {
  color: #ffffff;
}
input,
select,
textarea {
  color: black !important;
  font-size: 0.875rem !important;
  font-family: 'roboto', sans-serif !important;
}
.bg-white .base-set,
body .bg-white,
.bg-white p,
.bg-white p.lead,
.bg-white .lead p,
.bg-white.base-set,
body.bg-white,
.bg-white.lead p,
.bg-light-color .base-set,
body .bg-light-color,
.bg-light-color p,
.bg-light-color p.lead,
.bg-light-color .lead p,
.bg-light-color.base-set,
body.bg-light-color,
.bg-light-color.lead p,
.bg-bgsottomeu-color .base-set,
body .bg-bgsottomeu-color,
.bg-bgsottomeu-color p,
.bg-bgsottomeu-color p.lead,
.bg-bgsottomeu-color .lead p,
.bg-bgsottomeu-color.base-set,
body.bg-bgsottomeu-color,
.bg-bgsottomeu-color.lead p,
.card .base-set,
body .card,
.card p,
.card p.lead,
.card .lead p,
.card.base-set,
body.card,
.card.lead p {
  color: #372e29 !important;
}
/*.white-color {
    color: @color-testi-bgsottomeu !important;
}*/
.footer .copyright a {
  color: #741433;
  font-weight: 500;
}
footer .copyright a:hover {
  font-weight: 500;
}
/*personalizzazione share-42*/
span.share42-item a {
  background-color: #ffffff !important;
  border-radius: 50%;
}
/*facebook*/
span.share42-item:nth-child(1) a:hover {
  background-color: #3a5a98 !important;
  border-radius: 50%;
  background-image: url(/js/share42/icons.png) !important;
}
/*twitter*/
/*span.share42-item:nth-child(2) a:hover {
    background-color: #25a1e4 !important;
    border-radius: 50%;
    background-image: url(/js/share42/icons.png) !important;
}*/
/*linkedin*/
/*span.share42-item:nth-child(3) a:hover {
    background-color: #0076b7 !important;
    border-radius: 50%;
    background-image: url(/js/share42/icons.png) !important;
}*/
/*telegram*/
span.share42-item:nth-child(2) a:hover {
  background-color: #61a8de !important;
  border-radius: 50%;
  background-image: url(/js/share42/icons.png) !important;
}
/*whatsapp*/
span.share42-item:nth-child(3) a:hover {
  background-color: #2ab200 !important;
  border-radius: 50%;
  background-image: url(/js/share42/icons.png) !important;
}
/*pinterest*/
span.share42-item:nth-child(4) a:hover {
  background-color: #ca2120 !important;
  border-radius: 50%;
  background-image: url(/js/share42/icons.png) !important;
}
/*#plhgallery.setfullscreenheader .slides, #plhgallery.setfullscreenheader .flex-viewport {
    width: 100% !important;
    max-width: 100% !important;
}
#plhgallery.setfullscreenheader .slide {
    display: none !important
}
#plhgallery.setfullscreenheader .slide:first-child {
    display: block !important
}*/
.bg-manual-secondary-color-fade a {
  text-decoration: none;
  color: wheat;
}
.bg-manual-secondary-color-fade a:hover {
  text-decoration: none;
  color: white;
}
.containr-policy h1 {
  color: #0e1111 !important;
}
.containr-policy a {
  text-decoration: underline;
  color: #ddc278;
}
.containr-policy a:hover {
  text-decoration: underline;
  color: #0e1111;
}
#breadcrumbmove {
  /*background-color: @bg-light-color1;*/
  background-color: transparent;
}
.tx-dark-color {
  color: #ffffff !important;
}
@media (max-width: 576px) {
  .testopresentazione {
    padding: 1rem 1.5rem 3rem !important;
    border-radius: 0.25rem;
    background: #741433 !important;
    color: #ffffff !important;
  }
  .testopresentazione .testo-colonne {
    text-align: left !important;
  }
}
/*carusel centred*/
.owl-wrapper-outer {
  display: flex;
  /*justify-content: center;*/
}
.owl-wrapper {
  display: flex !important;
  flex-wrap: nowrap;
  justify-content: center;
  margin: auto;
}
/*::::::::::::::::::::::::*/
/*::::: mappe colori :::::*/
/*::::::::::::::::::::::::*/
/*@import "combinazione-colori1.less";*/
/*background*/
@media (min-width: 577px) {
  .bg-color-sottomeu-normal {
    background-color: #ffffff !important;
  }
  .body-wrapper {
    background-color: #ffffff !important;
  }
}
.bg-color-sottomeu-normal {
  background-color: #ffffff !important;
}
.bg-white,
.bg-light-color,
.bg-color-sottomeu-normal .card,
.bg-color-sottomeu-normal .card {
  background: #ffffff !important;
}
#mainnav.terradivino,
.fixedtop {
  background-color: #741433;
}
.footer .copyright {
  background-color: #741433 !important;
}
.footer .social-icons .social-media-icon {
  background-color: #741433;
}
/*titoli*/
.bg-color-sottomeu-normal .title-isotope,
.bg-color-sottomeu-normal .big2,
.bg-color-sottomeu-normal h1,
.bg-color-sottomeu-normal .mbr-section-title,
.section-title,
.section-title *,
.section-title,
.section-title *,
.mbr-section-title,
a .mbr-section-title,
.title-block,
.mbr-section-title,
a.mbr-section-title,
.title-block,
.title-isotope,
.big2,
.title-isotope,
.big2,
h1 span:nth-child(1).mbr-section-title,
h1 span:nth-child(1).mbr-section-title,
.cart-product,
.cart-product,
.cart-quantity,
.cart-quantity,
.cart-total,
.cart-tota,
.bg-color-sottomeu-normal h2.mbr-section-title.tx-bgsottomeu-color,
h1 span:nth-child(1).mbr-section-title,
h1 span:nth-child(1).mbr-section-title,
.cart-product,
.cart-product,
.cart-quantity,
.cart-quantity,
.cart-total,
.cart-total {
  color: #372e29 !important;
}
/*sottotitoli*/
.bg-color-sottomeu-normal .mbr-section-subtitle,
.bg-color-sottomeu-normal h1 span .mbr-section-subtitle,
.tx-dark-color {
  color: #741433 !important;
}
/*testi*/
.bg-color-sottomeu-normal button,
.bg-color-sottomeu-normal input,
.bg-color-sottomeu-normal select,
.bg-color-sottomeu-normal textarea,
.bg-color-sottomeu-normal p,
.bg-color-sottomeu-normal p.lead,
.bg-color-sottomeu-normal .lead p,
.base-set,
body,
html,
p,
p.lead,
.lead p,
body,
html,
input,
select,
textarea,
p,
p.lead,
.lead p,
body,
html,
button,
input,
select,
textarea,
p,
p.lead,
.lead p {
  color: #372e29 !important;
}
button {
  color: #741433;
}
.footer .copyright p {
  line-height: 1.8rem !important;
  color: #ffffff !important;
}
/*testi link*/
.footer .copyright a {
  color: #ffffff;
}
@media (max-width: 576px) {
  .testopresentazione {
    padding: 1rem 1.5rem 3rem !important;
    border-radius: 0.25rem;
    background: #ffffff !important;
    color: #741433 !important;
  }
}
/*::::::::::::::::::::*/
/*BANNER FASCIA PAGINE*/
/*::::::::::::::::::::*/
/*scritte bianche sub sfumato trasparente nero FASCE IMMAGINI ALTERNATE GRANDI PICCOLE*/
/*@media (min-width: 1179px) {
    .card-overlay-rgba-white {
        background-color: rgba(255, 255, 255, 0.0);
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.6) 80%) !important;
    }
    .alternato-tipo1 .even .col-12.col-xl-6.bg-bgsottomeu-color {
        background-color: transparent !important;
    }
    .alternato-tipo1 .even .col-12.col-xl-6.bg-bgsottomeu-color .bordopiccolo {
        border: none !important;
    }
    .alternato-tipo1 .even .col-12.col-xl-6.bg-bgsottomeu-color .bordopiccolo h3.scalablefont-medium-big,
    .alternato-tipo1 .even .col-12.col-xl-6.bg-bgsottomeu-color .bordopiccolo p,
    .alternato-tipo1 .even .col-12.col-xl-6.bg-bgsottomeu-color .bordopiccolo p span.tx-sottomenu-color {
        color: white !important;
    }
}*/
/*altezza pagina intera fasce banner pagine*/
/*@media (min-width: 1179px) {
    .alternato-tipo1 .odd, .alternato-tipo1 .even .imgbackstyle, .banner-home-presentazione {
        min-height: calc(100vh - 60px);
        display: flex !important;
        align-items: center;
    }
}*/
/*scritte bianche sub sfumato trasparente nero FASCE IMMAGINI GRANDI CONTINUE*/
.card-overlay-rgba-black-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.4) 80%) !important;
}
.card-overlay-rgba-black-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.4) 80%) !important;
}
@media (min-width: 1179px) {
  .card-overlay-rgba-white {
    background-color: rgba(255, 255, 255, 0);
  }
  .even .card-overlay-rgba-white {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.6) 80%) !important;
  }
  .odd .card-overlay-rgba-white {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.6) 80%) !important;
  }
  .card-overlay-rgba-black-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.4) 80%) !important;
  }
  .alternato-tipo1 .col-12.col-xl-6.bg-bgsottomeu-color,
  .alternato-tipo1 .col-12.col-xl-6.bg-primary-color,
  .alternato-tipo1 .col-12.col-xl-6.bg-bg-white {
    background-color: transparent !important;
  }
  .alternato-tipo1 .col-12.col-xl-6.bg-bgsottomeu-color .bordopiccolo,
  .alternato-tipo1 .col-12.col-xl-6.bg-primary-color .bordopiccolo,
  .alternato-tipo1 .col-12.col-xl-6.bg-bg-white .bordopiccolo {
    border: none !important;
  }
  .alternato-tipo1 .col-12.col-xl-6.bg-bgsottomeu-color .bordopiccolo h1.scalablefont-medium-big,
  .alternato-tipo1 .col-12.col-xl-6.bg-bgsottomeu-color .bordopiccolo h2,
  .alternato-tipo1 .col-12.col-xl-6.bg-bgsottomeu-color .bordopiccolo h3.scalablefont-medium-big,
  .alternato-tipo1 .col-12.col-xl-6.bg-bgsottomeu-color .bordopiccolo p,
  .alternato-tipo1 .col-12.col-xl-6.bg-bgsottomeu-color .bordopiccolo p span.tx-sottomenu-color,
  .alternato-tipo1 .col-12.col-xl-6.bg-bgsottomeu-color .bordopiccolo ul,
  .alternato-tipo1 .col-12.col-xl-6.bg-primary-color .bordopiccolo h1.scalablefont-medium-big,
  .alternato-tipo1 .col-12.col-xl-6.bg-primary-color .bordopiccolo h2,
  .alternato-tipo1 .col-12.col-xl-6.bg-primary-color .bordopiccolo h3.scalablefont-medium-big,
  .alternato-tipo1 .col-12.col-xl-6.bg-primary-color .bordopiccolo p,
  .alternato-tipo1 .col-12.col-xl-6.bg-primary-color .bordopiccolo p span.tx-sottomenu-color,
  .alternato-tipo1 .col-12.col-xl-6.bg-primary-color .bordopiccolo ul,
  .alternato-tipo1 .col-12.col-xl-6.bg-bg-white .bordopiccolo h1.scalablefont-medium-big,
  .alternato-tipo1 .col-12.col-xl-6.bg-bg-white .bordopiccolo h2,
  .alternato-tipo1 .col-12.col-xl-6.bg-bg-white .bordopiccolo h3.scalablefont-medium-big,
  .alternato-tipo1 .col-12.col-xl-6.bg-bg-white .bordopiccolo p,
  .alternato-tipo1 .col-12.col-xl-6.bg-bg-white .bordopiccolo p span.tx-sottomenu-color,
  .alternato-tipo1 .col-12.col-xl-6.bg-bg-white .bordopiccolo ul {
    color: white !important;
  }
}
/*altezza pagina intera fasce banner pagine*/
@media (min-width: 1179px) {
  .alternato-tipo1 .odd,
  .alternato-tipo1 .imgbackstyle,
  .banner-home-presentazione {
    min-height: calc(100vh - 60px);
    display: flex !important;
    align-items: center;
  }
}
/*:::::::::::::::::*/
/*::::: varie :::::*/
/*:::::::::::::::::*/
#mainnav.terradivino {
  border-bottom: none;
}
/*carousel*/
.body-banner-slider {
  height: unset !important;
  padding: 1.5rem 0.5rem !important;
}
.body-banner-slider a p {
  font-weight: 400 !important;
}
.work-image {
  height: unset !important;
  padding-bottom: unset !important;
  aspect-ratio: 16 / 10 !important;
  display: flex !important;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.owl-carousel-v1 .work-image img {
  height: unset !important;
  width: 100% !important;
  min-width: unset !important;
  min-height: unset !important;
}
.owl-theme .owl-controls .owl-page span {
  background: #741433;
}
/*gallery*/
div.pp_default .pp_content {
  background-color: transparent;
}
.pp_content_container {
  display: flex;
  justify-content: center;
}
.pp_gallery {
  display: flex;
  width: 100%;
  left: 0px;
  margin-left: 0px !important;
  justify-content: center;
}
.pp_content img {
  border: 1px solid rgba(255, 255, 255, 0.5);
}
div.pp_default .pp_content_container .pp_right,
div.pp_default .pp_content_container .pp_left {
  background: none;
  padding: 0;
}
.pp_top,
.pp_bottom {
  display: none;
}
div.pp_default .pp_nav {
  width: 100%;
  text-align: center;
  margin: 0.5rem 0 0;
  left: 0;
  color: white !important;
}
div.pp_default .pp_nav .currentTextHolder {
  position: relative;
  margin: 0;
  float: none;
  padding: 0;
  left: 0;
  color: white !important;
}
.pp_play,
.pp_arrow_previous,
.pp_arrow_next {
  display: none !important;
}
div.pp_default .pp_close {
  width: 12px;
  height: 12px;
  background: url(../images/prettyPhoto/chiudi-ok.png) center center no-repeat;
  cursor: pointer;
  background-size: 12px;
  margin-top: 10px;
}
div.pp_overlay {
  opacity: 0.95 !important;
}
/*Modulo contatti footer a tutta pagina*/
#ctl00_divContattiMaster .mbr-parallax-background,
#ctl00_divContattiMaster section.mbr-section {
  min-height: calc(100vh - 60px);
  display: flex;
  align-items: center;
}
/*footer*/
@media (min-width: 1140px) {
  .scroll-snap-child {
    /*min-height: calc(100vh - 61px - 34px);*/
    min-height: calc(100vh - 61px);
  }
  .col-md-6 img.scroll-snap-child {
    width: auto !important;
    height: calc(100vh - 61px);
  }
  .col-md-7 img.scroll-snap-child {
    width: auto !important;
    height: calc(100vh - 61px - 6rem);
    min-height: unset;
  }
  .col-md-8 img.scroll-snap-child {
    width: 100% !important;
    max-height: calc(100vh - 61px);
    height: auto;
    min-height: unset;
  }
}
@media (max-width: 576px) {
  .footer-category-list.duecolonnefooter {
    column-count: 2;
  }
  .hide-text {
    display: block;
    height: 0;
    color: transparent;
  }
  .blocco-testo.scroll-snap-child {
    /*min-height: calc(100vh - 118px);*/
    min-height: calc((var(--vh, 1vh)*100) - 118px - 34px) !important;
    max-height: calc((var(--vh, 1vh)*100) - 118px - 34px) !important;
    height: calc((var(--vh, 1vh)*100) - 118px - 34px) !important;
    padding-bottom: 1rem !important;
  }
}
#ctl00_Text1 {
  background-color: #eee !important;
}
/*pulsante scorri pagine*/
a.btn-snap-round:hover {
  color: rgba(0, 0, 0, 0.5) !important;
  box-shadow: 0 0 5px #ffffff;
  text-shadow: 0 0 5px #000000;
  transition: 0.5s ease;
}
/*BREADCRUMBS*/
@media (max-width: 575px) {
  .breadcrumbs > ul > li a span {
    font-size: 0.55rem;
  }
}
/*SCHEDA dialog ACQUISTO*/
#carrellos1 .button-carrello {
  border-radius: 6px !important;
}
#carrellos1 .button-carrello:hover {
  background-color: white !important;
  color: var(--color-sottomeu) !important;
  border: 1px solid var(--color-sottomeu) !important;
}
/*MODULO ORDINE DI ACQUISTO*/
@media (min-width: 576px) {
  .moduloacquistoarticoli {
    margin-top: 2rem;
  }
}
.moduloacquistoarticoli .tioloformacquisto {
  background-color: var(--color-sottomeu);
  color: white !important;
  margin-top: 0;
}
.moduloacquistoarticoli .bg-light-color {
  background: #f5f5f5 !important;
}
.widget.shop-selections .table-cart thead td {
  background-color: var(--color-sottomeu);
  color: white !important;
}
.widget.shop-selections .table td,
.widget.shop-selections .table th {
  background: #f5f5f5;
}
.widget.shop-selections .table td .product-details {
  color: var(--color-sottomeu) !important;
}
.widget.shop-selections .table td .button-carrello:hover {
  color: #ddc278 !important;
}
.widget.shop-selections td.cart-product a img,
.widget.shop-selections td a.pull-left img {
  background: white !important;
  padding: 0.5rem;
}
table.table-summary tr th,
table.table-summary tr td {
  background: #f5f5f5 !important;
  color: var(--color-sottomeu) !important;
}
table.table-summary tr.total {
  font-weight: 800 !important;
}
.widget h3.mbr-section-title {
  background: var(--color-sottomeu) !important;
  color: white !important;
}
.widget a.btn.btn-block {
  background-color: #ddc278;
  box-shadow: inset 0 0 0 1px #ddc278;
  line-height: normal !important;
}
.prod-tabella > .product-name,
.prod-tabella > .product-name *,
.prod-tabella > .product-price,
.prod-tabella > .product-price em,
.prod-tabella > .product-categories,
.prod-tabella > .product-categories * {
  color: var(--color-sottomeu) !important;
}
.quantity-order {
  background: #00000015;
  color: var(--color-sottomeu) !important;
}
.moduloacquistoarticoli .table-cart tbody tr:nth-last-child(-n+4) td.cart-total {
  background: #00000015;
}
.moduloacquistoarticoli .table-cart tbody tr:nth-last-child(-n+1) td.cart-total {
  font-weight: 800 !important;
}
.moduloacquistoarticoli .form-control {
  border: 1px solid #ced4da !important;
}
.moduloacquistoarticoli input[type="submit"],
button.btn {
  background-color: #ddc278;
  box-shadow: inset 0 0 0 1px #ddc278;
  line-height: normal !important;
}
.contact-mobile path {
  fill: #741433;
}
.contact-container img:hover {
  /*filter: blur(3px);
    transition: filter 0.3s ease;*/
  /*transform: rotate(15deg);
    transition: transform 0.3s ease;*/
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}
.ui-259 {
  /*position: fixed;
    bottom: 10px;
    right: 80px;
    z-index: 99;*/
  /*lo uniformo agli altri pulsanti*/
  bottom: unset;
  right: unset;
  position: relative;
  height: 49px !important;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 0.5rem !important;
}
.ui-259 .ui-list {
  position: absolute;
  bottom: 10px;
  right: unset;
  height: unset;
  opacity: 0;
  /*margin-left: 0.25rem;*/
}
.ui-259 .ui-list a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  border-radius: 100%;
  text-align: center;
  color: #fff;
  margin: 8px auto;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  background-color: #ddc278;
}
.ui-259 a.ui-btn {
  position: relative;
  bottom: unset;
  right: unset;
  width: auto;
  height: auto;
  border-radius: unset;
  text-align: center;
  font-size: unset;
  color: unset;
  font-weight: normal;
  box-shadow: none;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  /*lo uniformo agli altri pulsanti*/
  height: 49px !important;
  line-height: normal;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  font-size: 0.8rem;
  color: #741433;
}
.ui-259 a.ui-btn i {
  font-size: 1rem;
  margin-bottom: 0.25rem !important;
  color: #741433;
}
.ui-259 a.active {
  transform: none;
}