@import url('https://fonts.googleapis.com/css2?family=Karla:wght@400;500;700;800&display=swap');



body, p, a{
font-family: 'Karla', sans-serif;


    font-weight:400;
}

strong {
font-family: 'Karla', sans-serif;


    font-weight:500;
}

h1, h2, h3, h4, h5, h6, .custom-title {
 font-family: 'Karla', sans-serif;

    font-weight:800;

}

.custom-title {
    text-transform:uppercase !important;
    font-weight:700 !important;
}


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

.autore-sito, .modified, .published, .hits{display:none;}



.breadcrumb {
    background:none;
    justify-content: center;
}

.breadcrumb-item.active, .breadcrumb li {
    background:#fff;
    color:#000;
    padding:5px;
}

/*top bar */



#sp-top-bar {
    background: #0072bc;
    color: #fff;
    padding:0;
    font-size: 16px;
    line-height: 0;
}

#sp-top-bar a {
    color:#fff;

}

ul.social-icons {
    float:right;
}

ul.social-icons>li:not(:last-child), ul.social-icons>li:last-child {
    margin-right:0;
    padding:0 7px;

}



ul.social-icons>li {
    border-right:0.5px solid rgba(255,255,255,.3);
}

ul.social-icons>li:first-child {
    border-left:0.5px solid rgba(255,255,255,.3);
}


.sp-contact-info, .social-icons {
    line-height:40px;
}


.clearfix:before {
    display:block;
}

/*header */

#sp-logo  .logo {
    line-height: 1;
    margin: 0;
    vertical-align: middle;


}


.logo-image {
    padding:0px;
    margin:0 auto;
    z-index: 99999;
    position: relative;

}

#sp-header .logo-image {

}



#sp-logo {
    margin-bottom:200px;
    padding:0;
}





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

.burger-icon>span {
    background:#fff;
}




/*menu */





#offcanvas-toggler {
    display: block;
    height: 90px;
    line-height: 90px;
    font-size: 20px;
}



.sp-megamenu-parent {
    list-style: none;
    padding: 0;
    margin: 0 -15px;
    z-index: 99;
    display: block;

}




.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    padding: 5px 10px;
    margin: 0;
    color:#ddd;
    text-transform: uppercase;
    font-size:25px;

}


.header-sticky .sp-megamenu-parent > li > a {
    color:#fff;
}


.sp-megamenu-parent > li > a:hover, .sp-megamenu-parent > li:hover > a, .sp-megamenu-parent > li.active > a {
    color:#333;
    font-weight: 700;
    background:none;
    text-decoration: underline;
}


.sp-megamenu-parent>li {
    padding:0 10px;
}


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

#sp-menu > div {
    justify-content: center!important;
}




/*header sticky*/


#sp-header.header-sticky {
    height:100px !important;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(0,114,188,1) 10%, rgba(0,114,188,1) 100%);
    box-shadow:none;
    position: fixed!important;
    width: 100%;
    z-index: 99;
    padding:10px;
}





#sp-header.header-sticky #sp-menu>.sp-column, #sp-header #sp-menu > .sp-column {
    height:80px;
}


#sp-header.header-sticky .logo-image, #sp-header.header-sticky .logo{
    height:85px;
}



#sp-header.header-sticky {

    height:85px;
}

.header-sticky .sp-megamenu-parent {
    line-height: 85px;
}


#sp-header.header-sticky  .sp-megamenu-parent > li{
    display:inline-block;
}


/*bottoni*/


.btn-primary, .sppb-btn-primary {
    background:#0072bc !important;
    border:#0072bc !important;
    box-shadow:4px 4px #000;

}

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

.btn-primary:hover, .sppb-btn-primary:hover {
    box-shadow:1px 1px #000;
    border:#0072bc !important;
}


.btn {


    display: inline-block;
}

.btn-personal {
    color:#fff;
    background:#0072bc;
    border:#0072bc;
    box-shadow:4px 4px #000;

}


