@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
    margin: 0;
    font-family: "Poppins", sans-serif;
   letter-spacing: 1px;
   font-size: 1.2rem;
}

#bfPage1 > div.form-group{    text-align: center;}
a {
    color: #ccc!important;
}


ul.social-icons {

    position: absolute;
    right: 15px;
    top: 35px;
    z-index: 9999999;
    width: 100px;
}
.offcanvas-menu {
    background-color: #862e20!important;
    color: #ddd ;
}

#sppb-addon-1749481962381 .sppb-addon-openstreetmap {
    width: 100%;
    aspect-ratio: 1 / 1; /* Mantiene il rapporto 1:1 */
    border-radius: 50%;
    overflow: hidden;
}

#section-id-1749481962234 .sppb-media, .sppb-media-body {
 
    zoom: 1;

    align-content: center;
    align-items: center;
}

#section-id-1749481962234 .sppb-media-heading {
    margin: 0px;
    width: 100%;
}

#section-id-1749481962234 .sppb-addon-text{display: none}

#section-id-1749481962234 div.pull-left{width: 150px!important;}

#section-id-1749481962234 div.pull-left img {max-width: 120px;
max-height: 95px;
width: 100%;
height: auto}






.white, .white a{color:#fff!important}
.grigio, .grigio a {color:#DADADA!important}
/*header */
h4 {
 letter-spacing: 4px;
 font-weight: 200; 
        font-size: 1.4rem;
 line-height: 150%;
text-transform: uppercase!important;
    }
h3 {
 letter-spacing: 3px;
 font-weight: bolder; 
text-transform: uppercase!important;
    }
#mod_easy_jb_articles_carousel113 div.mod_easy_jb_articles h3 {
    font-size: 18px;
     line-height: 150%; 
     color: #22314C;
}


.owl-theme .owl-nav [class*=owl-] {
    color: #862d1f!important;
    font-size: 30px;
    margin: 10px;
    padding: 4px 10px;
    background: transparent!important;
    display: inline-block;
    cursor: pointer;
    border-radius: 100%;
    border: 2px #862d1f solid;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    color: #22314C!important;
    font-size: 30px;
    margin: 10px;
    padding: 4px 10px;
    background: transparent!important;
    display: inline-block;
    cursor: pointer;
    border-radius: 100%;
    border: 2px #22314C solid;
}




.jb-items.owl-theme .owl-nav {
  position: relative; 
align-items: flex-start;
  display: flex;
       max-width: 1140px; 
       margin: 0 auto;
       margin-top: 50px;
    
}


#sp-header.header-sticky {
    background: #862E20!important;
 transition-property: transform, background-color, box-shadow, line-height, height; 
transition-duration: 0.3s; 
 transition-timing-function: cubic-bezier(.78,.13,.15,.86); 
   
    box-shadow: 0 0px 0 rgba(0,0,0,0.08)!important;
 height:99px!important;
border-bottom:4px solid #3C3535;
z-index: 999!important;
} 

#sp-header {
    background: transparent!important;
 transition-property: transform, background-color, box-shadow, line-height, height; 
transition-duration: 0.3s; 
 transition-timing-function: cubic-bezier(.78,.13,.15,.86); 
   
    box-shadow: 0 1px 0 rgba(0,0,0,0.0)!important;
 height:70px!important;

} 

#sp-header .logo {

    display: flex;
    margin: 27px 0 0 0!important;
    align-content: center;
    justify-content: center;
    padding: 0px;
    position: relative;
 
}
.itemid-101 header#sp-header:after {display:none}

.itemid-101 header#sp-header.header-sticky:after{display: block}
header#sp-header.header-sticky:after, header#sp-header:after {
  content:"";
      width: 200px;
  height: 200px;
  shape-outside: circle();
  clip-path: circle();
  background-color: #862e20;
   top: -5px;
   left:50%;
   margin-left: -100px;

    border-radius: 100%;
position:fixed;
z-index: -999999!important;


background: linear-gradient(#862e20, #862e20) padding-box,
              linear-gradient(to top, #3C3535 50%, #862e20 50%) border-box;
 border: 4px solid transparent;

}

.logo-image {
    height: 145px;


}


.sp-megamenu-parent {
float: none!important;
}

.sp-megamenu-wrapper>ul {
border: solid 0px!important;
}


#sp-header #sp-logo, #sp-header.header-sticky  #sp-logo {
     border-bottom: 0px solid rgba(255, 255, 255, 0)!important; 
}

#sp-header.header-sticky #sp-logo:before, #sp-header.header-sticky #sp-logo:after {
display:none;
}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    display: inline-block;
    padding: 0 15px;
    line-height: 70px;
    font-size: 16px;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}

