:root {
  --color-primary: #198c77;
  --color-primary-light: #40afb5;
  --color-primary-lighter: #a1cfd4;
  --color-secondary: #6ec25f;
  --color-thertiary: #5c5c5f;
  --color-thertiary-light: #a9a9ad;
  --color-text: #78797c;
  --color-incolore: #71b6bd;
  --color-opale: #aaabaf;
  --color-less-1mm: #219fa8;
  --color-4mm: #96b384;
  --color-6mm: #96b384;
  --color-10mm: #96b384;
  --color-16mm: #01a890;
  --color-32mm: #02524c; }

@font-face {
  font-family: "nasalizationregular";
  src: url("../font/nasalization-rg-webfont.woff2") format("woff2"), url("../font/nasalization-rg-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
html {
  margin-top: 0 !important; }

.font-nasa {
  font-family: nasalizationregular; }

.text-primary {
  color: var(--color-primary) !important; }

.text-primary-light {
  color: var(--color-primary-light) !important; }

.text-primary-lighter {
  color: var(--color-primary-lighter) !important; }

.text-secondary {
  color: var(--color-secondary) !important; }

.text-thertiary {
  color: var(--color-thertiary) !important; }

.text-16mm {
  color: var(--color-16mm); }

.text-32mm {
  color: var(--color-32mm); }

.bg-primary {
  background: var(--color-primary) !important; }

.bg-primary-light {
  background: var(--color-primary-light) !important; }

.bg-primary-lighter {
  background: var(--color-primary-lighter) !important; }

.bg-secondary {
  background: var(--color-secondary) !important; }

.bg-grey {
  background: var(--color-thertiary) !important; }

.btn-primary {
  background-color: var(--color-primary);
  border-color: var(--color-primary); }
  .btn-primary:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    opacity: 0.7; }

.header-nav .nav > li .sub-menu {
  background: var(--color-secondary);
  border: none;
  padding-bottom: 1rem; }
  .header-nav .nav > li .sub-menu li {
    border-bottom: none; }
    .header-nav .nav > li .sub-menu li.mm-16 a:hover {
      color: var(--color-16mm); }
    .header-nav .nav > li .sub-menu li.mm-16 a:before {
      background: var(--color-16mm); }
    .header-nav .nav > li .sub-menu li.mm-16.active a {
      color: var(--color-16mm); }
    .header-nav .nav > li .sub-menu li.mm-32 a:hover {
      color: var(--color-32mm); }
    .header-nav .nav > li .sub-menu li.mm-32 a:before {
      background: var(--color-32mm); }
    .header-nav .nav > li .sub-menu li.mm-32.active a {
      color: var(--color-32mm); }
    .header-nav .nav > li .sub-menu li a {
      padding-bottom: 2px;
      color: white; }
      .header-nav .nav > li .sub-menu li a:before {
        content: "";
        display: inline-block;
        width: 11px;
        height: 11px;
        margin-right: 0.5rem; }

.nav-item-title {
  padding: 0 1.1rem;
  font-weight: 700; }

.wt-team-four:hover .wt-team-media:after {
  display: none; }

.wt-team-media.gamme-media {
  padding: 20px; }

.gamme-text {
  min-height: 144px; }

.gamme-col {
  background: var(--color-primary);
  color: white; }
  .gamme-col .wt-team-title {
    color: white; }

.gamme-title {
  min-height: 44px; }

.installation-color-wrapper {
  color: white; }
  .installation-color-wrapper.color-incolore {
    background: var(--color-thertiary); }
  .installation-color-wrapper.color-opale {
    background: var(--color-opale); }

.installation-color-header-color {
  padding: 0.7rem 1.5rem; }

.installation-color-header-mm {
  position: relative;
  color: white;
  padding: 0.7rem 1.5rem; }
  .installation-color-header-mm.mm-16 {
    background: var(--color-16mm); }
    .installation-color-header-mm.mm-16:after {
      border-color: transparent transparent var(--color-16mm) transparent; }
  .installation-color-header-mm.mm-32 {
    background: var(--color-32mm); }
    .installation-color-header-mm.mm-32:after {
      border-color: transparent transparent var(--color-32mm) transparent; }
  .installation-color-header-mm:after {
    content: "";
    position: absolute;
    top: 0;
    left: -43px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 44px 44px 0;
    transform: rotate(180deg); }

.installation-color-header {
  display: flex;
  text-transform: uppercase; }
  .installation-color-header > div {
    flex: 1; }

.installation-color-header-mm {
  font-weight: bold; }

.installation-color-image {
  padding: 1.5rem; }
  .installation-color-image img {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 3/2;
    object-fit: cover; }

.installation-color-table {
  margin-top: 10px; }
  .installation-color-table td {
    padding: 0.2rem; }

.installation-assemblaggio-number {
  font-size: 2.5rem;
  font-weight: 900;
  color: #d4d5d7; }

.installation-assemblaggio-image img {
  aspect-ratio: 1;
  border: 1px solid #d4d5d7; }

.section-head.text-secondary .wt-separator.style-square {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
  color: var(--color-secondary); }

.accessori-coppia-elm {
  border: 1px solid var(--color-primary);
  position: relative; }
  .accessori-coppia-elm .accessorio-plus {
    position: absolute;
    bottom: -26px;
    right: -21px;
    font-size: 1.3rem;
    color: var(--color-primary); }
@media(min-width: 768px) {
  .accessori-coppia-elm .accessorio-plus {
    bottom: auto;
    top: 20px; } }
  .accessori-coppia-elm .accessorio-codice {
    background: var(--color-primary);
    color: white;
    padding: 0.5rem; }
  .accessori-coppia-elm .accessorio-info {
    padding: 0.5rem; }
  .accessori-coppia-elm .accessorio-info-nome {
    color: var(--color-primary); }
  .accessori-coppia-elm .accessorio-img img {
    aspect-ratio: 1;
    object-fit: cover; }

.installation-mm-selection {
  width: 200px;
  color: white;
  padding: 0.5rem 1rem;
  font-weight: bold;
  position: relative;
  cursor: pointer; }
  .installation-mm-selection:hover {
    opacity: 0.7; }
  .installation-mm-selection.mm-16 {
    background: var(--color-16mm); }
    .installation-mm-selection.mm-16:after {
      border-color: transparent transparent var(--color-16mm) transparent; }
  .installation-mm-selection.mm-32 {
    background: var(--color-32mm); }
    .installation-mm-selection.mm-32:after {
      border-color: transparent transparent var(--color-32mm) transparent; }
  .installation-mm-selection:after {
    content: "";
    position: absolute;
    top: 0;
    right: -37px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 37px 37px 0;
    transform: rotate(0deg); }

.btn-click-ici {
  min-width: 130px;
  color: white;
  font-weight: bold; }
  .btn-click-ici.btn-16mm {
    background: var(--color-16mm); }
  .btn-click-ici.btn-32mm {
    background: var(--color-32mm); }

.gamma-item-wrapper {
  background: var(--color-thertiary);
  color: white; }
  .gamma-item-wrapper .gamma-spessore {
    padding: 0.5rem 1rem;
    display: inline-block;
    position: relative;
    font-weight: bold; }
    .gamma-item-wrapper .gamma-spessore:after {
      content: "";
      position: absolute;
      top: 0;
      right: -37px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 37px 37px 0;
      transform: rotate(90deg); }
  .gamma-item-wrapper .gamma-colore {
    padding: 0.5rem 0 0 1rem;
    font-weight: 100; }
  .gamma-item-wrapper .gamma-image-wrapper {
    padding: 1rem; }
    .gamma-item-wrapper .gamma-image-wrapper img {
      aspect-ratio: 4/3;
      object-fit: cover;
      object-position: top; }

.sistema-nome-wrapper {
  background: var(--color-thertiary);
  color: white; }
  .sistema-nome-wrapper .sistema-nome {
    font-weight: bold;
    padding-top: 0.5rem; }
  .sistema-nome-wrapper .sistema-img-wrapper {
    padding: 1rem; }

.gamma-color-O .sistema-nome-wrapper, .gamma-color-O .gamma-item-wrapper {
  background: var(--color-thertiary-light); }

.gamma-mm-0-8 .gamma-spessore {
  background: var(--color-less-1mm); }
  .gamma-mm-0-8 .gamma-spessore:after {
    border-color: transparent transparent var(--color-less-1mm) transparent; }
.gamma-mm-0-8 .gamma-item-titolo, .gamma-mm-0-8 .gamma-table th {
  color: var(--color-less-1mm); }

.gamma-mm-4 .gamma-spessore {
  background: var(--color-4mm); }
  .gamma-mm-4 .gamma-spessore:after {
    border-color: transparent transparent var(--color-4mm) transparent; }
.gamma-mm-4 .gamma-item-titolo, .gamma-mm-4 .gamma-table th {
  color: var(--color-4mm); }

.gamma-mm-6 .gamma-spessore {
  background: var(--color-6mm); }
  .gamma-mm-6 .gamma-spessore:after {
    border-color: transparent transparent var(--color-6mm) transparent; }
.gamma-mm-6 .gamma-item-titolo, .gamma-mm-6 .gamma-table th {
  color: var(--color-6mm); }

.gamma-mm-10 .gamma-spessore {
  background: var(--color-10mm); }
  .gamma-mm-10 .gamma-spessore:after {
    border-color: transparent transparent var(--color-10mm) transparent; }
.gamma-mm-10 .gamma-item-titolo, .gamma-mm-10 .gamma-table th {
  color: var(--color-10mm); }

.gamma-mm-16 .gamma-spessore {
  background: var(--color-16mm); }
  .gamma-mm-16 .gamma-spessore:after {
    border-color: transparent transparent var(--color-16mm) transparent; }
.gamma-mm-16 .gamma-item-titolo, .gamma-mm-16 .gamma-table th {
  color: var(--color-16mm); }

.gamma-mm-32 .gamma-spessore {
  background: var(--color-32mm); }
  .gamma-mm-32 .gamma-spessore:after {
    border-color: transparent transparent var(--color-32mm) transparent; }
.gamma-mm-32 .gamma-item-titolo, .gamma-mm-32 .gamma-table th {
  color: var(--color-32mm); }

.gamme-filter.bg-type-1, .gamme-filter.bg-type-2 {
  background: #219fa8; }
.gamme-filter.bg-type-3 {
  background: #008fb2; }
.gamme-filter.bg-type-4 {
  background-image: linear-gradient(to right, #19735f, #82bc76); }
.gamme-filter.bg-type-5 {
  background: #34598b; }
.gamme-filter.bg-size-less-than-1 {
  background: var(--color-less-1mm); }
.gamme-filter.bg-size-4 {
  background: var(--color-4mm); }
.gamme-filter.bg-size-6 {
  background: var(--color-6mm); }
.gamme-filter.bg-size-10 {
  background: var(--color-10mm); }
.gamme-filter.bg-size-16 {
  background: var(--color-16mm); }
.gamme-filter.bg-size-32 {
  background: var(--color-32mm); }
.gamme-filter.bg-color-I {
  background: var(--color-thertiary); }
.gamme-filter.bg-color-O {
  background: var(--color-thertiary-light); }

.gamme-filter {
  color: white;
  font-weight: bold;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  cursor: pointer;
  position: relative; }
  .gamme-filter:not(.disabled):hover {
    opacity: 0.7; }
  .gamme-filter.disabled {
    opacity: 0.2; }
  .gamme-filter.active:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 37px solid transparent;
    border-right: 50px solid white;
    border-bottom: 0px solid transparent; }

.gamme-filter-remove {
  color: #e57373;
  display: none;
  margin-bottom: 0.5rem;
  cursor: pointer; }
  .gamme-filter-remove:hover {
    opacity: 0.6; }

.main-hero-wrapper .hero-slide {
  min-height: 700px;
  display: flex;
  align-items: center;
  position: relative;
  background-size: cover;
  background-position: center; }
  .main-hero-wrapper .hero-slide:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5); }
  .main-hero-wrapper .hero-slide .slide-text-wrapper {
    position: relative;
    width: 90%;
    max-width: 900px; }
  .main-hero-wrapper .hero-slide .slide-title {
    font-size: 60px;
    color: var(--color-secondary);
    line-height: 4rem;
    margin-bottom: 0; }
  .main-hero-wrapper .hero-slide .slide-subtitle {
    font-size: 60px;
    color: white;
    line-height: 4rem; }
  .main-hero-wrapper .hero-slide .slide-text {
    font-size: 18px;
    max-width: 600px;
    color: white; }

.widget_services ul li.title {
  font-weight: bold;
  padding-left: 0; }
  .widget_services ul li.title:before {
    display: none; }

.wt-img-effect img {
  aspect-ratio: 4/3;
  object-fit: cover; }

.main-hero-wrapper.owl-carousel {
  background: #3b4757; }
  .main-hero-wrapper.owl-carousel .owl-dots {
    display: none; }
  .main-hero-wrapper.owl-carousel .owl-nav {
    margin-top: 0; }
    .main-hero-wrapper.owl-carousel .owl-nav button {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      height: 100px !important;
      width: 40px;
      background-color: #5c5c5f !important;
      opacity: 1; }
      .main-hero-wrapper.owl-carousel .owl-nav button.owl-prev {
        left: 0; }
      .main-hero-wrapper.owl-carousel .owl-nav button.owl-next {
        right: 0; }

.owl-item .hero-slide .container {
  position: relative; }
.owl-item .hero-mascotte {
  position: absolute;
  right: calc((100% - 1170px) / 2);
  max-width: 401px;
  bottom: 0;
  opacity: 0;
  transform: translateY(40px);
  transition: all 1s; }
.owl-item .hero-slide {
  opacity: 0;
  transition: all 1s; }
.owl-item .slide-title, .owl-item .slide-subtitle, .owl-item .slide-text {
  opacity: 0;
  transform: translateY(40px);
  transition: all 1s; }

.owl-item .slide-title {
  transition-delay: 800ms; }
.owl-item .slide-subtitle {
  transition-delay: 1000ms; }
.owl-item .slide-text {
  transition-delay: 1200ms; }
.owl-item .hero-mascotte {
  transition-delay: 1400ms; }

.owl-item.active .hero-slide {
  opacity: 1; }
.owl-item.active .slide-title, .owl-item.active .slide-subtitle, .owl-item.active .slide-text, .owl-item.active .hero-mascotte {
  opacity: 1;
  transform: translateY(0); }

.installation-strumenti-immagine {
  width: 60px !important;
  margin-right: 12px; }

.assemblaggio-strumenti-container {
  background-image: url(https://alveoly.it/wp-content/uploads/2024/03/alveoly_assembly_hero_img.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain; }

.installation-banda-icone-immagine {
  display: block !important;
  width: 60px;
  margin-right: 10px;
  padding: 5px; }

.installation-difficolta {
  color: var(--color-secondary) !important; }
  .installation-difficolta img {
    border: 1px solid var(--color-secondary); }

.accessorio-col .text-highlighted, .gamma-elm .text-highlighted {
  background: #ffee58;
  color: black; }

.accessorio-col .text-highlighted {
  padding: 0 3px; }

.search-form .form-control {
  font-size: 1.7rem;
  height: 44px;
  border: 2px solid var(--color-primary); }

.support-skew::after {
  border-right: 12px solid #178c77;
  box-shadow: 0 0 8px -5px #178c77;
  -webkit-box-shadow: 0 0 8px -5px #178c77;
  -moz-box-shadow: 0 0 8px -5px #178c77; }

.img-reflection {
  padding: 4px; }

/*# sourceMappingURL=custom.css.map */