/*----------------------------------
IMPORTAZ. STILI COMBINAZIONI COLORI
----------------------------------*/
/*----------------------------------
/////| COLORI BLOCCHI LINEARI |/////
----------------------------------*/
/*#534741;*/
/*#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*/
/**/
/*menu - titoli-principali*/
/*#232323;*/
/*sotto-titoli-principali - body*/
/*#555;*/
/* sistema di colori a triade */
/* sistema di colori tonali */
/**/
/*#316161;*/
/*#292826;*/
/* fascia catalogo */
/* fascia catalogo link active */
/* colore sotto-menu per decorazione titoli*/
/* sottomenù molto tenue */
/*----------------------------------
////| COLORI BLOCCHI GRADIENTE |////
----------------------------------*/
/*hue, saturation, lightness, alpha*/
/**/
/**/
/*hue, saturation, lightness, alpha*/
/**/
/*@colorepersolanizzato: #e11f25;*/
/*----------------------------------
//////////////| LOGO |//////////////
----------------------------------*/
/*variabile - va scalato in proporzione all'altezza fissa 119px */
/*fissa*/
/*variabile - va scalato in proporzione all'altezza fissa 119px */
/*fissa*/
/*----------------------------------
//////////////| MENU |//////////////
----------------------------------*/
/**/
/**/
/**/
/*@bg-figura-menu: url('/public/Files/con001000/1/guarda-mail-2.png');*/
/*----------------------------------
/////////////| BUTTON |/////////////
----------------------------------*/
/**/
/*----------------------------------
///////////| FONT PAGE |///////////
----------------------------------*/
/**/
/*@title-text-transform: uppercase;*/
/**/
/**/
/*@body-size: 1.35rem;*/
/*@body-color: @secondary-color;*/
/**/
/*----------------------------------
//////////| FORM CONTATTI |/////////
----------------------------------*/
/*@bg-testata-opacity-white: fade(@white-color, 60%);*/
/*----------------------------------
/////////////| 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: #1a1614;
}
.count {
  font-family: 'Roboto', sans-serif !important;
  color: #1a1614;
  border: 1px solid #534741;
  position: absolute;
  float: right;
  background-color: #fff;
  width: 25px;
  height: 25px;
  line-height: 24px;
  border-radius: 50%;
  right: -12.5px;
  top: -12.5px;
  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.8rem;
}
.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;
}
.dropdown-cart .btn {
  font-size: 0.8rem !important;
  padding: 1rem 2rem !important;
  border: 1px solid #fff !important;
}
.dropdown-cart .btn:hover {
  font-size: 0.8rem !important;
  padding: 1rem 2rem !important;
  border: 1px solid #d7a158 !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: #fff !important;
  background-color: #d7a158;
  /*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 #f9f2e8;
  cursor: pointer;
  opacity: 1;
}
.btn-carrello-esaurito,
.btn-carrello-esaurito:hover {
  opacity: 0;
}
.button-carrello-animate {
  color: #fff !important;
  /*color: #fff !important;*/
  border: 1px solid #d7a158 !important;
  /*animation: rotateY 1s infinite;
    animation-timing-function: linear;*/
  box-shadow: inset 0 0 0 1px #d7a158;
  background-color: #d7a158 !important;
}
.button-carrello-animate:hover {
  color: #1a1614 !important;
  border: 1px solid #1a1614 !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: #d7a158 !important;
  box-shadow: inset 0 0 0 1px #d7a158;
  border: none;
  border-radius: 0px;
  white-space: normal;
  border-color: #d7a158 !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: #d7a158 !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: #d7a158 !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: #d7a158 !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: #1a1614 !important;
  background-color: #ffffff !important;
  box-shadow: inset 0 0 0 1px #1a1614;
  border: none;
  border-radius: 0px;
  white-space: normal;
  border-color: #1a1614 !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: #1a1614 !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: #d7a158 !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: #d7a158 !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: #1a1614;
}
.prod-tabella > .product-categories,
.prod-tabella > .product-categories * {
  font-size: inherit;
  margin-bottom: 2px;
  color: #1a1614;
}
.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: #1a1614;
}
.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 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: #fff !important;
  background-color: #d7a158;
  position: relative;
  line-height: 1.3;
  letter-spacing: 2px;
  /*padding: 1rem 2rem;*/
  padding: 0.75rem 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 #d7a158;
  -webkit-transition: color 0.25s 0.08333333s;
  transition: color 0.25s 0.08333333s;
  border-radius: 0;
  text-transform: uppercase !important;
}
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: #d7a158 !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;
  font-size: 0.8rem;
  box-shadow: inset 0 0 0 1px #f9f2e8;
  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: #d7a158 !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: #fff !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.63rem 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,