.sp-megamenu-wrapper>ul>li>a {
    font-weight: 700;
    color: #fff;
     line-height: 70px;
    font-size: 16px;
    letter-spacing: 3.49px;
    padding: 0 25px;
    display: block;
}

#sp-header.header-sticky .sp-megamenu-wrapper>ul>li>a {
    font-weight: 700;
    color: #fff;
    line-height: 99px;
    font-size: 16px;
    letter-spacing: 3.49px;
    padding: 0 25px;
    display: block;
}

.sp-megamenu-wrapper>ul>li:not(:last-child)>a {
 
    border-right: solid 0px rgba(255, 255, 255, .7)!important;
}

#sp-header-topbar .container-inner {
    border:0;
}

#sp-header.lg-header {
    box-shadow:none;
}


#sp-header > div > div > div.row {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items:top !important;
}



#sp-header .row>div {
    padding: 0;

     align-items: stretch;  


}

/*menu */
header .menu.left>ul>li {
    border-right: none;
}
#header .menu.right>ul>li {
    border-left: none;
}

#header .menu li {
    border: 1px solid #fff;
    transition: All .3s ease-in-out;
}

.sp-module ul>li>a {
    color: #fff;
    padding:10px;
}



.sp-megamenu-parent>li, .menu >li {

    display: inline-flex;
    flex-wrap: nowrap;
   flex: 1!important;
   text-align: center;
}


.sp-megamenu-parent {
    margin: auto!important;
}


.sp-megamenu-parent>ul, .menu >ul {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    height: 100%;

}

.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span ,.menu>li>a, .menu >li>span {

    padding: 8px;
    line-height: 1;
    letter-spacing: 2px;
    font-size: 16px;
    margin: 0;

    text-transform: uppercase;
}

.sp-megamenu-parent>li.active>a {

   padding: 0 15px!important;
}

 .sp-megamenu-wrapper>ul>li>a {
    color:#ddd !important;
}

.header-sticky .sp-megamenu-wrapper>ul>li>a:hover{
    color:#fff!important;

}
.header-sticky .sp-megamenu-wrapper>ul>li>a, .header-sticky .sp-megamenu-wrapper>ul>li.active>a, .sp-custom-login-on .icons-wrap, .sp-megamenu-parent>li>a , .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a{
    color:#ddd !important;

}

.sp-megamenu-wrapper>ul>li.active>a {
    border-bottom:0px solid #111;
color:#fff!important;



}
.sp-megamenu-parent>li>a:before, .sp-megamenu-parent>li>span:before {

  position: absolute!important;
 content: ""!important;
    width: 6px!important;
    height: 6px!important;
    background: #fff!important;
    shape-outside: circle()!important;
    clip-path: circle()!important;
  top: 70%!important;
  left: 50%!important;
  transform: translateX(-50%) scaleY(0)!important;
  transition: all 0.4s!important;
	opacity:1!important;
}

.sp-megamenu-wrapper>ul>li.active>a::before, .sp-megamenu-wrapper>ul>li:hover>a:before {
  transform: translateX(-50%) scaleY(1)!important;
}
.sp-megamenu-wrapper > ul > li.hover-simulated > a::before {
  transform: translateX(-50%) scaleY(1)!important;
}

.sp-megamenu-wrapper>ul>li:hover>a {
    border-bottom:0px solid #111;
color:#fff!important;



}




.sp-megamenu-wrapper>ul>li>a {
    letter-spacing:2px !important;
}

#header .sp-megamenu-wrapper>ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
}


body.ltr #offcanvas-toggler.offcanvas-toggler-right {
    align-items: center;

}



.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
    color:#000 !important;
    font-weight:600;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:before {
    background:#000 !important;
}


/*bottoni*/
.sppb-btn-info {
    color: #fff;
    background-color: #0ac9c9;
    border-color: #0ac9c9;
}
.sppb-btn-info:hover {
    color: #fff;
    background-color: #0ac9c9;
    border-color: #0ac9c9;
}
.btn-secondary,.sppb-btn-secondary {
  
    border: solid 1px #bd9045!important;
 
    color: #bd9045!important;

  
    background-color: transparent;
}

.btn-secondary:hover,.sppb-btn-secondary:hover {
    color: #fff!important;
    border: solid 1px #fff!important;
    background-color: #bd9045!important;

}

.sppb-btn{   
text-transform: uppercase;
height: 47px;
    line-height: 47px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1.3px;
    color: #fff;
    padding: 0 25px;
}


.btn-primary, .sppb-btn-primary {


    background: #333!important;
color: #fff;
    border:#333!important;
    border-radius: 35px!important;
   

}

.btn-primary a, .sppb-btn-primary a{
    color:#fff !important;
}

.btn-primary:hover, .sppb-btn-primary:hover {

background: #000!important;
color:#fff;
}



