@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');

/*Normalize.css
-----------------------------------------------*/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}html,button,input,select,textarea{font-family:sans-serif;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}h2{font-size:1.5em;margin:0.83em 0;}h3{font-size:1.17em;margin:1em 0;}h4{font-size:1em;margin:1.33em 0;}h5{font-size:0.83em;margin:1.67em 0;}h6{font-size:0.75em;margin:2.33em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}blockquote{margin:1em 40px;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}p,pre{margin:1em 0;}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:'';content:none;}small{font-size:75%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}dl,menu,ol,ul{margin:1em 0;}dd{margin:0 0 0 40px;}menu,ol,ul{padding:0 0 0 40px;}nav ul,nav ol{list-style:none;list-style-image:none;}img{border:0;-ms-interpolation-mode:bicubic;}svg:not(:root){overflow:hidden;}figure{margin:0;}form{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}

/*-----------------------------------------------*/
*{position:relative}
html{
    height: 100%;
	scrollbar-gutter: stable;
}
body{
	overflow:hidden;
	height:100%;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight:300;
    overflow-x:hidden;
    color:var(--c-grey);
    line-height:1.4;
    font-size:16px;
    margin:0;
    padding:0;
	background:#fff;
}
body.loaded{opacity:1}
body.is-menu-active{overflow:hidden!important;}


