@charset "utf-8";
/* CSS Document */

#mainNav {
    transition: transform 0.35s ease-in-out;
    will-change: transform;
}

#mainNav.navbar-hidden {
    transform: translateY(-100%);
}


#masthead-dt{
    position: relative !important;
    overflow: hidden;
    
    display: flex;
    align-items: center !important;
    justify-content: center !important;

}

#hero-video{
    position:absolute !important;
    top:0;
    left:0;
    width:100%;
    height:80%;
    object-fit:cover;
    z-index:1;
    overflow:hidden;
    
    background-image: url('../video/particleflow-poster.png');
    background-color:black;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    
    box-shadow: 1px 1px 32px -8px rgba(0,0,0,0.75);
    -webkit-box-shadow: 1px 1px 32px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 32px -8px rgba(0,0,0,0.75);
    
        background-color: black;  
}

#hero-video source{
    opacity: 0;
    
}

#head-pict,
#head-pict-mb{
    position: relative;
    z-index: 2;
}

#head-pict{
    display:block;
	width: 50%;
	margin-top:160px;
}

#head-pict-mb{
	display:none;
}

.separator{
    text-align: center;
    padding:20 0;
}

#info{
    padding: 20 0 30 0;
}

.info-text{
    font-size:1.8rem;
}

.section-title{
	font-size: 2.3rem;
	font-weight: 300;
}

#features{
	background: none;
	background-repeat:repeat-x;
    padding-bottom:0 !important;
    overflow: hidden !important;
}

.feature-row, .feature-row-bg{
    padding:200px 0px;
}

.feature-img{width:100%; margin:3rem 0;}

h1.feature-title{
	font-family: 'Bebas Neue', cursive;
	font-weight: bold;
	background: #FF7700;
    background: linear-gradient(180deg,rgba(255, 119, 0, 1) 0%, rgba(255, 94, 0, 1) 100%);    
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@supports (-webkit-touch-callout: none) {
    h1.feature-title{
      letter-spacing: -1px;
    }
}

h3.feature-title{
	font-weight: bold;
}

.feature-text{
    font-size:1.5rem;
	line-height: 3.3rem;
}

.feature-text, .tech-text,.application-text,#tech-specs,.info-text{
    font-weight:400;
}

#feature-1{
	padding-top:30;
    background: linear-gradient(0deg, #E5E5E5, #FFFFFF);
}

#feature-2{
	background-image:url("../img/FT2-BG.jpg");
	background-repeat: no-repeat !important;
	background-size: cover;
    background-position: center center;
	color: white;

}

#feature-2 div.feature-row-bg{
    padding-bottom: 0;
}


#feature-3{
	background-image:url("../img/FT3-BG.jpg");
	background-size: cover !important;
	background-position: top center;
	background-repeat: no-repeat !important;
}

#feature-3 div.feature-row{
    padding-top: 0;
}

#feature-5{
	background-image:url("../img/FT5-BG.jpg");
	background-size: cover !important;
	background-position: bottom center;
	background-repeat: no-repeat !important;
}

#feature-6{
	color: white;
    position: relative;
    overflow: hidden;
    background-color:black;
}

.scroll-video {
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
}

.scroll-video-wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    background: #000;
}

.scroll-video-wrapper video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}


.video-container {
    position: relative;
    width: 101%;
    padding-top: 67.65%; /* 1000x669 */
    overflow: hidden;
    
}

.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* mantiene proporzioni 1000x669 */
}

.mfp-iframe-scaler {
    width: 100% !important;      /* larghezza piena del lightbox */
    max-width: 100% !important;  /* evita limiti */
    padding-top: 56.25%;         /* rapporto 16:9 = 9/16 = 56.25% */
    margin: 0 auto;
}

.mfp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




#feature-1-padding{
    padding-top:0 !important;
}

#img-FT2,#img-FT3{width:80%;}
#img-FT5{width:80%;}


#applications{
	background-image:url("../img/bg-application-dt.jpg");
	background-size: cover !important;
	background-repeat: no-repeat !important;
    background-position:center center;
    padding: 200px 0px;
}

#contact{
	background-image: url(../img/bg-contact-dt.jpg);
	background-size: cover !important;
    background-position:center center;
	background-repeat: no-repeat !important;
}

/*TECH OVERVIEW CLASSES*/
#tech-specs{
	background: url("../img/bg-techmat-DT.jpg") no-repeat;
	background-size: cover;
    background-position:top center;
    background-attachment: fixed; 
}

#feature-2,#feature-4,#tech-specs,#contact,#applications{
    background-attachment:fixed;
}


.navbar-brand img{width:100%;}

h3.feature-title{font-size:3.5vh;}
h1.feature-title{font-size:11.5vh;}


#feature-2 .feature-row{
    padding-bottom:0;
    }