.btn-personal:hover {
    background:#dedede;
    border:#dedede;
    box-shadow:1px 1px #000;
}



/*footer and bottom*/



#sp-footer a, #sp-bottom a {
    color:#333;
}

#sp-bottom .sp-module .sp-module-title {
    color:#333;
    margin-bottom:10px;
}

#sp-footer .container {
    border-top:1px solid #dedede;
}


#sp-footer, #sp-bottom {
    background:#f2f2f2;
    color:#333;

}


/*home*/
#sp-marchi {
    background:#ddd;
    padding:10px 0;
}


.box-marchi {
    
    background:#c3c3c3;
    padding:40px 20px !important;
}


#slider-home .sppb-sp-slider-title {
    text-shadow:2px 2px 2px #333 !important;
}



.sppb-panel-modern>.sppb-panel-heading {
    background: #0072bc;
    color: #fff;
}

.sppb-panel-title {
    font-size:20px;
    text-transform: uppercase;
}
/*servizi*/

.speasyimagegallery-album-info {
    padding:5px;
    top:35%;
}


.speasyimagegallery-album-title {
    display: block;
    font-size: 15px;
    line-height: 60px;
    letter-spacing: 1px;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    margin: 5px 0 5px;
    outline: 0;
    -webkit-transition: color 400ms;
    transition: color 400ms;
    text-align: center;
    text-transform: uppercase;
    justify-content: space-around;
    align-items: center;
    align-content: stretch;
    flex-wrap: nowrap;
    flex-direction: column;
}
.speasyimagegallery-album-title::after {
      content: "gallery";
    display: flex;
    font-size: 15px;
    line-height: 1;
    color: #fff;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0;
    background-color: transparent;
    flex-direction: column;
    padding: 10px 0 10px 0px;
    border: 0.5px solid #fff;
    width: 98px;
    margin: 0 auto;
}
speasyimagegallery-album-meta {
    display: none !important;
    margin: -5px;
}
.speasyimagegallery-album-meta > span {
    display: none !important;
/*    float: left;
    margin: 5px;
    font-size: 13px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1px;
    color: rgba(255,255,255,.6);
    -webkit-transition: color 400ms;
    transition: color 400ms;*/
}

.speasyimagegallery-album-title::after:hover {
    background:#0072bc;
}



/*servizi*/



/* CSS BOOTSTRAP SPECIFICI */

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

/* MOBILE */
@media (max-width: 767px){
    .itemid-101 #sp-main-body{
        margin-top:0px;
    }

    #sp-header.header-sticky .logo-image, #sp-header.header-sticky .logo, #sp-header .logo-image {
        height: 85px;
    }

    #sp-logo {
        margin-bottom:0;
    }

    #sp-header {
        height:100px !important;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,1) 63%, rgba(0,114,188,1) 63%, rgba(0,114,188,1) 100%);
        box-shadow:2px 2px 2px #333;
        position: relative;
        width: 100%;
        z-index: 99;
        padding:10px;
    }



    #sp-header.header-sticky  {
        background: linear-gradient(90deg, rgba(255,255,255,1) 63%, rgba(0,114,188,1) 63%, rgba(0,114,188,1) 100%);
    }

  .speasyimagegallery-album-title {
    line-height:18px;
  }
  
  .speasyimagegallery-album-title::after {
    margin:10px auto;
  }
  
  
  .sppb-sp-slider-title p  {
      font-size:20px !important;
  }

}




/* IPAD VERTICALE */
@media (min-width: 768px) and (max-width: 1023px){
    .itemid-101 #sp-main-body{
        margin-top:0px;
    }


    #sp-header.header-sticky .logo-image, #sp-header.header-sticky .logo, #sp-header .logo-image {
        height: 85px;
    }



    #sp-logo {
        margin-bottom:0;
    }

    #sp-header {
        height:100px !important;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,1) 53%, rgba(0,114,188,1) 53%, rgba(0,114,188,1) 100%);
        box-shadow:2px 2px 2px #333;
        position: relative;
        width: 100%;
        z-index: 99;
        padding:10px;
    }

    #sp-header.header-sticky  {
        background: linear-gradient(90deg, rgba(255,255,255,1) 53%, rgba(0,114,188,1) 53%, rgba(0,114,188,1) 100%);
    }

  .speasyimagegallery-album-title {
    line-height:18px;
  }
  
    .speasyimagegallery-album-title::after {
    margin:10px auto;
  }

  
}