a{color:#113254; text-decoration:none; outline:none !important;}
a:hover{color:#000; text-decoration:none;}
p{margin:0 0 1em 0;}
strong, b{font-weight:700;}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5,.h5, h6, .h6{color:#000; font-weight:700; margin:0 0 1em 0; line-height:1.2em; padding:0;}
h1 span, .h1 span, h2 span, .h2 span, h3 span, .h3 span, h4, .h4 span, h5 span, .h5 span, h6 span, .h6 span{font-weight:400;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{text-decoration:none;}
.bg-page h1, .bg-page .h1, .bg-page h2, .bg-page .h2, .bg-page h3, .bg-page .h3, .bg-page h4, .bg-page .h4, .bg-page h5, .bg-page .h5, .bg-page h6, .bg-page h6{color:#fff;}


h1,.h1{font-size:4.2rem;}
h2,.h2{font-size:3.8rem;}
h3,.h3{font-size:3.4rem;}
h4,.h4{font-size:2.6rem;}
h5,.h5{font-size:2.2rem;}
h6,.h6{font-size:1.8rem;}
@media(max-width:991px){
h1,.h1{font-size:3rem;}
h2,.h2{font-size:2.5rem;}
h3,.h3{font-size:2.2rem;}
h4,.h4{font-size:1.8rem;}
}
@media(max-width:767px){
h1,.h1{font-size:2.6rem;}
h2,.h2{font-size:2rem;}
h3,.h3{font-size:1.8rem;}
h4,.h4{font-size:1.4rem;}
}

.title-hide{text-indent:-9999px; font-size:0; height:0; margin:0;}
.error{border:1px solid #f00 !important;}
.error2{padding:0 17px 0 0; color:#f00;}

/*animazioni generiche*/
.m-ani{
transition:all 600ms ease-in-out;
}

.menu-body *, footer *, .item-news * {
transition:var(--ani-common)
}


/*estensione del container*/
@media (min-width:1440px){
.container{max-width:1380px;}
}
@media (min-width:1700px){
.container{max-width:1640px;}
}
/*@media (min-width:1900px){
.container{max-width:1860px;}
}*/


/*Header
-----------------------------------------------*/
header{
	position: fixed;
    top: 0;
    left: 0;
    /*left: 50%;
	  transform:translate(-50%,0);*/
    z-index: 50;
    min-height: 100px;
    width:100%;
    padding:15px 0;
    background-color:rgba(255,255,255,0);
    transition:top 0.6s ease 0.2s, background-color 0.6s ease; 
    /*mix-blend-mode: exclusion;*/
}
header .logo{padding:15px 0;}
#code_logo{position:absolute; top:-500px;}
@media(max-width:991px){
	header .logo .svg-logo{transform:scale(0.75); transform-origin: center left;}
}
@media(max-width:767px){
	header .logo .svg-logo{transform:scale(0.65); transform-origin: center left;}
}

/* toggle menu */
#nav-toggle{display:flex; align-items:center; position:absolute; cursor:pointer; z-index:610; height:38px; padding:8px 20px; top:20px; right:15px; border-radius:40px; background:var(--c-grey);}
#nav-toggle > span.txt{font-size:1rem; font-weight:400; margin-right:15px; color:#fff}
#nav-toggle button{width:20px; height:15px; border:0; outline:0; padding:0; background:transparent}
#nav-toggle button span{position:absolute; display:block; cursor:pointer; height:2px; width:20px; background:#fff; }
#nav-toggle button span:first-child{top:0;}
#nav-toggle button span:last-child{top:10px;}
#nav-toggle button span{transition:all 500ms ease-in-out; -webkit-transition:all 500ms ease-in-out; -moz-transition:all 500ms ease-in-out; -o-transition:all 500ms ease-in-out;}
#nav-toggle.active button span:first-child, #nav-toggle.active span:last-child{top:6px;}
#nav-toggle.active button span:first-child{transform:rotate(45deg);}
#nav-toggle.active button span:last-child{transform:translateY(0) rotate(-45deg); top:6px;}


/*menu game*/
.nav-main{position:absolute; z-index:610; top:20px; right:135px;}
.nav-main ul{display:flex; list-style:none; padding:0; margin:0}
.nav-main ul li{margin-right:15px}
.nav-main ul li a{display:block; height:38px; padding:8px 20px; color:#fff; border-radius:40px;}
.nav-main ul li .type-user{font-size:1.45rem; padding:6px 20px;}
.nav-main ul li .type-bim{background:#145eba}
.nav-main ul li .type-software{background:#113254}

@media(max-width:767px){
	.nav-main{display:none}
}

/*header mouseover*/
/*
header:hover{background-color:rgba(83,93,98,0.85); backdrop-filter: blur(25px);}
header:hover #nav-toggle span{background:#000;}
header:hover .nav-main ul li button{color:#000}
header:hover .nav-main ul li button:hover{color:#113254}

header:hover .svg-logo path,
header:hover .svg-logo polygon,
header:hover .svg-logo rect{fill:#000}
*/
/*header active */
/*header.active{background-color:rgba(83,93,98,0.85); backdrop-filter: blur(25px);}*/

/*is scroll*/
header.is-scroll{background-color:rgba(83,93,98,0.95); backdrop-filter: blur(25px);}


/* Nav */
.menu-corporate{
	opacity:0;
	position:fixed; 
	z-index: 49; 
	top:0;
	left:50%; 
	transform:translate(-50%,-120%); 
	width:101%;
	height:100%;
}
.menu-wrap{width:100%; min-height:300px; padding-top:110px; overflow:hidden; background-color:rgba(83,93,98,1); backdrop-filter: blur(25px);}
.menu-header{padding:15px 30px; border-bottom:1px solid #8a9297}
.menu-body{padding:0 5px; color:#fff; border-top:1px solid var(--c-line-grey); border-bottom:1px solid var(--c-line-grey)}
.menu-body a{color:#fff; font-weight:300;}
.menu-body:has(a:is(:hover, :focus-visible)) 
a:not(:hover):not(:focus-visible) { opacity:.5;}
.menu-body a:hover,
.menu-body a:hover .h6{color:#e5e7e8;}
.menu-body a:after{content:""; position:absolute; bottom:-2px; left:0; width:0; height:1px; background:var(--c-line-grey); }
.menu-body a:hover:after{width:100%; transition:all 400ms ease-in-out; background:#fff}

.menu-body .menu-prods-cat{padding:30px; margin:0}
.menu-body .m-hvac{height:100%;}
.menu-body .m-canne{height:100%; border-right:1px solid var(--c-line-grey)}
.menu-body .menu-prods-cat.last {display:flex}
.menu-body .menu-prods-cat li{padding:5px 0!important}
.menu-body .menu-prods-cat .h6{font-size:1.4rem; margin:0;}
.menu-body .menu-prods-cat .h6 a{font-weight:400;}
.menu-body .menu-prods-cat small{color:var(--c-grey-light);}
.menu-corporate.is-open{transform:translate(-50%,0); opacity:1;}

@media(max-width:1199px){
.menu-body .menu-prods-cat.last{display:flex; justify-content:space-between}
.menu-body .m-hvac,
.menu-body .m-canne{border-bottom:1px solid var(--c-line-grey); border-right:0}
.menu-body .m-company{width:45%; display:inline-block}
.menu-wrap-scroll{height:100%; overflow-y:scroll;}
}

@media (max-width:991px){
/* Nav */
.menu{overflow:auto}
.menu-wrap{height:100vh;}
.menu-body .menu-prods-cat {border-right:0}
.menu-body .m-solutions{border-bottom:1px solid var(--c-line-grey);}
}

@media (max-width:767px){
.menu-body .m-company,
.menu-body .m-solutions{width:100%; display:block}

}

/*Generici
-----------------------------------------------*/
:root {
  --sticky-top: 160px;
  --c-grey: #535d62;
  --c-grey-inv: #aca29d;
  --c-grey-light: #e5e7e8;
  --c-line-grey: #757d81;
  --c-line-grey-light: #e5e7e8;
  --ani-common: all 600ms ease-out;
  
  
  --bg-background: #111827;
  --clr-card: #1f2937;
  --clr-1: #6420aa;
  --clr-2: #ff3ea5;
  --clr-3: #ff7ed4;  
}

main{font-size:18px; overflow-x:hidden; background:#fff}
section:last-child{padding-bottom:80px}
.max{width:100%!important; max-width:100%!important}
.bg-page{background:var(--c-grey)!important; color:#fff}
.bg-page-light{background:var(--c-grey-light)!important;}
.radius-primary{border-radius: 0.55rem}
.shadow-primary{box-shadow: 3px 3px 12px 0 rgba(0,0,0,0.08 )}

/*link pos absolute*/
.full-target{position:absolute; z-index:15; width:100%; height:100%; top:0; left:0;}

/*preload*/
.preload{position:fixed; display:flex; justify-content:center; align-items:center; z-index:500; width:100vw; height:100vh; color:#000; background:#fff;}
.preload .wrap-logo{height:60px; overflow:hidden}
.preload .wrap-logo svg {opacity:0; filter: brightness(0%);}

/*hero cat*/
.hero-cat .caption h1{color:#fff; margin-bottom:1rem;}
.hero-cat .caption .h4{margin-bottom:0}

/*hero sol*/
.hero-home.hero-sol{height:auto}
.hero-home.hero-sol .caption{display:flex; align-items:flex-end; position:relative; padding:100px 0; height:60vh;}
.hero-sol .caption h1{color:#fff; margin-bottom:1rem;}
.hero-sol .wrap-figure {overflow:hidden;}
.hero-sol .wrap-figure .figure{background:#000}
.hero-sol .wrap-figure .figure img{opacity:.8}

/*hero page*/
.hero-page .caption h1{color:#fff; margin-bottom:1rem;}
.hero-home.hero-page .caption{bottom:calc(5% + 60px);}
.hero-home.hero-page-half {height: calc(50vh + 60px);}
.hero-home.hero-page-half .caption{bottom:calc(5% + 60px);}
.hero-home.hero-page-half .caption h1{color:#fff; margin-bottom:1rem;}

/*notch*/
.notch{position:absolute; z-index:1; bottom:0; width:25%; height:60px;}
.notch-sx{transform: scaleX(-1); left:0}
.notch-dx{right:0;}
.notch-sx:after,
.notch-dx:after{content:""; display:block; margin-left: 83px; width:calc(100% - 83px); height:60px;}
.notch-sx.notch-white,
.notch-dx.notch-white{background:url(/media/e1xofpoh/notch-white.svg) left top no-repeat; background-size:auto 60px;}
.notch-sx.notch-white:after,
.notch-dx.notch-white:after{background:#fff}
.notch-sx.notch-grey,
.notch-dx.notch-grey{background:url(/media/c3ahv43i/notch-grey.svg) left top no-repeat; background-size:auto 60px;}
.notch-sx.notch-grey:after,
.notch-dx.notch-grey:after{background:var(--c-grey)}

@media(max-width:991px){
.notch{width:10%;}
}

/*custom corner*/
.custom-corner:before,
.custom-corner:after
{content:""; position:absolute; z-index:8; width:46px; height:46px; background:url(/media/jlfclnim/corner-white.svg); background-size:cover; transition:var(--ani-common)}
.bg-page .custom-corner:before,
.bg-page .custom-corner:after{background-image:url(/media/4dpmclxd/corner-grey.svg)}
.bg-page-light .custom-corner:before,
.bg-page-light .custom-corner:after{background-image:url(/media/odihcyjw/corner-grey-light.svg)}
.custom-corner:before{top:-1px; left:-1px; transform:rotate(270deg)}
.custom-corner:after{bottom:-1px; right:-1px; transform:rotate(90deg)}
.custom-corner:hover:before,
.custom-corner:hover:after
{width:24px; height:24px;}


/*intro page*/
.intro-page{padding:80px 0; font-size:1.4rem}

/*color*/
.color-primary{color:#113254}
.color-secondary{color:#f9c975}

/*btn*/
.btn{text-decoration:none; padding:0.475rem 1.45rem; border-radius:60px;}
.btn-sm{padding:0.275rem 0.75rem;}
.btn-primary{border-color:var(--c-grey)!; background-color:var(--c-grey)!;}
.btn-primary:hover{color:var(--c-grey)!; border-color:var(--c-grey)!; background-color:#fff;}
.btn-outline-primary{color:var(--c-grey)!; border-color:var(--c-grey)!; background-color:transparent;}
.btn-secondary{color:#fff; border-color:var(--c-grey-inv)!; background-color:var(--c-grey-inv);}
.btn-secondary:hover{color:var(--c-grey-inv); border-color:var(--c-grey-inv); background-color:#fff;}
.btn-outline-secondary{color:var(--c-grey-inv); border-color:var(--c-grey-inv); background-color:transparent;}

/*btn arrow*/
.btn-arrow{display:inline-block; overflow:hidden; text-decoration:none; font-size:1rem; padding:7px 60px 7px 17px; border-radius:25px; color:#fff; background-color:var(--c-grey); }
.bg-page .btn-arrow{background-color:var(--c-grey-inv); }
.btn-arrow span{display:inline-block; transition:all 600ms ease-in-out 100ms;}
.btn-arrow:before,
.btn-arrow:after{position:absolute; top:50%; transform:translateY(-50%); content:"\F133"; font-family:"bootstrap-icons"; font-size:1.25rem; transition:all 600ms ease-in-out;}
.btn-arrow:before{left:-25px;}
.btn-arrow:after{right:7px;}
.btn-arrow:hover{color:#fff; }
.btn-arrow:hover:before{left:7px;}
.btn-arrow:hover:after{right:-25px;}
.btn-arrow:hover span{transform:translateX(30px);}
.btn-outline-arrow{color:var(--c-grey); border:1px solid var(--c-grey); background-color:transparent; }
.btn-outline-arrow:hover{color:var(--c-grey);}
.bg-page .btn-outline-arrow{color:#fff; border:1px solid var(--c-grey-inv); background-color:transparent; }
.btn-blank-arrow{color:var(--c-grey); background-color:transparent;}

/*btn ico*/
.btn-icon{display:inline-block; overflow:hidden; white-space:nowrap; padding:.5rem 1.25rem; border-radius:1.45rem; color:var(--c-grey); border:2px solid #fff; background:#fff;}
.btn-icon:hover{color:#fff;}
.btn-icon:before{position:absolute; content:""; top:0; left:0; height:100%; width:110%; border-radius:1.45rem; transform:translate(-105% , 0); transition:var(--ani-common); background:var(--c-grey);}
.btn-icon:hover:before{transform:translate(0 , 0); }
.btn-icon i{display:inline-block; margin-right:10px;}
.btn-icon span{display:inline-block!important;}
.btn-outline-icon{background:transparent; color:#fff;}
.btn-outline-icon-light-grey{background:transparent; border-color: var(--c-line-grey); color:#fff;}
.btn-icon-light-grey{background: var(--c-line-grey); border-color: var(--c-line-grey); color:#fff}
.btn-icon-xl{padding:.75rem 1.75rem; border-radius:1.95rem; font-size:1.5rem}
.btn-icon-xl:before{border-radius:1.75rem;}

/*btn carousel*/
.arrow-container{display: flex; align-items:center; justify-content:flex-end;}
.btn-carousel{cursor:pointer; display:flex; align-items:center; justify-content:center; color:#fff; padding:10px; margin:0 5px; width:50px; height:50px; border-radius:50%; border:1px solid var(--c-line-grey);}
.btn-carousel:hover{color:var(--c-grey-inv)}

/*panel board*/
.panel-board{padding:0 30px;}
.panel-board p:last-child{margin-bottom:0}
@media(max-width:991px){
.panel-board{padding:0}
}
/*panel title*/
.panel-title{overflow:hidden;}
.panel-title h2{font-size: clamp(1.4rem, 2vw, 2.6rem); margin:0;}
@media(max-width:991px){
.panel-title{padding:0 0 30px 0}
}
/*panel figure*/
.panel-figure{overflow:hidden;}
.panel-figure img{width:100%; height:100%; object-fit:cover;}

/*table*/
.table thead th{text-transform:uppercase; background:#f0f2f2}
.table tbody td{vertical-align:middle}

/*row intro*/
.bg-page .row-header{border-top:1px solid var(--c-line-grey)}
.row-header{padding-top:25px; margin-bottom:80px; border-top:1px solid var(--c-line-grey-light)}
.row-header .title{font-weight:700; text-transform:uppercase}
.row-header p{font-size:1.2rem; margin-bottom:0}

/*Counter number*/
.number-count-grid{display:flex; flex-wrap: wrap; gap:5%}
.number-count-grid .item-counter{width:45%; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #eee;}
.number-count-grid .item-counter span{display:block}
.number-count-grid .item-counter .number.h2{margin-bottom:0.5rem}

/*news*/
.item-news{background:#fff; height:100%; min-height:520px; color:#000;}
.item-news .wrap{padding:30px}
.item-news:hover .wrap{padding:30px 45px}
.item-news .date{font-size:.85rem; margin-bottom:15px;}
.item-news .figure{width: 100%; height: 56.25%; margin-bottom:15px; overflow:hidden;}
.item-news .figure img{width: 100%; object-fit:cover}
.item-news .title{padding-bottom:60px;}
.item-news .link{position:absolute; z-index:17; bottom:15px; right:30px}

/*reveal text*/
.reveal-text > div {
  background: linear-gradient(to right, rgb(0, 0, 0) 50%, rgb(83, 93, 98) 50%); background-size: 200% 100%; background-position-x: 100%; color: transparent; background-clip: text;
}

/*Circular progress*/
#progress-indicator {position: absolute; z-index:1111; top:0; right:15px; width: 60px; height:60px;}
.progress-container {
  transform: rotate(-90deg);
  transform-origin:center;
  width: 60px;
  height: 60px;
  display: block;
}
.progress-container .progress-track {fill: transparent;  stroke: #fff;  stroke-width: 2;  stroke-dashoffset: 0;}
.progress-container .progress-circle {fill: transparent;  stroke: #323d44;  stroke-width: 3;  stroke-dashoffset: 0; stroke-dasharray: 180; stroke-dashoffset: 180;}

/*Tooltip*/
.custom-tooltip {--bs-tooltip-bg: var(--c-line-grey); --bs-tooltip-color:#fff}
.tooltip{opacity:1!important}

/*Breadcrumb*/
.breadcrumb-cat{display:flex; padding:8px 0; margin:0; overflow:hidden;}
.breadcrumb-cat ul{display:flex; padding:0; margin:0}
.breadcrumb-cat ul li{display:flex; align-items:center; color:#fff; white-space: nowrap; text-transform:uppercase; font-size:0.8rem; padding-left:8px;}
.breadcrumb-cat ul li:first-child{padding-left:0;}
.breadcrumb-cat ul li:last-child{padding-right:0;}
.breadcrumb-cat ul li:after{margin-left:8px; font-family: bootstrap-icons !important; color:#fff; content: "\F309"; font-size:1.6rem;}
.breadcrumb-cat ul li:last-child:after{display:none}
.breadcrumb-cat ul li a{color:#fff; text-decoration:underline;}
.breadcrumb-cat ul li:first-child a{font-weight:700;}
.breadcrumb-cat ul li a:hover{text-decoration:none;}


/*Home
-----------------------------------------------*/
/*Carousel*/
.hero-home{overflow:hidden; height:calc(100vh + 60px); width:100%; background:#000}
.hero-home .figure{height:100%; width:100%; overflow:hidden;}
.hero-home .figure img{width:100%; height:100%; object-fit:cover; opacity:0.5}

/*Caption*/
.hero-home .caption{position:absolute; z-index:11; width:100%; bottom:calc(15% + 60px); left:0; overflow:hidden}
.hero-home .caption .wrap-first-row,
.hero-home .caption .wrap-second-row{overflow:hidden;}
.hero-home .caption .first-row{display:flex;}
.hero-home .caption .first-row .h1{color:#fff}
.hero-home .caption .first-row .slice-txt{overflow:hidden; width:300px; height:80px; margin-left:20px;}
.hero-home .caption .first-row .slice-txt .word{color:#113254; position: absolute; overflow: hidden;}
.hero-home .caption .first-row .slice-txt .word span{font-weight:700}
.hero-home .caption .first-row .slice-txt .word .letter{display:inline-block}
.hero-home .caption .second-row span{color:#fff}
@media(max-width:991px){
.hero-home .caption .first-row{flex-direction:column;}
.hero-home .caption .first-row .slice-txt{margin-left:0;}
}

/*Line Drop Animation*/
.lines {position: absolute; top: 0; left: 0; right: 0; height: 100%; margin: auto; width: 100vw;}
.lines .container, 
.lines .row, 
.lines .col-12 {height: 100%;} 
.lines .line {height: 100%; width: 1px; position: absolute; content: ""; background-color: rgb(255 255 255 / 15%);  top: 0; overflow: hidden;}
.lines .line:nth-child(1) {left: 0;}
.lines .line:nth-child(2) {left: 25%;}
.lines .line:nth-child(3) {left: 50%;}
.lines .line:nth-child(4) {right: 25%;}
.lines .line:nth-child(5) {right: 0;}
/* animation */
.lines .line::after {position: absolute; content: ""; top: 50%; left: 0; width: 100%; height: 15vh;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15)  75%, rgba(255, 255, 255, 0.25)  100%);
  animation: run 4000ms 0s infinite;
  animation-timing-function: ease;
 }
@keyframes run {
  0% {top: -50%;}
  100% {top: 110%;}
}
.lines .line:nth-child(1)::after {animation-delay: 0.05s;}
.lines .line:nth-child(2)::after {animation-delay: 0.25s;}
.lines .line:nth-child(3)::after {animation-delay: 0.40s;}
.lines .line:nth-child(4)::after {animation-delay: 0.55s;}
.lines .line:nth-child(5)::after {animation-delay: 0.70s;}
@media(max-width:991px){
.lines .line:nth-child(2),
.lines .line:nth-child(4),
.lines .line:nth-child(2)::after,
.lines .line:nth-child(4)::after{display:none}
	
}

/*img gradient*/
.hero-home .img-gradient{display:none; opacity:.8; position:absolute; z-index:11; top:0; left:0; width:100%; height:110px; background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.70) 40%, rgba(0, 0, 0, 0) 100%);}

/*Presentazione Prodotti*/
.cat-prods{padding:80px 0}
.prods-list .prod-item{display:flex; align-items:center; width:100%; margin-bottom:60px}
.prods-list .prod-item:last-child{margin-bottom:0}
.prods-list .prod-item .item-figure{order:1; width:50%; height:420px; overflow:hidden;}
.prods-list .prod-item .item-figure .img-mask{height: 100%;}
.prods-list .prod-item .item-figure .img-mask img{width:100%; height:100%; transform:scale(1.2); opacity:0; object-fit:cover}
.prods-list .prod-item .item-figure .mask-clip {z-index: 9; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background:#fff; clip-path: polygon(0 0, 105% 0, 105% 100%, 0 100%);}
.bg-page .prods-list .prod-item .item-figure .mask-clip {background:var(--c-grey);}
.bg-page-light .prods-list .prod-item .item-figure .mask-clip {background:var(--c-grey-light);}
.prods-list .prod-item .item-title{order:2; width:50%;}
.prods-list .prod-item:nth-child(odd) .item-title{padding-left:10%;}
.prods-list .prod-item:nth-child(even) .item-title{order:0; padding-right:10%;}
.prods-list .prod-item .item-title .i-txt{margin-bottom:30px;}
.prods-list .prod-item .item-title .i-txt .h5{margin:0}
.prods-list .prod-item .item-title .i-txt p{font-size:0.95rem}
.prods-list .prod-item .item-title .i-txt p{font-size:0.95rem}
.prods-list .prod-item .split-line {overflow: hidden;}
.prods-list .prod-item .split-line div{transform:translate(0 , 105%); opacity:0}
@media(max-width:1199px){
.prods-list .prod-item .item-figure{height:360px;}
}
@media(max-width:991px){
.prods-list .prod-item {flex-direction: column;}
.prods-list .prod-item .item-figure{margin-bottom:30px}
.prods-list .prod-item .item-figure,
.prods-list .prod-item .item-title{width:100%}
.prods-list .prod-item:nth-child(odd) .item-title{padding-left:0;}
.prods-list .prod-item:nth-child(even) .item-title{order:2; padding-right:0;}
}
@media(max-width:767px){
.prods-list .prod-item .item-figure{height:300px;}
}

/*Presentazione Soluzioni*/
.cat-solutions{padding:80px 0}
.solutions-list{margin-bottom:60px;}
.solutions-list:last-child {margin-bottom:0;}
.solutions-list .sol-item {display:flex; justify-content:space-between; padding-bottom:60px; margin-bottom:60px; border-bottom:1px solid var(--c-line-grey)}
.solutions-list .sol-item:after {content:""; position:absolute; left:0; bottom:0; height:1px; width:0; background:var(--c-grey-inv); transition: var(--ani-common);}
.solutions-list .sol-item:hover:after {width:100%;}
.solutions-list .sol-item:hover .btn-arrow:before{left:7px;}
.solutions-list .sol-item:hover .btn-arrow:after{right:-25px;}
.solutions-list .sol-item:hover .btn-arrow span{transform:translateX(30px);}
.solutions-list .sol-item:last-child {border-bottom:0}
.solutions-list .sol-item .item-num{width:10%; padding:67px 0; color:var(--c-grey-inv)}
.solutions-list .sol-item .item-title{width:40%; padding:60px 0;}
.solutions-list .sol-item .item-title .i-txt{margin-bottom:30px;}
.solutions-list .sol-item .item-title .i-txt h2{opacity:1; margin:0;}
.solutions-list .sol-item .item-figure{overflow:hidden; width:45%;}
.solutions-list .sol-item .item-figure .img-mask{height: 100%;}
.solutions-list .sol-item .item-figure .mask-clip {z-index: 9; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background:#fff; clip-path: polygon(0 0, 105% 0, 105% 100%, 0 100%);}
.bg-page .solutions-list .sol-item .item-figure .mask-clip {background:var(--c-grey);}
.bg-page-light .solutions-list .sol-item .item-figure .mask-clip {background:var(--c-grey-light);}
.solutions-list .sol-item .item-figure .img-mask img{width:100%; height:100%; transform:scale(1.2); opacity:0; object-fit:cover; transition: var(--ani-common);}
.solutions-list .sol-item:hover .item-figure .img-mask img{transform:scale(1.2)!important; }
.solutions-list .sol-item .split-line {overflow: hidden;}
.solutions-list .sol-item .split-line div{transform:translate(0 , 105%); opacity:0}
@media(max-width:991px){
.solutions-list .sol-item {flex-wrap: wrap;}
.solutions-list .sol-item .item-num{order:1;}
.solutions-list .sol-item .item-title{order:2; width:90%;}
.solutions-list .sol-item .item-figure{order:0; width:100%;}
}
/*Presentazione Soluzioni variante*/
.cat-solutions.sol-page{padding:100px 0}
.solutions-list.alternate-list .sol-item:nth-child(even) .item-title{order:1}
.solutions-list.alternate-list .sol-item:nth-child(even) .item-figure{order:0}
.solutions-list.alternate-list .sol-item .item-title{width:50%; padding:60px 35px;}
.solutions-list.alternate-list .sol-item .item-figure{width:50%;}
@media(max-width:991px){
.solutions-list.alternate-list .sol-item {flex-wrap: wrap;}
.solutions-list.alternate-list .sol-item:nth-child(even) .item-title,
.solutions-list.alternate-list .sol-item .item-title{order:2; width:90%;}
.solutions-list.alternate-list .sol-item:nth-child(even) .item-figure,
.solutions-list.alternate-list .sol-item .item-figure{order:0; width:100%;}
}




/*Progetti*/
.prj-focus{padding:80px 0; overflow:hidden}
.prj-focus .arrow-container{margin-top:60px; text-align:right}
.prj-view .slick-list{overflow:visible}
.prj-carousel .slick-list{margin:-20px; padding:0 20% 0 0 !important;}
.prj-carousel .slick-list:before{position:absolute; z-index:1; content:""; height:100%; width:100%; left:-100%; background:#fff;}
.prj-carousel .slick-slide {padding:15px;}
.prj-carousel .prj-item a{position:absolute; z-index:11; top:0; left:0; height:100%; width:100%;}
.prj-carousel .prj-item .figure{width:100%; height:400px; overflow:hidden;}
.prj-carousel .prj-item .figure img{position:absolute; width:100%; height:100%; object-fit:cover;}
.prj-carousel .prj-item .figure .action{position:absolute; right:15px; bottom:15px;}
.prj-carousel .prj-item:hover .figure .action .mark-action:before{color:#fff; background:#113254;}
.prj-carousel .prj-item .caption h3{margin-bottom:0}
@media(max-width:1199px){
.prj-view .slick-list{overflow:hidden}
}

/*Company*/
.company-focus{padding:80px 0;}
.company-focus:before{content:""; opacity:.15; position:absolute; top:0; left:0; width:100%; height:100%;  background:url(/media/l3ynevmk/decorazione-logo.svg) no-repeat 50% 0; background-size:90% auto;}
.company-focus .row-header{border:0}
.company-focus .panel-figure {height: 520px;}

/*News*/
.news-focus{padding:80px 0 160px 0}
.news-focus .col-lg-4:nth-child(1) .item-news{background:var(--c-grey); color:#fff;}
.news-focus .col-lg-4:nth-child(1) .item-news .btn-blank-arrow{color:#fff;}
.news-focus .col-lg-4:nth-child(2) .item-news{background:var(--c-grey-inv); color:#fff;}
.news-focus .col-lg-4:nth-child(2) .item-news .btn-blank-arrow{color:#fff;}

/*Prodotti
-----------------------------------------------*/
/*Cat prodotto*/
.hero-cat .cat-document{text-align:right; padding-right:80px}
.hero-cat .link-anchor{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); font-size:1.5rem; color:#fff}
@media(max-width:991px){
.hero-cat .cat-document{margin-top:60px; text-align:left;}
.hero-cat #progress-indicator{top:60px;}
}

/*Scheda prod*/
.prod-view{padding:190px 0 80px 0;}
/*header*/
.prod-view .prod-header{padding:40px 0; border-bottom:1px solid var(--c-line-grey)}
.prod-view .prod-header h1{margin:0}
.prod-view .prod-header .title .first-row,
.prod-view .prod-header .title .second-row .line-h2{overflow:hidden}
.prod-view .prod-header .title .second-row h2{margin:0}
.prod-view .prod-header .figure{overflow:hidden;}
.prod-view .prod-header .figure img{max-width:100%}
.prod-view .prod-header .figure .stripes{ display:flex; flex-direction:column; position:absolute; z-index:11; top:0; left:0; width:100%; height:100%;}
.prod-view .prod-header .figure .stripes .stripe{width:100%; height:33.3%; background:var(--c-grey)}

/*specifiche*/
.prod-view .prod-spec .spec-list{padding:40px 0;}
.prod-view .prod-spec .spec-list ul{display:flex; align-items:center; list-style:none; margin:0; padding:0;}
.prod-view .prod-spec .spec-list ul li{margin-right:15px;}
.prod-view .prod-spec .spec-list ul li img{width:120px;}
.prod-view .prod-spec .prod-document{display:flex; justify-content: flex-end; align-items:center; padding:40px 0;}
.prod-view .prod-spec .prod-document *{margin-right:15px}
.prod-view .prod-spec .prod-document *:last-child{margin-right:0}

/*info*/
.prod-view .prod-info{margin-bottom:100px;}
.prod-view .prod-info .rich-txt{padding:40px 0; line-height:1.8; border-top:1px solid var(--c-line-grey)}
/*.prod-view .prod-info .rich-txt span{display:block; padding:45px 45px 0 45px;}*/
.prod-view .prod-info .rich-txt ul{list-style:none; font-size: 1rem; padding:20px 35px; margin:0 0 1rem 0; border-radius:0.35rem; border: 1px dotted rgba(255,255,255,.7);}
.prod-view .prod-info .rich-txt ul li {margin-bottom:8px; padding-bottom:8px; border-bottom: 1px dotted rgba(255,255,255,.5);}
.prod-view .prod-info .rich-txt ul li:last-child {margin-bottom:0; padding-bottom:0; border: 0;}
.prod-view .prod-info .rich-txt ul li:before {position:absolute; top:-2px; left:-25px; content:"\F26E"; font-family:"bootstrap-icons"; font-size:1.25rem;}
.prod-view .prod-info .rich-txt ul li ul li {margin-bottom:3px;}
.prod-view .prod-info .rich-txt ul li ul li:before {top:5px; content:"\F231"; font-size:.65rem;}
.prod-view .prod-info .rich-txt ul li p{margin:0}

/*panel border*/
.prod-view .prod-info .panel-border-corner{padding:30px; border: 1px solid var(--c-line-grey); background:var(--c-grey)}
.prod-view .prod-info .panel-border-corner:before, 
.prod-view .prod-info .panel-border-corner:after {content: ""; position: absolute; z-index: 8; width: 46px; height: 46px; background: url(/media/qmgnotjh/corner-border-grey.svg);background-size: cover; transition: var(--ani-common);}
.prod-view .prod-info .panel-border-corner:before {top: -1px; left: -1px; transform: rotate(270deg);}
.prod-view .prod-info .panel-border-corner:after {bottom: -1px; right: -1px; transform: rotate(90deg);}
.prod-view .prod-info .panel-border-corner .panel-border-corner-header {text-transform:uppercase; font-weight:400}

/*lista applicazioni ico*/
.app-icon{padding:30px 0; border-bottom:1px solid var(--c-line-grey)}
.app-icon ul{display:flex; flex-wrap: wrap; gap:30px; list-style:none; padding:0; margin:0;}
.app-icon ul li{position:relative; font-weight:400; color:#000}
.app-icon ul li img{width:50px; height:50px;}
.app-icon ul li span.lbl-apps{display:inline-block; vertical-align:middle; width:calc(100% - 80px)}

/*spec-highlight*/
.spec-highlight{padding:30px 0;}
.spec-highlight ul{list-style:none; padding:0; margin:0 0 1rem 0;}
.spec-highlight ul li{padding:8px 0}
.spec-highlight ul li p{margin:0}
.spec-highlight ul li ul {margin:0}
.spec-highlight ul li ul li {padding-left:25px; font-size:0.85rem}

/*gallery*/
.prod-gallery .gallery-nav{height:100%; min-height:300px;}
.prod-gallery .gallery-nav .counter-container{display: flex; align-items:center; gap:5px; position:absolute; z-index:11; top:0; width:100%; font-size:0.9rem;}
.prod-gallery .gallery-nav .counter-container span:nth-child(2){display:block; height:1px; width:100%; background:var(--c-line-grey);}
.prod-gallery .gallery-nav .arrow-container{position:absolute; z-index:11; bottom:0; width:100%;}
.prod-gallery .gallery-carousel .slick-list{overflow: visible; padding:0 20% 0 0 !important;}
.prod-gallery .gallery-carousel .slick-list:before{position:absolute; z-index:1; content:""; height:100%; width:110%; left:-110%; background:var(--c-grey);}
.prod-gallery .gallery-carousel .gallery-item {height:500px;}
.prod-gallery .gallery-carousel .gallery-item img{position:absolute; width:100%; height:100%; object-fit:cover;}
@media(max-width:1199px){
.prod-gallery .gallery-nav{display:flex; min-height:180px;}
.prod-gallery .gallery-nav .counter-container{position:relative;}
.prod-gallery .gallery-nav .arrow-container{position:relative;}
}
/*gallery page*/
.prod-gallery.gallery-page{padding:140px 0}

/*multi-gallery variante pagina*/
.prod-gallery.gallery-list{padding:60px 0}

@media(max-width:991px){
/*header*/
.prod-view .prod-header{flex-wrap: wrap;}
.prod-view .prod-header .title{width:100%; margin-bottom:60px;}
/*specifiche*/
.prod-view .prod-spec .spec-list ul li img{width:100px;}
.prod-view .prod-spec .prod-document{justify-content: flex-start; flex-direction: column;}
.prod-view .prod-spec .prod-document .btn-icon{width:100%; margin:0 0 30px 0; flex:auto}
}

/*Page
-----------------------------------------------*/
/*page blockquote*/
.div-ani-bg{position:absolute; top:0; left:0; width:100%; height:0; background:var(--c-grey);}
.page-blockquote{padding:80px 0;}
.page-blockquote .blockquote{font-size: clamp(1.8rem, 6vw, 4rem); color:var(--c-grey-light); }
.page-blockquote .blockquote .bq-line{overflow:hidden;}
.page-blockquote .blockquote .bq-word{opacity:0; transform:translate(0,105%)}
/*page view*/
.page-view{padding: 80px 0;}
.page-view a{text-decoration:underline}
.media-video{padding-bottom:0!important;}
.tile-content,
.tile-content-combo{margin-bottom:80px}
.block-list .tile-content-combo:nth-child(odd) .blk-title{order:1;}
.block-list .tile-content-combo:nth-child(odd) .blk-txt{order:2;}
.block-list .tile-content-combo:nth-child(even) .blk-title{order:2;}
.block-list .tile-content-combo:nth-child(even) .blk-txt{order:1;}
@media(max-width:991px){
.block-list .tile-content-combo:nth-child(even) .blk-title{order:1;}
.block-list .tile-content-combo:nth-child(even) .blk-txt{order:2;}
}
@media(max-width:767px){
}
/*Pagina Gallery*/
.gallery-view{padding: 80px 0;}

/*Footer
-----------------------------------------------*/
footer{min-height:320px; width:100%; font-size:18px; color:#fff; border-top:1px solid var(--c-line-grey); background:var(--c-grey)}
footer .top ul{list-style:none; padding:0; margin:0 0 40px 0;}
footer .top ul li{position:relative; padding:5px 0;}
footer .top .row-link{display:flex}
footer .top .row-link ul{width:28%}
footer .bottom{font-size:.9rem; padding:25px 0; border-top:1px solid var(--c-line-grey)}
footer .bottom .svg-logo-footer{transform-origin:0 0; transform:scale(.7)}
footer .bottom .logo-eidos{width:24px;}
footer .col-border{ border-right:1px solid var(--c-line-grey)}
footer .col-border:first-child{ border-left:1px solid var(--c-line-grey)}
footer .col-border:last-child:before{content:""; opacity:0.1; position:absolute; top:0; left:0; width:100%; height:100%; background:url(/media/hhwd0n4m/r-letter.svg) no-repeat 108% 0; background-size:auto 125%}

footer a{text-decoration:none; color:#fff; }
footer a:after{content:""; position:absolute; bottom:-2px; left:0; width:0; height:1px; background:var(--c-line-grey); }
footer:has(a:is(:hover, :focus-visible)) 
a:not(:hover):not(:focus-visible) { opacity:.6;}
footer a:hover:after{width:100%; transition:all 400ms ease-in-out; background:#fff}
footer a:hover{color:#fff;}
footer small{font-size:0.7em;}

@media(max-width:1199px){
footer .top .row-link ul{width:33%}
}
@media(max-width:991px){
footer .col-border:last-child{border-left:1px solid var(--c-line-grey)}
footer .col-border:last-child:before{background:transparent;}
}
@media(max-width:767px){
footer .top .row-link:first-child ul:last-child{display:none}
footer .top .row-link ul{width:50%}
}

#msgReg{
    display:none;
    padding:20px;
    margin-top:20px;
    text-align:center;
    font-style:italic;
    border-top:2px solid #fff;
}