/* CONTENUTO PAGINA */

body.is-loading #site-content {
    opacity: 0;
    visibility: hidden;
}

#site-content {
    opacity: 1;
    transition: opacity 0.8s ease;
}


/* CUSTOM MEDIA QUERY MAX-WIDTH */

@media (max-width: 1440px) {
    .navbar-brand img{ width:80%; }
	#mainNav .navbar-nav .nav-item .nav-link {font-size: 0.8rem;}
    #info-cont{padding: 0px 30px;}
    
    .info-text, .feature-text, .tech-text, .application-text{
		font-size:1.2rem;
		line-height:2.5rem;
	}
    
    #head-pict{
        width: 70%;
        margin-top:130px;
    }

    .application-text{
        padding:0 25px;
    }
        
}


@media (max-width: 992px) {
    #head-pict{
        width: 100%;
        margin-top:130px;
    }
    
    #img-FT1{margin-top:10px; margin-bottom:50px; width:110%; margin-left:-5%;}
    #img-FT2,#img-FT3{width:100%;}
    #img-FT5{width:100%; }
    
    .section-title{font-size:4vh;}
	
    #feature-2{
	background-image:url("../img/FT2-BG-MB.jpg");
    }
    
    #feature-3{
	background-size: cover !important;
    }
    
    #feature-6{
    padding:0 0;
    height: 700;
    }
    
    h3.feature-title{font-size:2.3vh;}
    h1.feature-title{font-size:8vh;}
    
    #Title-KW-FT1{font-size: 7vh;}
    #Title-KW-FT2{font-size: 7vh;}
    
    #applications{
    background-image:url("../img/bg-application-mb.jpg");
    padding: 100px 0px;
    }
    
    #tech-specs{
    padding: 100px 0px;
    }   
}

@media (max-width: 768px) {
    
    #head-pict{
	display:none;
    }
    
    #head-pict-mb{
    display:block;
    width: 110%;
	margin-top:80px;
    }
    
    #info{
        padding: 25px 0px 60px 0px;
    }
    
    .page-section{
        text-align: center;
    }
    
    #img-FT1{width: 110%; margin-left: -5%; margin-top:20px; margin-bottom:30px;}
    #img-FT5{width: 160%; margin-left: -30%; margin-top:30px; margin-bottom:30px;}
    
    
    #img-FT2,#img-FT3{width:100%;}
    #img-FT2{margin-top:30px;}
    #img-FT3{margin-bottom:30px;}
    
    .feature-row{padding:100px 0px;}
    .feature-row-bg{padding:140px 0px;}
    
    .info-text, .feature-text, .tech-text, .application-text, #tech-specs{
		font-size:1.15rem;
		line-height:2.5rem;
	}
    
    h3.feature-title{font-size:2.8vh;}
    h1.feature-title{font-size:11vh;}

    #Title-KW-FT1{font-size: 8vh;}
    #Title-KW-FT2{font-size: 6.5vh;}
    #Title-KW-FT3{font-size: 7vh;}
    #Title-KW-FT4{font-size: 7vh;}
    #Title-KW-FT5{font-size: 7vh;}
    #Title-KW-FT6{font-size: 6.8vh;}
    
    .scroll-video-wrapper {
        width: 120vw;
        max-width: none;
        margin-left: -10vw;
        aspect-ratio: 16 / 9;
        overflow: hidden;
    }

    .scroll-video-wrapper video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    
    .video-container {
        position: relative;
        width: 100%;
        padding-top: 67.7%; /* 1000x669 */
        overflow: hidden;

    }

    
    @supports (-webkit-touch-callout: none) {
      #feature-2,#feature-4,#tech-specs,#contact,#applications{
        background-attachment:local;  
    }
    
    
    }
}

@media (max-width: 576px) { 

    .feature-img{margin-bottom:1.5rem;}
    #features{padding-bottom:40; padding-top:1rem;}
    
    .navbar-brand img{width:80%;}
    
}

@media (max-width: 430px) { 

    .feature-img{margin-bottom:1.5rem;}
    #features{padding-bottom:40; padding-top:1rem;}
    
    .navbar-brand img{width:100%;}
    
        
    .info-text, .feature-text, .tech-text, .application-text, #tech-specs{
		font-size:1.05rem;
		line-height:2.5rem;
	}
    
   #mainNav .container {
        display: flex;
        flex-wrap: wrap;
    }

    #mainNav .navbar-header {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #mainNav .navbar-brand {
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    #mainNav .navbar-brand img {
        width: 220px;
        max-width: calc(100vw - 80px);
        height: auto;
        display: block;
    }

    #mainNav .navbar-toggler {
        flex-shrink: 0;
        margin-left: 15px;
    }

    #navbarResponsive {
        width: 100%;
        flex-basis: 100%;
    }
    

}