/*SLIDER INTRO HOME-----------------------------------------------------------------------------------------*/
.carousel-inner, .carousel-item{
    height:550px;
}

.carousel-item img{
    width: 100%;
    height: 100%;
    object-fit:cover;
    min-height:700px;
    transition: transform 20s ease-in-out; 
    transform-origin: center center;
}

.carousel-item.active img {
  animation: kenBurns 30s ease-in-out infinite;
}

@keyframes kenBurns {
  0% {
    transform: scale(1) translate(0, 0);
  }
  50% {
    transform: scale(1.3) translate(0, 0);
  }
  100% {
    transform: scale(1.1) translate(0, 0);
  }
}

.carousel-caption {
    position: absolute;
    right: 15%;
    top: 30%;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    text-align: center;
}

.carousel-caption > h5{
    font-size: 75px;
    font-weight: bold;
    text-shadow: 5px 6px 10px rgba(0, 0, 0, 0.5);
    color: #fff;
    line-height:130px;
}

.carousel-caption > p{
    font-size: 35px;
    color:#d7ecf7;

}

.carousel-indicators [data-bs-target]{
	background-color:#cfd5db;
	width:12px;
	height:12px;
	border-radius:100%;
}

.carousel-indicators .active {
	background-color:#4f7084;
}

.carousel-control-prev, .carousel-control-next{
    display: none;
}
	
/* SEZIONE GRUPPO - CONTATORI-------------------------------------------------------------------------------*/
#counters{
	background: rgb(0,94,184);
    background: radial-gradient(circle, rgba(0,94,184,1) 30%, rgba(0,53,111,1) 100%);
	padding:90px 0px;
}

.counter-number{
	font-weight: 700;
	font-size: 60px;
	margin-bottom: 30px;
	color:white;
}

.counter-label{
	font-size: 20px;
	line-height: normal;
	color:#dcefff;
}

.counter-icon img{
	height:80px;
	margin-bottom: 45px;
}

/*SEZIONE PRODOTTI-----------------------------------------------------------------------------------------*/
section#prodotti{
	background: url("../img/home/prodotti/bg-prodotti-home.jpg") no-repeat bottom;
	background-size: cover;
}

div.prodlnk{
	background-repeat:no-repeat;
	background-size: 100%;
    min-height: 155px;
}

div.topsx{
	background-image:url("../img/home/prodotti/car/linktopsx.svg");
	background-position: right top 38px;
}

div.topsxmid{
	background-image:url("../img/home/prodotti/car/linktopsxmid.svg");
	background-position: right top 38px;
}

div.botsxmid{
	background-image:url("../img/home/prodotti/car/linkbotsxmid.svg");
	background-position: right bottom 90px;
}

div.botsx{
	background-image:url("../img/home/prodotti/car/linkbotsx.svg");
	background-position: right bottom 50px;
}

div.topdx{
	background-image:url("../img/home/prodotti/car/linktopdx.svg");
	background-position: left top 38px;
}

div.topdxmid{
	background-image:url("../img/home/prodotti/car/linktopdxmid.svg");
	background-position: right top 38px;
}

div.botdxmid{
	background-image:url("../img/home/prodotti/car/linkbotdxmid.svg");
	background-position: right bottom 88px;
}

div.botdx{
	background-image:url("../img/home/prodotti/car/linkbotdx.svg");
	background-position: right bottom 49px;
}

.prod-cat-name{
	font-family: 'Bebas Neue', cursive;
	font-size:26px;
}

.prod-cat-desc{
	color:var(--fl-ltgray);
	line-height: normal;
	font-size:14px;
}

/*SEZIONE RESEARCH & DEVELOPMENT-----------------------------------------------------------------------------*/
section#rand{
	background: url("../img/home/rand/bg-rand-home.jpg") no-repeat;
	background-size: cover;
    background-attachment: fixed;
}

.boxed-title{
	border:2px solid #6288a0;
	padding: 40px 30px;
    background: rgba(0,46,76,0.7);
}

#phaseline-wrapper{
	overflow: visible;
	height: 2px;
	margin: 230px auto;
}

#phase-line{
	border:2px solid #f1f1f1;
	max-height: 2px;
	width:85%;
	margin: auto;
}

