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





.font-noto, body{font-family: 'Noto Sans', sans-serif;}

.font-josefin, .font-title{font-family: 'Josefin Sans', sans-serif;}



.font-light{font-weight: 300}

.font-regular{font-weight: 400}

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



.font-40{font-size: 40px; font-size: calc(15px + 1.6vw)}

.font-35{font-size: 35px; font-size: calc(15px + 1.3vw)}

.font-26{font-size: 26px; font-size: calc(14px + 0.65vw)}

.font-21{font-size: 21px; font-size: calc(14px + 0.4vw)}

.font-19{font-size: 19px; font-size: calc(14px + 0.3vw)}

.font-18{font-size: 18px; font-size: calc(14px + 0.25vw)}

.font-16{font-size: 16px; font-size: calc(13px + 0.2vw)}

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



.color-black{color: #000;}

.color-white{color: #fff;}

.color-yellow{color: #F0A51A;}

.bg-yellow{background-color: #F0A51A;}

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



.btn{border-radius: 0; padding: 2px 20px ; text-transform: uppercase}

.btn.bg-yellow:hover{background: #000; color: #F0A51A; border: 1px solid;}



.divider-small{width: 60px; height: 10px}



.width-full{width: 100%}



.top-0{top: 0}

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

.position-absolute-text-center{position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); padding: 0 15px; text-align: center}

.bg-black-opacity{background-color: rgba(0,0,0,0.6)}

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



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



.border-left-1{border-left: 1px solid #F0A51A}

.border-right-1{border-right: 1px solid #F0A51A}



.z-index1{z-index: 1}

.z-index2{z-index: 2}

.z-index3{z-index: 3}



.slick-slider{margin: 0;}



.slick-prev {left: 8%; z-index: 5;}

.slick-next {right: 8%; z-index: 5;}

.slick-next, .slick-prev{width: 40px; height: 100%; top: 0; margin-top: 0;}

.slick-next::before, .slick-prev::before{color: transparent; display: block; width: 40px; height: 44px; content: ''}

.slick-prev::before { background-image: url("../images/arrow-left.png"); background-repeat: no-repeat; background-position: center;}

.slick-next::before { background-image: url("../images/arrow-right.png"); background-repeat: no-repeat; background-position: center;}



.form-control, .form-control:focus { background: none; border-radius: 0; border-width: 0 0 1px; padding: 0; color: #fff; }

.form-control:focus { background: none; border-color: #F0A51A;  box-shadow: none;}

.form-control::placeholder{color: #fff}

.wpcf7-list-item-label{font-size: 14px}

.wpcf7-list-item{margin: 0}

.wpcf7 form .wpcf7-response-output{margin: 10px 0; padding: 0}

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

.wpcf7 form.sent .wpcf7-response-output {border:none; color: #46b450;}

.wpcf7 .ajax-loader{display: block;}



/* header */

#header{z-index: 1000; background-color: #fff}

.navbar-light .navbar-nav .nav-link, .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: #1D1D1B}

.navbar-light .navbar-nav .active > .nav-link::after, .navbar-light .navbar-nav > .nav-link.active::after{content: ' '; width: 60px; height: 3px; background-color: #F0A51A; display: block; margin: 0 auto}

.navbar-toggler { border: 0; padding: 0; margin: 0;}

.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='rgb(240, 165, 26)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

}

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

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

@media(max-width:767px){

    .lingua { position: absolute; right: 100px; top: 35px}

}

/* home */

.link-servizi:hover{color: #F0A51A}

.title-servizi.active{display: block; color: #F0A51A; font-size: 26px}

.title-servizi::after{content: ' '; display: block; width: 0; height: 1px; background-color: #F0A51A; transition: width 0.5s ease}

.title-servizi.active::after{width: 25vw;}

@media(max-width:767px){

    .title-servizi.active::after {display: none}

}

.icon-servizi{display: none}

.icon-servizi.active{display: block}

.text-servizi{display: none; max-height: 600px; overflow-y: scroll; padding-right: 20px}

.text-servizi.active{display: block}

@media(max-width:767px){

    .text-servizi{max-height: none}

}



.bg-text-servizi{position: absolute; top: 10px; left: 10px; color: rgba(255,255,255, 0.1); opacity: 0; font-size: 10vw; line-height: 1}

.bg-text-servizi.active{opacity: 1}



@media(max-width:767px){

     .col-link-servizi{position: relative; z-index: 2}

     .col-icon-servizi{position: relative; z-index: 1}

}



.container-nav-servizi{position: sticky; top: 117px; z-index: 900; white-space: nowrap; overflow-x: auto;}

.nav-servizi.active, .nav-servizi:hover{font-weight: 700;}



.gallery .link-gallery{display: block; overflow: hidden; }

.gallery .link-gallery .img-fluid{-webkit-transition: transform 0.5s ease; -moz-transition: transform 0.5s ease; transition: transform 0.5s ease; }

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



.slick-dots{bottom: 0;}



@media(max-width:767px){

    .container-nav-servizi{ top: 103px;}

    .logo1{max-width: 80px }

    .logo2{max-width: 125px }

}


.text-servizi::-webkit-scrollbar {
  width: 12px;               /* width of the entire scrollbar */
}

.text-servizi::-webkit-scrollbar-track {
  background: #000;        /* color of the tracking area */
}

.text-servizi::-webkit-scrollbar-thumb {
  background-color: #F0A51A;    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
  border: 2px solid #F0A51A;  /* creates padding around scroll thumb */
  height: 25px;
  max-height: 25px;
}