/* IPAD ORIZZONTALE e IPAD PRO VERTICALE */
@media (min-width: 1024px) and (max-width: 1365px){
    .itemid-101 #sp-main-body{
        margin-top:0px;
    }

    .sp-megamenu-parent > li > a {
        font-size:16px;
    }

    #sp-header.header-sticky .logo-image, #sp-header.header-sticky .logo, #sp-header .logo-image {
        height: 85px;
    }



    #sp-logo {
        margin-bottom:0;
    }

    .sp-megamenu-parent > li {
        display:inline-block;

    }


    #sp-header {
        height:100px !important;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(0,114,188,1) 10%, rgba(0,114,188,1) 100%);
        box-shadow:2px 2px 2px #333;
        position: relative;
        width: 100%;
        z-index: 99;
        padding:10px;
    }
}

/* IPAD PRO ORIZZONTALE */
@media (min-width: 1366px) and (max-width: 1679px){
    .container{
        max-width: 1300px;
    }

    .sp-menu-full.container{
        width: 1300px;
        left: 0!important;
        right: 0!important;
    }

    body.helix-ultimate .sppb-row-container{
        max-width: 1300px;
    }

    .sppb-row-container{
        width: 1300px;
    }

    #sp-header {
        height:100px !important;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(0,114,188,1) 10%, rgba(0,114,188,1) 100%);
        box-shadow:2px 2px 2px #333;
        position: relative;
        width: 100%;
        z-index: 99;
        padding:10px;
    }




}


@media (min-width: 1680px){

    /*special home*/


    .itemid-101 #sp-header {

        background: rgb(255,255,255);
        background: linear-gradient(180deg, rgba(255,255,255,1) 10%, rgba(0,114,188,1) 10%, rgba(0,114,188,1) 100%);
        box-shadow:none;
        height: 100%!important;
        position: fixed!important;
        left: 0;
        top: 0;
        width: 210px;
        z-index: 99;
        padding:10px 10px 100px 10px;

    }


    .itemid-101 #sp-menu>.sp-column {
        height:100%;
    }

    .itemid-101 .sp-megamenu-parent > li {
        padding:0 20px;
        display:block;
    }


    .itemid-101 section#sp-main-body {
        padding:0;
    }


    .com-sppagebuilder #sp-main-body {
        padding:0px 0;
    }



    .itemid-101 #sp-header .col-xl-5 {
        width:100%;
    }

    .itemid-101 #sp-header.header-sticky .col-xl-5 {
        width:41.66666667%;
    }


    #sp-header.header-sticky {
        height:100px !important;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(0,114,188,1) 10%, rgba(0,114,188,1) 100%);
        box-shadow:none;
        position: fixed!important;
        width: 100%;
        z-index: 99;
        padding:10px;
    }

    #sp-header {
        height:100px !important;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(0,114,188,1) 10%, rgba(0,114,188,1) 100%);
        box-shadow:2px 2px 2px #333;
        position: relative;
        width: 100%;
        z-index: 99;
        padding:10px;
    }

    #sp-header.header-sticky #sp-menu>.sp-column, #sp-header #sp-menu > .sp-column {
        height:80px;
    }


    #sp-header.header-sticky .logo-image, #sp-header.header-sticky .logo{
        height:85px;
    }



    #sp-header.header-sticky {

        height:85px;
    }

    .header-sticky .sp-megamenu-parent {
        line-height: 85px;
    }


    #sp-header.header-sticky  .sp-megamenu-parent > li{
        display:inline-block;
    }



}

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