@charset 'UTF-8';

a, a:hover, a:focus{color: inherit; text-decoration: none;}

.text-center .img-fluid{ margin-left:auto; margin-right:auto; }
.clear{ clear:both; }
.space-5{ height:5px; clear:both; }
.space-20{ height:20px; clear:both; }
.space-40{ height:40px; clear:both; }
.no-padding{ padding:0 !important; }
.no-margin{ margin:0 !important; }  

.container-fluid { padding-left: 5%; padding-right: 5%;}

body {font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color: #6D6D6D; font-size:14px; overflow-x: hidden}

.font-bold{font-weight: 700}
.font-semibold{font-weight: 600}
.font-medium{font-weight: 500}
.font-regular{font-weight: 400}
.font-light{font-weight: 300}
.font-italic{font-style: italic}

.divider{width: 100%; height: 1px;}
.divider-2{width: 100%; height: 2px;}

.bg-gray{background-color: #A1A09F}
.bg-yellow{background-color: #CE8D00}
.bg-black{background-color: #000}
.color-white{color: #fff}
.color-black{color: #000000}
.color-yellow{color: #CE8D00}
.color-brown{color: #94612D}
.color-red{color: #E22521}

.max-width-80{max-width: 80%}

.bg-qualita{background-image: url(../images/bg-qualita.png); background-position: left top; background-repeat: no-repeat}

.plus{height: 23px; width: 23px; background-color: #CE8D00; font-size: 18px; color: #fff; line-height: 23px; text-align: center; border-radius: 50%; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.plus:hover{background-color: #fff; color: #CE8D00; border: 1px solid}
  
.font-42{font-size: 42px; font-size: calc(20px + 1.15vw)}
.font-34{font-size: 34px; font-size: calc(20px + 0.75vw)}
.font-30{font-size: 30px; font-size: calc(20px + 0.55vw)}
.font-23{font-size: 23px; font-size: calc(17px + 0.35vw)}
.font-17{font-size: 17px; font-size: calc(15px + 0.1vw)}
.font-14{font-size: 14px; }
.font-12{font-size: 12px; }

.line{display: inline-block; width: 140px; height: 1px; background-color: #A1A09F; margin-bottom: 2px}

.link:hover{color: #94612D}
.link:hover .line{background-color: #94612D}

.hover-effect .img-fluid{transition: all 0.5s ease;}
.hover-effect:hover .img-fluid{transform: scale(1.1)}

.slick-slider{margin: 0}

/* Header */
.navbar-light .navbar-toggler{border: none}
#header {position: sticky; top: 0; z-index: 1000; background-color: #fff; box-shadow: 0 0 50px rgba(0,0,0,0.2);}
.navbar-light .navbar-nav .nav-link{color: #020202}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color: #94612D}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
@media(max-width:767px){
    .navbar{ box-shadow: 0 0 27px rgba(0,0,0,0.2);}
    .navbar-nav{padding: 15px 0; }
    .navbar-nav .nav-link{padding: 15px 0}
}

/* _header page */
.claim-header{position: absolute; bottom: 10%; left: 50%; transform: translateX(-50%)}

/* Homepage */
.icon-whatsapp{position: fixed; bottom: 20px; right: 20px; z-index: 1000; transition: transform 0.5s ease}
.icon-whatsapp:hover{transform: scale(1.1);}
.container-logo{padding-top: 100%; background-color: #fff; border-radius: 15px; position: relative}
.container-logo .img-fluid{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 90%; max-height: 90%; width: auto; height: auto}
 
.slider-prodotti .slick-list{overflow: visible}

/* Footer */
#footer{background-color: #333333}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  color: #dc3232;
}

.wpcf7 form.sent .wpcf7-response-output {
  color: #46b450;
}
.wpcf7 form .wpcf7-response-output {
  margin: 2em 0;
  padding: 0;
  border: none;
}