/** Shopify CDN: Minification failed

Line 26:34 Unexpected ";"
Line 72:0 Comments in CSS use "/* ... */" instead of "//"
Line 73:0 Comments in CSS use "/* ... */" instead of "//"

**/



.mt-5{margin-top: 0% !important}
.mb-5{margin-bottom: 5% !important}
.radius-5{border-radius: 8px !important}
.mt-0{margin-top: 0% !important}



.margintop{margin-top: 6% !important}


.btn-custom-a {
  opacity: 1;
  transition: 0.3s;
}

.btn-custom-a:hover {opacity: 0.6};

.element-hover-white {
  opacity: 1;
  transition: 0.3s;
  Background-color: white;
  color:#000000;}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .btn-custom-a{
    width: 70%;
    padding: 3%;
  }
}

.element-hover-white:hover{
  opacity: 0.6;
  Background-color: #DAA520;
  color:white;

}


html {
  scroll-behavior: smooth;
}


.bg-cust {
  background-image: url("/cdn/shop/files/bg_chi_siamo_1.jpg?v=1643074050"); /* The image used */
  background-color: #cccccc; /* Used if the image is unavailable */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.bg-cust_2 {
  background-image: url("/cdn/shop/files/bg_chi_siamo_2.jpg?v=1643074088"); /* The image used */
  background-color: #cccccc; /* Used if the image is unavailable */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}


// =============================================================================
// Popup Form


.form-popup-bg {
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}

.form-popup-bg {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(94, 110, 141, 0.9);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  overflow-y: auto;
}
.form-popup-bg.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}
.form-container {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    position:relative;
  padding: 40px;
  color: #fff;
}
.close-button {
  background:none;
  color: #000;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  border: solid 1px #000;
}

.form-popup-bg:before{
    content:'';
    background-color: #fff;
  opacity: .25;
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#btnOpenForm a{
    color:#fff ;
}


.custom-search-sugg-lev{
  margin-top: 12px;
    display: flex;
    flex-direction: column;
    align-content: center;
}

.custom-search-sugg-lev-label{
      text-align: center;
}

.custom-search-sugg-lev-terms{
    max-width: 600px;
    justify-content: center;
    text-align: center;
}