.btn .btn-black:active,
.btn .btn-black:visited,
.btn .btn-black: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: #1a1614 !important;
  background: #fff !important;
  position: relative;
  line-height: 1.3;
  letter-spacing: 2px;
  /*padding: 1rem 2rem;*/
  padding: 0.75rem 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 #534741;
  -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,
.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: #d7a158 !important;
  border-radius: 0px;
  box-shadow: inset 0 0 0 1px #f1f0f0;
  opacity: 1;
}
a.btn-black-outline:active,
a.btn-black-outline:focus {
  color: #fff !important;
  background: #d7a158 !important;
  border-color: #1a1614;
  opacity: 1;
  text-decoration: none !important;
  border: 1px solid #d7a158;
}
/*STILE PULSANTE color OUTLINE*/
.carrellocustom .button-carrello,
.carrellocustom .button-carrello:active,
.carrellocustom .button-carrello:visited,
.carrellocustom .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,
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 #534741;
  color: #1a1614 !important;
  -webkit-transition: color 0.25s 0.08333333s;
  transition: color 0.25s 0.08333333s;
  position: relative;
  background-color: rgba(255, 255, 255, 0.75) !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;*/
  padding: 0.75rem 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 {
  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 {
  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,
.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: #d7a158 !important;
  background-color: #fff !important;
  box-shadow: inset 0 0 0 1px #f9f2e8;
  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 {
  border-color: #d7a158 !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 {
  -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: #1a1614 !important;
  background-color: #ffffff !important;
  box-shadow: inset 0 0 0 1px #fff;
  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: #1a1614 !important;
  background-color: #1a1614 !important;
  box-shadow: inset 0 0 0 1px #1a1614 !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: rgba(255, 255, 255, 0) !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: #1a1614 !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: #1a1614 !important;
}
.carrello-primary-color:hover {
  background-color: #fff !important;
  border-color: #1a1614 !important;
  color: #000 !important;
}
.button-carrello-animate {
  border: 0px solid #1a1614 !important;
  /*background-color: @primary-color !important;*/
  background-color: #d7a158 !important;
  box-shadow: inset 0 0 0 1px #1a1614;
  width: 34px;
  line-height: 1.9rem !important;
}
.button-carrello-animate:hover {
  background-color: #fff !important;
  border-color: #1a1614 !important;
  color: #000 !important;
  box-shadow: inset 0 0 0 1px #1a1614;
  width: 34px;
  line-height: 1.9rem !important;
}
.count {
  border: 1px solid #1a1614 !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 #d7a158;
  border-radius: 50%;
}
.btn-banner::after,
.btn-banner::before {
  box-shadow: inset 0 0 0 0 #d7a158;
  border: none;
  border-radius: 50%;
}
@keyframes arrowdown {
  0% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }
  50% {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
  }
  100% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }
}
@-webkit-keyframes arrowdown {
  0% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }
  50% {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
  }
  100% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }
}
.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 #534741;
  box-shadow: none;
}
/*----------------------------------
////////| IMPORTAZIONE FONT |/////// 
    ATTENZIONE QUANDO SI COMBINANO GLI SCRIPT CSS
    L'IMPORT DEI FONT QUI NON FUNZIONA!!!!!!!!!! 
/////////// -> SPOSTATO IN MASTERPAGE
----------------------------------*/
/*----------------------------------
//////////////| FONT |//////////////
----------------------------------*/
/*'Libre Bodoni', serif;*/
/*'Prata', serif;*/
/*'Lora', serif;*/
/*titoli-principali*/
/*'Libre Bodoni', serif;*/
/*'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: 'Marcellus SC', serif !important;
}
.secondary-font {
  font-family: 'Marcellus', serif !important;
}
.base-font {
  font-family: 'Roboto', sans-serif !important;
}
.alternative-font {
  font-family: 'Marcellus SC', serif !important;
}
.testata-font {
  font-family: 'Marcellus SC', serif !important;
}
/*---------------------------------
-------------- COLORI -------------
----------------------------------*/
path.bg-light-color-path {
  fill: #fff;
  stroke: #fff;
}
.bg-primary-color {
  background-color: #534741 !important;
}
.bg-secondary-color {
  background-color: #b2acaa !important;
}
.bg-custom-color1 {
  background-color: #c8c8c8 !important;
}
.bg-secondarylight-color {
  background-color: #eeedec !important;
}
.bg-light-color {
  background-color: #f1f0f0 !important;
  background-image: url();
  background-size: 15%;
}
.bg-light-color-path {
  fill: #f1f0f0;
  stroke: #f1f0f0;
}
.bg-light-color-pattern-1 {
  background-color: #f1f0f0 !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: #fff;
  stroke: #fff;
}
/*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: #534741 !important;
}
.bg-manual-secondary-color-fade {
  background-color: rgba(26, 22, 20, 0.75) !important;
}
.bg-color-sottomeu {
  background: linear-gradient(45deg, #d29543, #dfb479) !important;
}
.bg-color-sottomeu-tenue {
  background: #f9f2e8 !important;
  /*background-image: @pattern-image-sottomenu-tenue !important;
    background-size: @pattern-size-sottomenu-tenue !important;*/
}
.bg-color-sottomeu-normal {
  background-color: #d7a158 !important;
}
.bg-color-sottomeu-sfumato-veryalpha {
  background: linear-gradient(45deg, hsla(34.48818898, 100%, 45%, 0.5), hsla(34.48818898, 100%, 45%, 0.2));
}
.bg-color-sottomeu-active {
  background-color: #ddaf71 !important;
}
.bg-color-sottomeu-rgba {
  background-color: rgba(215, 161, 88, 0.8) !important;
}
.bg-transparent-white {
  background-color: rgba(255, 255, 255, 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;
}
.colorepersolanizzato {
  background-color: #b5b196 !important;
}
.bg-colorepersolanizzato-light {
  background-color: #eae9e1 !important;
}
.tx-primary-color {
  color: #534741 !important;
}
.tx-secondary-color {
  color: #b2acaa !important;
}
.tx-lighten-color {
  color: #7e6c63 !important;
}
.tx-light-color {
  color: #f1f0f0 !important;
}
.tx-dark-color {
  color: #1a1614 !important;
}
.tx-sottomenu-color {
  color: #d7a158 !important;
}
.bd-primary-color {
  border-color: #534741 !important;
}
.bd-secondary-color {
  border-color: #b2acaa !important;
}
.bd-light-color {
  border-color: #f1f0f0 !important;
}
.bd-dark-color {
  border-color: #534741 !important;
}
.bd-sottomenu-color {
  border-color: #d7a158 !important;
}
.bd-color-sottomeu-tenue {
  border-color: #f9f2e8 !important;
}
.primary-color {
  color: #1a1614 !important;
}
.secondary-color {
  color: #453b36 !important;
}
.color-sottomeu {
  color: #d7a158;
}
.black-color {
  color: #000 !important;
}
.white-color,
.text-white {
  color: #fff !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: 1ex;
  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: #1a1614;
  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: #d7a158;
}
a:hover,
a:active,
a:focus {
  outline: none;
  text-decoration: none;
  color: #ddaf71;
}
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: #ddaf71;
}
.font-primary,
.font-primary a {
  font-family: 'Marcellus SC', serif !important;
}
.font-secondary {
  font-family: 'Marcellus', 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: #534741;
  /*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: 557px;
  /*height: 119px;*/
  /*in caso di menù tipo e-commerce*/
  height: 90px;
  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: 75%;
  background-repeat: no-repeat;
}
.shrinklogo {
  width: calc((557px * 61) / 119);
  height: 61px;
  /*AGGIUNTI PER LOGO DOPPIA POSIZIONE*/
  background: url(/images/main_logo_d.png) center center;
  background-size: 100%;
  background-repeat: no-repeat;
}
.fulllogo {
  width: 90%;
  height: auto;
}
@media (max-width: 1179px) {
  .fulllogobckdark {
    width: calc((373px * 61) / 119);
    height: 61px;
    margin-left: calc(100% - ((180 * calc((373px * 61) / 119)) / 240));
    /*AGGIUNTI PER LOGO DOPPIA POSIZIONEE*/
    background: url(/images/main_logo_d_mobile.png) center center;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .shrinklogo {
    width: calc((373px * 61) / 119);
    height: 61px;
  }
}
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: #b2acaa !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 #b2acaa;
}
.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: #1a1614;
  text-transform: none;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.simplemenu > ul > li > ul > li > a:hover {
  color: #d7a158 !important;
  font-weight: 600;
}
.simplemenu .dropdown-menu {
  border-top: 0;
  transform: translate3d(0, 29px, 0px) !important;
  border-radius: 0rem;
}
.triggerdata {
  color: #fff;
}
/*---------------------------------
---------- 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: #1a1614;
  font-family: 'Marcellus SC', 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: #b2acaa;
  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: #1a1614;
  font-family: 'Marcellus SC', 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: #d7a158 !important;
  font-family: 'Marcellus', 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: #1a1614;
  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: 135% !important;
}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  overflow-x: hidden;
  /*  background-color: transparent;*/
}
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;
    font-size: calc(28px + 0.4vw + 0.4vh + 0.2vmin) !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: #453b36 !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: #453b36;
}
.quote-marks::after {
  content: "”";
  font-family: Georgia, serif;
  margin-top: 40px;
  position: absolute;
  margin-left: 15px;
  font-weight: normal;
  font-size: 100px;
  color: #453b36;
}
@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: 135% !important;
}
@media (max-width: 768px) {
  .testo-colonne {
    column-count: 1;
  }
}
/*----------------------------------
----------- ISOTOPE BLOG -----------
----------------------------------*/
.linksmall a,
.linksmall-blog a {
  color: #d7a158;
}
.linksmall a:hover,
.linksmall-blog a:hover {
  color: #ffffff;
}
.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: #d7a158;
}
/*----------------------------------
PULSANTE SCORRIMENTO BANNER E PAGINA
----------------------------------*/
.pulsanti-scorrimento,
.tp-leftarrow.square,
.tp-rightarrow.square {
  font-size: 42px;
  line-height: 38px;
  background: #fff !important;
  border: 1px solid #1a1614;
  color: #1a1614 !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: #fff !important;
  background: #1a1614 !important;
  border-color: #1a1614;
  opacity: 0.78;
  text-decoration: none !important;
  border: 1px solid #d7a158;
}
.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;
}
/*----------------------------------
-------------- FOOTER --------------
----------------------------------*/
.footerhead {
  padding: 15px 60px 15px 60px;
  border-top: 1px solid #f1f0f0;
  background-color: #f1f0f0;
  line-height: 60px;
}
.footerheadcontainer {
  max-width: 100%;
}
.footerlogo {
  float: left;
  display: block;
  line-height: 30px;
}
.motto-footer {
  color: #1a1614;
  font-family: 'Marcellus SC', 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: #fff;
  border-top: none;
}
.footer .logos-payment {
  padding-top: 20px;
  background-color: #f1f0f0;
}
.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;
}
.footer .copyright {
  font-family: 'Roboto', sans-serif;
  /* background-color: #33332e; */
  color: #fff;
  background-color: #534741;
  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: #fff;
}
.footer .copyright a {
  font-family: 'Roboto', sans-serif;
  color: #fff;
}
.footer .footer-col .footer-content .footer-content-text {
  font-family: 'Roboto', sans-serif;
  color: #534741;
}
.footer-content-text p {
  font-size: 0.8em;
}
.footer-category-list .label-nav {
  font-size: 0.9rem;
  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;
  color: #534741;
  font-size: 0.9em;
}
.footer .footer-col .footer-content .footer-category-list li a {
  margin-left: 0px;
  color: #d7a158;
}
/*IN CASO dialog NUOVO FOOTER*/
@media (max-width: 576px) {
  .footer .footer-col .footer-content .footer-category-list li {
    /*display: inline-block !important;*/
    display: block !important;
    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: #534741;
  font-family: 'Marcellus SC', serif;
  font-weight: bold;
  border-bottom: 1px solid #534741;
}
.footer .footer-col .footer-title a {
  color: #534741;
}
.footer .footer-col .footer-title a:hover {
  color: #fff;
}
.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: #534741;
  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: #1a1614;
  font-family: 'Roboto', sans-serif;
}
.footer-wrapper {
  padding: 20px 60px 50px 60px;
  background-color: #b2acaa;
  background-image: url();
  background-size: 15%;
}
.footer .social-icons .social-media-icon {
  background-color: #d7a158;
  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: 100%;
  height: 100%;
}
/*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: #1a1614;
  font-family: 'Marcellus SC', serif;
  /*font-size: @title-banner-fascia-size;*/
  font-size: calc(28px + 0.4vw + 0.4vh + 0.2vmin) !important;
  font-weight: 400;
  width: 100%;
  line-height: 125% !important;
  background-color: transparent;
}
.subtitle-isotope {
  color: #d7a158;
  font-family: 'Roboto', sans-serif;
  font-size: 1.6rem;
  font-weight: bold !important;
  line-height: 1.3 !important;
}
.small2,
.body-isotope {
  color: #1a1614;
  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 #f1f0f0;
  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: #fff;
  padding: inherit;
  border-radius: 0.25rem !important;
  text-align: center;
  margin: 5%;
  margin-left: 0;
}
.isotope-navigation .work-subcaption .work-title,
.titolo-offerta {
  color: #1a1614;
  font-family: 'Marcellus SC', serif;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 0px;
}
.isotope-navigation .work-subcaption .work-desc,
.sottotitolo-offerta {
  color: #1a1614;
  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: #d7a158;
    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: #534741;
  font-family: 'Marcellus SC', 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: #dfb479;
  font-family: 'Marcellus SC', 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: #d7a158;
  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: #534741;
}
/*------------------------------------
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: #534741 !important;
}
.csstransforms.prod_discount {
  position: absolute;
  padding: 0.3em 3em;
  left: -3em;
  top: 2em;
  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: #1a1614;
}
@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: #f1f0f0;
  margin-top: 2px !important;
}
.products-list-mini li + li {
  border: none;
}
.dropdown-menu {
  border: 1px solid #453b36;
}
.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: #f1f0f0;
  vertical-align: middle;
}
.table-cart thead td,
.table-cart thead th {
  color: #fff;
  font-weight: normal;
  background: #534741;
}
.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: #b2acaa;
  line-height: 32px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
}
/*----------------------------------
---------- ISOTOPE STAFF -----------
----------------------------------*/
.isotope-staff a .rounded {
  background-color: #fff;
  padding: inherit;
  border-radius: 0 !important;
  text-align: center;
  margin: 5% 5% 0 0;
}
.isotope-staff .work-subcaption {
  background-color: #f1f0f0;
  height: 168px;
}
.isotope-staff .work-subcaption .work-title {
  color: #1a1614;
  font-family: 'Marcellus SC', serif;
  font-size: 1.4rem;
  font-weight: bold;
  font-style: normal;
  margin-bottom: 0px;
}
.isotope-staff .work-subcaption .work-desc {
  color: #1a1614;
  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: #1a1614;
  font-family: 'Marcellus SC', serif;
  font-size: 1.4rem;
  font-weight: bold;
  font-style: normal;
  margin-bottom: 0px;
}
.subtitle-banner-slider {
  color: #1a1614;
  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: #534741;
  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: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0.5) 100%);*/
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0.5) 100%);
  /*background: @bg-testata-opacity-white-gradient;*/
}
.mbr-overlay-white1 {
  background-color: rgba(255, 255, 255, 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, #f1f0f0, rgba(241, 240, 240, 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(241, 240, 240, 0.5), rgba(241, 240, 240, 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: #1a1614;
}
.blog-post .blog-post-body,
.blog-post-body {
  font-size: 1.1rem;
  color: #1a1614;
  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: #fff;
  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: #fff;
  position: relative;
}
.card {
  border-color: #b2acaa;
}
.faq-section .card,
#collapse_faq .card {
  background-color: #fff;
  /*border: none;*/
  border-radius: 0px;
  margin-bottom: -1px;
}
#collapse_faq .card {
  border: 1px solid #b2acaa;
}
.faq-section .card .title {
  background-color: #534741 !important;
}
.faq-section .card .card-header {
  background-color: #f1f0f0;
  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: #1a1614;
  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: #d7a158;
  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 #b2acaa;
}
.ui-15 .ui-form .ui-icon {
  color: #b2acaa !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;
}
.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: 9px;
  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: #d7a158;
  text-decoration: none;
  font-size: 90%;
}
.linksmall a:hover,
.linksmall-blog a:hover,
.linksmall-blog:hover {
  color: #dfb479;
}
.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: #1a1614;
}
.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: #534741;
  border-radius: 50%;
  width: 60px !important;
  height: 60px !important;
  color: white;
  padding: 0px !important;
  margin: 0px !important;
}
button.js-roundedpush:hover {
  background-color: #534741;
  border-radius: 50%;
  width: 60px !important;
  height: 60px !important;
  color: white !important;
  padding: 0px !important;
  margin: 0px !important;
}
.form-control {
  background-color: #f1f0f0;
  box-shadow: none;
  color: #1a1614;
  font-size: 0.875rem;
  padding: 0.5em;
}
.form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #817974;
}
.form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #817974;
}
.form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: #817974;
}
.form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #817974;
}
.rating {
  color: #534741 !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: #534741;
}
.searchbar-container > ul {
  display: block !important;
  width: calc(50% + 40px);
  left: -20px;
  margin: 0 auto;
  background-color: #534741;
  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: #b2acaa;
}
.skills ul > li em {
  font-family: 'Roboto', sans-serif;
  color: #d7a158;
  font-size: 18px;
  position: relative;
  top: -30px;
  font-style: normal;
  font-weight: 600;
}
.skills ul > li span {
  height: 6px;
  border-radius: 3px;
  background: #1a1614;
  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: 100px !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) {
  #divContainerb1,
  #divContainerb3,
  #divContainermobile {
    height: calc(100vh - 90px) !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: #fff;
  font-family: 'Marcellus SC', serif;
  font-size: calc(24px + 0.6vw + 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: #fff;
  font-family: 'Marcellus SC', 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: 557px;
    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: #d7a158 !important;
  }
  .menu-home:active {
    color: #d7a158 !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 #d7a158 !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: #b2acaa !important;
    font-size: 0.9rem;
  }
  .menuzord.white .menuzord-menu > li > a,
  .menuzord.white .menuzord-menu > li > a span {
    color: #1a1614;
    /*color: #fff;*/
    /*color: @primary-color !important;*/
    font-family: 'Roboto', sans-serif;
    font-size: 0.9rem;
    font-weight: 600;
  }
  .menuzord.white .menuzord-menu > li > a.buttonmenu,
  .menuzord.white .menuzord-menu > li > a.buttonmenu span {
    color: white;
  }
  .menuzord.white .menuzord-menu > li > a.buttonmenu:hover {
    background-color: transparent !important;
  }
  .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: #d7a158 !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: #1a1614;
  }
  .menuzord-brand {
    font-weight: 600;
  }
  .menuzord-menu ul.dropdown,
  .menuzord-menu ul.dropdown li ul.dropdown {
    border-color: #453b36 !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 #453b36;
    border-top: 1px dashed #453b36;
    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 #453b36;
    border-left: 1px dashed #453b36;
  }
  .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: #1a1614;
  }
  .menuzord-menu ul.dropdown li:hover > a {
    font-weight: 400;
    color: #d7a158;
  }
  .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 #1a1614;
    /*-----*/
    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 #1a1614;
    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: #1a1614;
  }
  .menuzord-menu > li > .megamenu.megamenu-full-text .megamenu-menulist ul li:hover a {
    color: #d7a158;
    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: #d7a158;
  font-size: calc(15px + 0.12vw + 0.12vh + 0.06vmin) !important;
  font-family: 'Marcellus', 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: #1a1614;
    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: #d7a158 !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: #d7a158;
    /*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 #534741 !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 #534741 !important;
    border-left: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
  }
  .menuzord-menu li.catalogo-menu ul.dropdown li:hover {
    background-color: #ddaf71 !important;
    font-weight: 400 !important;
    /*SOTTO SOTTO MENU ON OFF*/
    border-bottom: 1px solid transparent !important;
    border-left: 1px solid #534741 !important;
    border-right: 1px solid #534741 !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: #ddaf71;
    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: #1a1614 !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: #fff !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: #1a1614 !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: #453b36;
    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 #453b36;
    border-top: 2px solid #453b36;
    -webkit-transform: translate(100%, 50%);
    transform: translate(100%, 50%);
  }
  .menuzord-menu li a:after {
    right: 0;
    bottom: 0;
    border-right: 2px solid #453b36;
    border-bottom: 2px solid #453b36;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
  }
  .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: 1;
    border-color: #d7a158;
  }
  /*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: #d7a158 !important;
    font-size: 0.9rem !important;
    border: 1px solid #d7a158;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
  }
  .buttonmenu:hover,
  a .buttonmenu:hover {
    background: #ffffff !important;
    color: #000 !important;
  }
  .menuzord.white .menuzord-menu > li > a.buttonmenu {
    color: #fff !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: #d7a158 !important;
  }
  .menuzord.white .menuzord-menu > li:hover > a.buttonmenu {
    background: transparent !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: #f1f0f0;
  }
  .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: #1a1614;
  width: 0;
  font-size: 24px;
}
#mainnav .fa-phone,
#btn-menumobile {
  color: #1a1614;
}
#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, #d29543, #dfb479);
}
li:nth-child(2n+1) .polygon-backdrop-b3,
.polygonblock > div:nth-child(2n+1) .polygon-backdrop-b3 {
  background: linear-gradient(45deg, #3c332f, #6a5b53);
}
/*---- 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, #3c332f, #6a5b53);
}
li:nth-child(2n+1) .rounded-responsive .polygon-backdrop,
.polygonblock > div:nth-child(2n+1) .rounded-responsive .polygon-backdrop {
  background: linear-gradient(45deg, #3c332f, #6a5b53);
}
/*---- 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, #3c332f, #6a5b53) !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, #d29543, #dfb479) !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: #ffffff;
  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: #fff !important;
  background: #1a1614 !important;
  border-color: #1a1614;
  opacity: 0.78;
  text-decoration: none !important;
  border: 1px solid #d7a158;
}
@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, #3c332f, #6a5b53) !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, #d29543, #dfb479);
}
.polygon-backdrop .prezzo-responsive {
  color: white;
  font-size: 2rem;
  font-weight: 900;
}
li:nth-child(2n) .polygon-backdrop {
  background: linear-gradient(45deg, #d29543, #dfb479);
}
li:nth-child(2n+1) .polygon-backdrop,
.polygonblock > div:nth-child(2n+1) .polygon-backdrop {
  background: linear-gradient(45deg, #3c332f, #6a5b53);
}
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(83, 71, 65, 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(215, 161, 88, 0.75);
}
.grid-shape-polygon .card-body:after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  /*background: @color-sottomeu;*/
  background: #fff;
  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;
  }
}
.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(24px + 0.6vw + 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(28px + 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: #f1f0f0 !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;
}
.moduloacquistoarticoli .codizionidivendita ul {
  padding-inline-start: 22px;
}
/*MODULO CONTATTO SCHEDA*/
.padding-modulo {
  padding: 1rem;
  margin-top: 1rem;
  background-color: #f1f0f0;
}
.errorvalidateclass {
  /*padding-top: 1rem;*/
  display: block;
  text-align: left;
}
/*COLORI*/
.fixedtop,
.footer .copyright {
  background-color: #b5b196;
}
.count {
  /*background-color: @color-sottomeu;*/
  color: #000;
}
.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: block !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;
  }
  #divContainerb3,
  #divContainermobile {
    height: calc(100vh - 117px) !important;
  }
  #divContainerb1 {
    height: auto !important;
    aspect-ratio: 390 / 260;
  }
}
/*personalizzazione share-42*/
span.share42-item a {
  background-color: #534741 !important;
  border-radius: 50%;
}
/*facebook*/
span.share42-item:nth-child(1) a:hover {
  background-color: #3a5a98 !important;
  border-radius: 50%;
}
/*twitter*/
span.share42-item:nth-child(2) a:hover {
  background-color: #25a1e4 !important;
  border-radius: 50%;
}
/*linkedin*/
span.share42-item:nth-child(3) a:hover {
  background-color: #0076b7 !important;
  border-radius: 50%;
}
/*telegram*/
span.share42-item:nth-child(4) a:hover {
  background-color: #61a8de !important;
  border-radius: 50%;
}
/*whatsapp*/
span.share42-item:nth-child(5) a:hover {
  background-color: #2ab200 !important;
  border-radius: 50%;
}
/*pinterest*/
span.share42-item:nth-child(6) a:hover {
  background-color: #ca2120 !important;
  border-radius: 50%;
}
/*MODIFICHE menu DESKTOP*/
@media (min-width: 1179px) {
  #mainnav.fixednav-home .menuzord {
    padding: 30px 0px;
  }
  .menuzord-menu > li {
    padding-top: 0px;
    margin-bottom: 27.5px;
    padding-bottom: 0;
  }
  .menuzord-menu.scrolled > li {
    margin-top: 12.5px;
    padding-bottom: 12.5px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 0;
  }
  .menuzord-menu a.buttonmenu {
    padding: 8px 30px !important;
  }
}
/*MODIFICHE menu MOBILE*/
@media (max-width: 992px) {
  .menuzord-responsive .menuzord-menu.scrollable {
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    align-items: stretch;
    border: none;
  }
}
@media (max-width: 1179px) {
  .menuzord-responsive .menuzord-menu.scrollable {
    border: none;
  }
  .menuzord-responsive .menuzord-menu > li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
@media (max-width: 1179px) {
  .menuzord.white .menuzord-menu > li:first-child > a:first-child {
    border-top: none;
  }
  .menuzord-responsive .menuzord-menu > li:first-child > a {
    border-top: none;
  }
  .menuzord.white .menuzord-menu > li > a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    display: flex;
    align-items: center;
    border-bottom: none;
    border-left: none;
    border-right: none;
    background-color: transparent;
  }
  .menuzord-responsive .menuzord-menu ul.dropdown li a {
    border-bottom: none;
    color: #d7a158;
  }
}
@media (max-width: 1179px) {
  .menuzord-responsive .menuzord-menu li .indicator {
    position: relative;
    right: unset;
    top: unset;
    border: none;
    margin-right: unset;
    padding: 0 10px;
    margin-left: 25px;
    margin-bottom: 0;
  }
}
@media (max-width: 576px) {
  .menuzord-responsive .menuzord-menu.scrollable {
    height: calc(100vh - 120px) !important;
    max-height: none !important;
    margin-bottom: 0;
  }
}