.phase-item{
	display: inline-block;
	color:#fff;
	text-align: center;
	min-height: 206px;
	width: 62px;
	overflow: visible;
}

.phase-item:first-child{
	margin-left:-20px;
}

.phase-item:last-child{
	margin-right:-20px;
}

.phase-item-up{
	background-image:url("../img/home/rand/bg-phaseline-item-up.png");
	background-position: center center;
	background-repeat: no-repeat;
	margin-top: -120px;
}

.phase-item-down{
	background-image:url("../img/home/rand/bg-phaseline-item-down.png");
	background-position: center center;
	background-repeat: no-repeat;
	margin-top: -88px;
}

.phase-item-text{
	white-space: nowrap;
	text-align: center;
	width:250px;
	margin-left: -100px;
	font-family: 'Bebas Neue', cursive;
	font-size: 24px;
}

.phase-item-text > span.number{
	color:#69c5ff;
	font-size:32px;
}

.phase-item-up > .phase-item-icon{
	margin-top: 56px;
}

.phase-item-down > .phase-item-icon{
	margin-top: 66px;
}

.phase-item-down > .phase-item-text{
	margin-top:60px;
    
}

/*SEZIONE SOSTENIBILITA'-----------------------------------------------------------------------------------------*/
section#sustainability{
	background: url("../img/home/sustainability/bg-sustainability.jpg") no-repeat bottom center;
	background-size: cover;
}

section#sustainability ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

section#sustainability ul li::before {
    content: "\2022";
    color: var(--fl-blue);
    font-weight: bold;
    display: inline-block;
    width: 1em;
}

section#sustainability a{
    background: var(--fl-dkgreen);
}

section#sustainability a:hover{
    background: var(--fl-green);
}



/*SEZIONE QUICK LINKS---------------------------------------------------------------------------------------*/
section#quicklinks{
	background: rgb(223,223,222);
	background: linear-gradient(0deg, rgba(223,223,222,1) 0%, rgba(250,250,250,1) 100%);
	border-top:1px solid #eeeeee;
	padding:0 0 80px 0;
	margin-top:140px;
}

#quicklinks div.row{margin-top:-170px;}

div.card{
	border:none;
	background-color: transparent;
	font-size:16px;
    box-sizing: border-box;
    padding:0;
}

.card-body{
	background-color:#fff;
	min-height: 230px;
	text-align: center;
	flex: 0 0 auto;
	padding:20px 20px;
	
	border-radius: 15px;
	box-shadow: 1px 1px 22px -1px rgba(0,0,0,0.15);
}

.card-title{
	font-weight: bold;
	color:var(--fl-blue);
	text-transform: uppercase;
}

.card-img-top{
	width: 90%;
	margin:auto;
}

.card-img-top img{
	width:100%;
}



/*MEDIA QUERY */