.sppb-btn-primary.sppb-btn-outline {
    background:transparent !important;
    border:2px solid #111 !important;
    color:#111;
}

.sppb-btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.sp-slider-btn-text {
    color:#fff !important;
    background:#09913c !important;
}



/*footer and bottom*/



#sp-footer a {
    color:#fff;
}

#sp-bottom {
    color:#fff!important;
    line-height:25px;
    padding:10px;
    background:#111;
}

#sp-footer {
    color:#fff;
    line-height:25px;
    padding:20px;
    background:#111;
    text-align: center;
}

#sp-footer .container-inner {
    border-top:0px solid #fff !important;
}

.menu-info>ul {
    border: solid 1px rgba(255, 255, 255, .7);
    width: 100%!important;
    display: flex !important;
    margin-bottom: 0;
}


#sp-bottom .sp-module ul>li {
    margin-bottom:0;
}

#sp-bottom p {

}

#sp-bottom a {
    color:#fff;
}




#sp-footer .container-inner {
    padding:30px;
    text-align: center;

}

#sp-bottom .sp-module ul>li>a {
    display: inline;
} 


#sp-footer #sp-footer2 a{
    font-size:12px;

}

#sp-footer #sp-footer2 .sp-module-content {
    text-align: center;
}



/*home*/




/*catalogo*/





/*offcanvas*/
body.ltr #offcanvas-toggler.offcanvas-toggler-right {
    float: right;
    margin-right: 0px;
}


#sp-header #offcanvas-toggler>.fa {
    color:#fff !important;
}


#sp-header.header-sticky #offcanvas-toggler>.fa {
    color:#fff !important;
}

#offcanvas-toggler span:after {
  font-size: 15px;
    padding: 6px;
    vertical-align: middle;
    display: flex;
    align-content: center;
    justify-content: center;
}

.offcanvas-menu {
    width: 300px;
    height: 100%;
    position: fixed;
    top: 0;
    overflow: inherit;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    z-index: 10000
}

.offcanvas-menu .menu li.active>a {
    color: #0345bf !important
}

.offcanvas-menu .offcanvas-inner {
    padding: 70px 30px 30px 30px
}


.bfQuickMode .bfElemWrap .form-inline input[type="text"], .bfQuickMode .bfElemWrap .form-inline input[type="number"], .bfQuickMode .bfElemWrap .form-inline textarea, .bfQuickMode .bfElemWrap .form-inline select {
    display: inline;
    max-width: 100%!important;
}

.bfQuickMode section, .bfQuickMode fieldset {
    padding-right:0px!important;
}

.form-inline {
    position: relative;
    margin-bottom: 0px!important;
}
.bfQuickMode .form-inline .form-group, .bfQuickMode .form-inline label, .bfQuickMode .bfbs5-form-inline .bfbs5-form-group, .bfQuickMode .bfbs5-form-inline label {
    display: inline-block;
    margin-right: 0px!important;
}

.bfQuickMode .bfbs5-nonform-control, .bfQuickMode .nonform-control {

    width: auto!important;
}


/* Contenitore principale del blocco */
#bfElemWrap18 {
  margin-bottom: 1.5rem;
}

/* Allinea checkbox e testo in linea */
#bfElemWrap18 .form-inline .form-group {
  display: flex;
  align-items: flex-start; /* Allinea in alto se il testo è su più righe */
  gap: 10px;

	flex-direction:row-reverse;
}

/* Checkbox (input) */
#bfElemWrap18 .ff_elem[type="checkbox"] {
  margin-top: 4px; /* Leggero riallineamento */
  width: 18px;
  height: 18px;
  cursor: pointer;
}

/* Etichetta accanto al checkbox */
#bfElemWrap18 .form-label {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.4;
  color: #333;
}

/* Link alla privacy */
#bfElemWrap18 .form-label a {
  color: #007bff; /* Blu, stile classico link */
  text-decoration: underline;
}

/* Icona asterisco */
#bfElemWrap18 .form-label i.fas {
  color: red;
  font-size: 0.8rem;
  margin-left: 4px;
}

/* Mobile: checkbox sopra testo */
@media (max-width: 480px) {
  #bfElemWrap18 .form-inline .form-group {
    flex-direction: column;
    align-items: flex-start;
  }

  #bfElemWrap18 .ff_elem[type="checkbox"] {
    margin-top: 0;
  }
}


/* CSS BOOTSTRAP SPECIFICI */

