@import url('https://fonts.googleapis.com/css2?family=Barlow: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');



/* =================================================================== */
/* 2. STILI DI BASE (Tipografia, Tabelle, Link)
/* =================================================================== */





body, a, p {
    font-family: "Barlow", sans-serif;
    font-weight:400;

}

strong {
    font-family: "Barlow", sans-serif;
    font-weight:600;
}

.title, h1, h2, h3, h4, h5, h6 {
    font-family: "Barlow", sans-serif;
    font-weight:800;
}


a {
    color:#2b5b95;
}


body {
    background-image:url(../../../images/bg.jpg);
}


/*top bar*/



#sp-main-body {
    padding:50px 0;
}



.breadcrumb  {
    background:none;
    float:right;
}

.breadcrumb li a {

    color:#333;
}

.breadcrumb-item.active {
    color:#333;

}

.breadcrumb li {
    background:#fff;
    padding:10px 20px;
}

/*header */


#sp-header .logo {
    height:100%;
}

.logo-image {

}

#sp-header, #sp-header-topbar {
    background:#373b3e;
}


.itemid-101  #sp-header-topbar, .itemid-101 #sp-header{
    background:transparent;
}

.itemid-101 #sp-header.lg-header {
    box-shadow:none;
    background:transparent;
}

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


#sp-header {
    height:50px;
    box-shadow:none;
}




/*#sp-header.header-sticky .sp-megamenu-parent {
    margin:0;

}*/


.logo {
    padding:10px;
}

/*menu*/

.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    font-size:18px;
    color:#fff;
    display: inline-block;
    padding: 0 15px;
    line-height: 50px;
}


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

}

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

}

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

}

.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
    color:#fff;
    font-weight:600;

}

.sp-megamenu-parent>li:last-child>a {
    padding: 0 15px;
}



#sp-header-topbar .sp-contact-info, #sp-header-topbar a {
    color: #fff;
    font-size: 18px;
}


.sp-contact-info li {
    display: inline-block;
    margin: 0px 22px 0px 0px;
    white-space: nowrap;
}

#sp-header-topbar .container-inner {
    border-bottom:0.5px solid #fff;
}


/*menu*/




.burger-icon>span, .offcanvas-active .close-offcanvas .burger-icon>span {
    background:#fff;
}

.offcanvas-menu {
    background:#000;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span, .offcanvas-menu .offcanvas-inner a, .offcanvas-menu .fa, .offcanvas-menu .fab, .offcanvas-menu .far, .offcanvas-menu .fas {
    color:#fff;
    opacity:1;
}

.offcanvas-menu .offcanvas-inner ul.menu li.active a {
    background:#fff;
    padding:5px;
}



/*bottoni*/

.btn-primary, .sppb-btn-primary {
    background:#2b5b95 !important;
    border:#2b5b95 !important;
    color:#fff;
}

.btn-primary:hover, .sppb-btn-primary:hover {
    background:#10369d !important;
    border:#10369d !important;
}


.btn-secondary, .sppb-btn-secondary {
    background:#cf303c !important;
    border:#cf303c !important;
    color:#fff;
}

.btn-secondary:hover, .sppb-btn-secondary:hover {
    background:#d54f59 !important;
    border:#d54f59 !important;
}





/*footer and bottom*/


#sp-footer {
    background:#2b5b95;
    text-align: left;
    color:#fff;

}

#sp-bottom {
    background: #fff ;
    color:#000 !important;
    line-height:20px;
    font-size:16px;
}

#sp-bottom a {
    color:#000;

}

#sp-bottom .sp-module ul {
    list-style: square;
    padding-left:15px;
}

#sp-bottom .sp-module ul>li {
    margin-bottom:5px;
    display: list-item;
}

#sp-bottom .sp-module .sp-module-title {
    letter-spacing: 2px;
    color:#000;
    text-transform: uppercase;
    font-size: 25px;
}


#sp-bottom a:hover {
    color:#2d2a26;
}

/*home*/



#slider .sp-slider {
    border-radius:0 0 35%;
}


.box-about {
    background: #94c0db;
    border-left: 5px solid #0b70ae;
    border-radius: 20px 0 0 20px;
}





.sppb-sp-slider-title {

    color:#fff !important;
    display: inline-block;
}



.sppb-addon-single-image-container{
    display: inline-block;
    position: relative;

    border-radius: 4px;
    box-shadow: 15px 15px 0 #363636; /* Ombra piatta “3D” */
    transform: rotateX(2deg) rotateY(-3deg); /* Leggera prospettiva */
    transition: all 0.3s ease;
}

.sppb-addon-single-image-container img{

    display: block;
    width: 100%;
    height: auto;
    border-radius: 3px;
}



/**prodotti**/


#prodotti .sppb-addon-title-icon {
    color:#2b5b95;
}

/*contatti*/


#sp-menu ul.social-icons a {
    color:#fff;
}


/* CSS BOOTSTRAP SPECIFICI */

/* ------------------------------------------------------------------------------------ */

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

    .logo-image {

    }

    h2 {
        font-size:2.5em !important;
    }


    h3 {
        font-size:1.8em !important;
    }

    .offcanvas-menu .logo-image {

    }

    #sp-header {

    }


    #sp-header.header-sticky  {
        background:#373b3e;
    }



}

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

    .logo-image {

    }
    .offcanvas-menu .logo-image {

    }

    #sp-header {

    }


    #sp-header.header-sticky  {
        background:#373b3e;
    }


}

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

    .logo-image{

    }

    .offcanvas-menu .logo-image {

    }


    #sp-header.header-sticky  {
        background:#373b3e;
    }



}

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


    .logo-image {

    }


    #sp-header {

    }

    #sp-header.header-sticky  {
        background:#373b3e;
    }




}

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



    #sp-header {
    }


    #sp-header.header-sticky  {
        background:#373b3e;
    }



}



@media (min-width: 1680px){




    .itemid-101 #sp-header {
        background:transparent;
    }



    #sp-header.header-sticky  {
        background:#373b3e !important;
    }


    .itemid-101 #sp-main-body {
        margin-top:-180px;
    }


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

    }

}





.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;
}





/*form*/



.bfQuickMode .bfLabelLeft label {
    width:100% !important;
}

.bfQuickMode .bfLabelRight label {
    width: 95% !important;
}