/*TABLET /////////////////////////////////////////////////////////////*/
@media only screen and (max-width:1199px) { 
    
    /*SLIDER INTRO HOME-----------------------------------------------------------------------------------------*/
    .carousel-inner, .carousel-item{
        height:450px;
    }

    .carousel-item img{
        min-height:350px;
        transition: transform 15s ease-in-out; 
    }
    
    .carousel-item.active img {
      animation: kenBurns 15s ease-in-out infinite;
    }
    
    @keyframes kenBurns {
      0% {
        transform: scale(1) translate(0, 0);
      }
      100% {
        transform: scale(1.5) translate(0, 0);
      }
    }
    
    .carousel-caption {
        position: absolute;
        right: 5%;
        top: 31%;
        left: 5%;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }

    .carousel-caption > h5{
        font-size: 50px;
        line-height:61px;
    }

    .carousel-caption > p{
        font-size: 20px;
        line-height:35px
    }

    /* SEZIONE GRUPPO - CONTATORI-------------------------------------------------------------------------------*/
    #counters{
        background: radial-gradient(circle, rgba(0,94,184,1) 40%, rgba(0,53,111,1) 90%);
        padding:80px 0px;
    }

    .counter-number{
        font-size: 60px;
    }

    .counter-label{
        font-size: 18px;
    }

    .counter-icon img{
        height:85px;
        margin-bottom: 45px;
    }
    
    /*SEZIONE PRODOTTI-----------------------------------------------------------------------------------------*/
    #proslider-nav-wrp{margin:50px 0px;}
    
    .prodslider-nav .slick-slide{
        text-align: center;
        opacity: 0.4;
        transition: all 0.4s ease-in-out;
        scale:0.8;

    }

    .prodslider-nav .slick-center{
        opacity: 1.0; 
        scale:1;
    }
    
    .prodslider .slick-slide{
        text-align: center;

    }

    .slick-slide img{
        max-width:100%;
        margin: auto;
    }

    #prodslider h3{
        font-size: 40px;
        font-weight:bold;
        margin-top:40px;;
        color: var(--fl-blue);
    }

    #prodslider h5{
        font-size: 22px;
        line-height: 35px;
        font-weight: normal;
        min-height: 80px;
        margin-bottom:30px;
    } 
    
    /*SEZIONE RESEARCH & DEVELOPMENT-----------------------------------------------------------------------------*/
    section#rand{
    background-attachment: local;
    }
    
    section#rand h1.section-title{
        font-size:50px;
    }
    
    section#rand h3.section-subtitle{
        font-size:30px;
    }
    
    /*SEZIONE SOSTENIBILITA'-------------------------------------------------------------------------------------------*/
    section#sustainability{
        text-align: center;
    }
    
    /*QUICK LINKS---------------------------------------------------------------------------------------*/
    #quicklinks div.row{margin-top:0px;}

    section#quicklinks{
	border-top:1px solid #eeeeee;
	padding:60px 0 60px 0;
    margin-top: 10px;
    }
    
    div.qlink{
        margin-bottom:30px;
    }
    
    div.qlink:last-child{
        margin-bottom:0px;
    }
    
    a.btn-card{font-size:16px; padding:10px 20px}
    
    div.card-body{padding:40px 30px;}
    p.card-text{font-size:16px;}
}
    
/*MOBILE /////////////////////////////////////////////////////////////*/
@media only screen and (max-width:600px) {
        
    /*SLIDER INTRO HOME-----------------------------------------------------------------------------------------*/
    .carousel-caption {
        position: absolute;
        right: 3%;
        top: 20%;
        left: 3%;
    }

    
    .carousel-inner, .carousel-item{
        height:430px;
    }
    
    .carousel-caption > h5{
        font-size: 47px;
        line-height:61px;
    }

    .carousel-caption > p{
        font-size: 20px;
        line-height:35px
    }

    /* SEZIONE GRUPPO ------------------------------------------------------------------------------------------*/
    #gruppo-img{
        background: none;
        min-height: 0;
    }
    
    /* SEZIONE GRUPPO - CONTATORI-------------------------------------------------------------------------------*/
    #counters{
        padding:50px 0px;
    }

    .counter-number{
        font-size: 40px;
    }

    .counter-label{
        font-size: 15px;
    }
    
    .counter-icon img{
        height:65px;
    }

    
    /*SEZIONE PRODOTTI-----------------------------------------------------------------------------------------*/
    #proslider-nav-wrp{margin:30px 0px;}

    #prodslider h3{
        font-size: 28px;
    }

    #prodslider h5{
        font-size: 18px;
        line-height: 28px;
    }
    /*SEZIONE RESEARCH & DEVELOPMENT----------------------------------------------------------------------------*/
    .boxed-title{
        padding: 40px 30px 30px 30px;
    }
    
    section#rand h1.section-title span{
        display:block;
        line-height: 33px;
    }
    
    section#rand span.breaktitle{
        font-size:65px;
    }
    
    section#rand h1.section-title{
        font-size:40px;
        margin-bottom: 30px;
    }
    
    section#rand h3.section-subtitle{
        font-size:24px;
    }

    
    /*QUICK LINKS---------------------------------------------------------------------------------------*/
    #quicklinks div.row{margin-top:0px;}

    section#quicklinks{
	border-top:1px solid #eeeeee;
	padding:60px 0 60px 0;
    margin-top: 10px;
    }
    
    div.qlink{
        margin-bottom:30px;
    }
    div.card-body{padding:40px 30px;}
    p.card-text{font-size:15px;}
    a.btn-card{font-size:14px; padding:10px 20px}
}