.animated {
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
        -webkit-animation-fill-mode: both;
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
}
@keyframes bounce {
    0%,100%,20%,53%,80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-transition-timing-function: cubic-bezier(.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

.itemid-101 .page-header {position: absolute!important; top: -9999999px!important;}


#sp-header {
position: fixed!important;
    z-index: 9999;
    background: #862E20!important;
    padding-bottom: 0px;
    height: auto;
    transition: 0.3s;
}

#sp-menu  li:nth-child(1), .itemid-101 #sp-header  #sp-logo {display: none}
.itemid-101 #sp-header.header-sticky  #sp-logo {display:block!important;}


.pt {padding-top: 100px}

.pb{padding-bottom: 100px}
/* ------------------------------------------------------------------------------------ */

/* MOBILE */
@media (max-width: 767px){

  

 ul.social-icons {

    position: absolute;
    left: 15px;
    top: 12px;
}
    
    .logo-image {
    height: 75px!important;
    margin-left: 12%;
}


#sp-menu li:nth-child(1), .itemid-101 #sp-header #sp-logo {
    display: block;
}


.itemid-101 header#sp-header:after { display: block;}
header#sp-header:after, header#sp-header.header-sticky:after {
    content: "";
    width: 100px;
    height: 100px;
    shape-outside: circle();
    clip-path: circle();
    background-color: #862e20;
  left: 50%;
    margin-left: -50px;
    top:0px;
    border-radius: 100%;
    position: fixed;
    z-index: -999999 !important;
    background: linear-gradient(#862e20, #862e20) padding-box, linear-gradient(to top, #3C3535 52%, #862e20 52%) border-box;
    border: 2px solid transparent;
}

#sp-header.header-sticky, #sp-header {
    background: #862E20 !important;
    transition-property: transform, background-color, box-shadow, line-height, height;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(.78,.13,.15,.86);
    box-shadow: 0 0px 0 rgba(0, 0, 0, 0.08) !important;
    height: 50px !important;
    border-bottom: 2px solid #3C3535;
    z-index: 999 !important;
    position: fixed!important;
    padding:0px!important;
}

#sp-header .logo {
 
    margin: 10px 0 0 0 !important; 
}
    #sp-header .mod-languages, #sp-header .sp-top2-wrapper, #sp-header #sp-logo {
        margin-right: 0px!important;
    }
    
    body.ltr #offcanvas-toggler.offcanvas-toggler-right {
    float: right;
   margin-left: 0px!important;
}
body.ltr #offcanvas-toggler.offcanvas-toggler-right {
    float: right;
    margin-top: 15px !important;
}


}

/* IPAD VERTICALE */
@media (min-width: 768px) and (max-width: 1023px){

    
 ul.social-icons {

    position: absolute;
    left: 15px;
    top: 25px;
}

 
    
    .logo-image {
    height: 110px!important;
    margin-left: 8%;
}


#sp-menu li:nth-child(1), .itemid-101 #sp-header #sp-logo {
    display: block;
}


.itemid-101 header#sp-header:after { display: block;}
header#sp-header:after, header#sp-header.header-sticky:after {
    content: "";
    width: 150px;
    height: 150px;
    shape-outside: circle();
    clip-path: circle();
    background-color: #862e20;
  left: 50%;
    margin-left: -75px;
    top:0px;
    border-radius: 100%;
    position: fixed;
    z-index: -999999 !important;
    background: linear-gradient(#862e20, #862e20) padding-box, linear-gradient(to top, #3C3535 52%, #862e20 52%) border-box;
    border: 2px solid transparent;
}

#sp-header.header-sticky, #sp-header {
    background: #862E20 !important;
    transition-property: transform, background-color, box-shadow, line-height, height;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(.78,.13,.15,.86);
    box-shadow: 0 0px 0 rgba(0, 0, 0, 0.08) !important;
    height: 75px !important;
    border-bottom: 2px solid #3C3535;
    z-index: 999 !important;
    position: fixed!important;
    padding:0px!important;
}

#sp-header .logo {
 
    margin: 15px 0 0 0 !important; 
}
    #sp-header .mod-languages, #sp-header .sp-top2-wrapper, #sp-header #sp-logo {
        margin-right: 0px!important;
    }
    
    body.ltr #offcanvas-toggler.offcanvas-toggler-right {
    float: right;
   margin-left: 0px!important;
}
body.ltr #offcanvas-toggler.offcanvas-toggler-right {
    float: right;
    margin-top: 25px !important;
}

}

/* IPAD ORIZZONTALE e IPAD PRO VERTICALE */
@media (min-width: 1024px) and (max-width: 1365px){




  

}

/* IPAD PRO ORIZZONTALE */
@media (min-width: 1366px){

   

}

@media (min-width: 1400px) and (max-width: 1679px){

   

}



@media (min-width: 1680px){


  
}





.cc-revoke.cc-top {
    left: 0!important;
    font-size: 12px;
    top: auto!important;
    bottom: 0!important;
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;
}