@charset 'UTF-8';



a, a:hover, a:focus{color: inherit}



.text-center .img-fluid{ margin-left:auto; margin-right:auto; }

.clear{ clear:both; }

.space-10{ height:10px; 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-maxi{max-width: 1400px; margin: 0 auto; padding: 0 15px}

.font-roboto{font-family: "Roboto", sans-serif;}

.font-barlow{font-family: "Barlow Condensed", sans-serif; font-style: normal;}



.font-light{font-weight: 300}

.font-regular{font-weight: 400}

.font-bold, strong{font-weight: 700}

.font-black {font-weight: 900;}



.font-italic{font-style: italic;}



.font-40{font-size: 40px; font-size: calc(18px + 1.15vw)}

.font-36{font-size: 36px; font-size: calc(18px + 0.95vw)}

.font-33{font-size: 33px; font-size: calc(18px + 0.8vw)}

.font-30{font-size: 30px; font-size: calc(18px + 0.65vw)}

.font-26{font-size: 22px; font-size: calc(18px + 0.4vw)}

.font-22{font-size: 22px; font-size: calc(18px + 0.2vw)}

.font-20{font-size: 20px; font-size: calc(18px + 0.1vw)}

.font-18{font-size: 18px; font-size: calc(16px + 0.1vw)}

.font-17{font-size: 17px; }

.font-14{font-size: 14px; }

.text-justify{text-align: justify;}



.column-2{column-count: 2; -webkit-column-count: 2}

.column-3{column-count: 3; -webkit-column-count: 3}

@media(max-width:767px){

    .column-2{column-count: 1; -webkit-column-count: 1}

    .column-3{column-count: 1; -webkit-column-count: 1}

    

}



.width-full{width: 100%}

.border-right-white{border-right: 2px solid #fff}

.border-right-black{border-right: 1px solid #000}

.border-left-black{border-left: 1px solid #000}



.opacity-80{opacity: 0.8}







.color-white{color: #fff}

.color-gray{color: #606060}

.color-black{color: #000}

.color-light-blue{color: #60B8CD}

.bg-black{background-color: #000}

.bg-orange{background-color: #ff5b00}

.bg-light-blue{background-color: #60B8CD}

.bg-light-gray{background-color: #EDEDED}



.btn{transition: all 0.5s ease}

.btn.bg-light-blue:hover, .btn.bg-light-blue:focus{color: #60B8CD; background-color: #fff; border: 1px solid}



.slick-slider {margin-bottom: 0;}



.position-absolute-full{position: absolute; top: 0; left: 0; bottom: 0; right: 0}

.multiply{mix-blend-mode: multiply;}

.color{mix-blend-mode: color;}



.border-radius{border-radius: 10px}

.box-shadow{box-shadow: 0 0 10px 2px rgba(0,0,0,0.3)}



.bg-line{background-image: url(../images/bg-line.jpg); background-repeat: no-repeat; background-position: center; background-size: contain}

.bg-fixed{background-attachment: fixed; background-position: center; background-size: cover; background-repeat: no-repeat}



.z-index1{z-index: 1}

.z-index2{z-index: 2}

.z-index1001{z-index: 1001}



.gallery .link-gallery .img-fluid, .hover-zoom .img-fluid{transition: all 0.5s ease; display: block; overflow: hidden}

.gallery .link-gallery:hover .img-fluid, .hover-zoom:hover .img-fluid{transform: scale(1.1);}



.filter-gray{filter: grayscale(1);}



.bg-black .slick-dots li button::before, .bg-black .slick-dots li.slick-active button::before{color: #fff !important}



.slick-dots{bottom: -20px}

.slick-track { display: flex; align-items: center;}



/* HEADER */

#header{position: sticky; top: 0; z-index: 1001; background-color: #fff}

.navbar-light .navbar-nav .nav-link{color: inherit}

.lingua-singola{border-left: 1px solid #000; line-height: 1; padding: 0 5px}

.lingua-singola:first-child{border:none}

.lingua-singola.active{font-weight: 700}

@media(max-width:767px){

    .navbar{text-align: center}

    .navbar-light .navbar-toggler{margin: 0; border: 0; margin-top: -10px;}

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

}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link{color: #60B8CD; font-weight: 700}

.navbar-light .navbar-nav .nav-link:hover{color: #60B8CD}



.line-header{margin-top: -13px; margin-bottom: -10px; z-index: 10; position: relative;}



.claim-header-home{position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(245,245,245,0.1); min-height: 115px; background-image: url(../images/bg-line-header.png); background-repeat: no-repeat;background-size: cover; background-position: center}



.number{font-size: 75px; background-image: url(../images/bg-number.png); background-repeat: no-repeat; background-position: center; background-size: contain}



.hover-color .bg-color-servizi{background-color: #60b9ce;position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; mix-blend-mode: multiply; transition: background 0.5s ease}

.hover-color:hover .bg-color-servizi{background-color: #ff5b00;}

.title-servizi-principali-home{position: absolute; bottom: 0; left: 0; right: 0; padding: 20px 40px; background-color: rgba(0,0,0,0.4); z-index: 10}



.title-altri-servizi-home{position: absolute; top: 50%; transform: translateY(-50%); left:10%; right: 5%; z-index: 10}

 .modal-dialog { max-width: 1140px;}