@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300&family=Roboto:wght@400;500;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;}

/*Generici
-----------------------------------------------*/
*{position:relative}
html {
    height: 100%;
}
body {
    /*opacity:0;*/
	height:100%;
    font-family: 'Roboto', sans-serif;
    font-weight:400;
    overflow-x:hidden;
    color:#000;
    line-height:1.4;
    font-size:16px;
    margin:0;
    padding:100px 0 0 0;
	background:#000;
}
body.loaded{opacity:1}
body.is-menu-active{overflow:hidden; }


a {color:#0f47b1; 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 {font-family:'Roboto', sans-serif; display:block; color:#000; font-weight:500; margin:0 0 1em 0; line-height:1.2em; padding:0;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:none;}

h1,.h1{font-size:3.2em;}
h2,.h2{font-size:2.8em;}
h3,.h3{font-size:2.4em;}
h4,.h4{font-size:2.0em;}
h5,.h5{font-size:1.6em;}
h6,.h6{font-size:1.4em;}
@media(max-width:767px){
h1,.h1{font-size:3em;}
h2,.h2{font-size:2.5em;}
h3,.h3{font-size:2.2em;}
}

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

/*animazioni generiche*/
.m-ani{
-webkit-transition:all 600ms ease-in-out;
-moz-transition:all 600ms ease-in-out;
-o-transition:all 600ms ease-in-out;
-ms-transition:all 600ms ease-in-out;
transition:all 600ms ease-in-out;
}
.row-header *, footer *, .slick-item *, .link-gen, .link-arrow{
-webkit-transition:all 600ms ease-out;
-moz-transition:all 600ms ease-out;
-o-transition:all 600ms ease-out;
-ms-transition:all 600ms ease-out;
transition:all 600ms ease-out;
}

/*==========================================================================
  IN VIEW
   ==========================================================================*/

.in-view-watcher{opacity:0; display:block;}
.in-view-watcher.is-in-view{opacity:1; transform:translate(0,0) scale(100%)}
.in-view-watcher.is-in-view{
	-webkit-transition:all .8s ease-out;
	-moz-transition:all .8s ease-out;
	-o-transition:all .8s ease-out;
	-ms-transition:all .8s ease-out;
	transition:all .8s ease-out;
}
.ty-tb-10{transform:translate(0 , -10px)}
.ty-tb-20{transform:translate(0 , -20px)}
.ty-tb-30{transform:translate(0 , -30px)}
.ty-tb-40{transform:translate(0 , -40px)}
.ty-tb-50{transform:translate(0 , -50px)}
.ty-tb-60{transform:translate(0 , -60px)}
.ty-tb-70{transform:translate(0 , -70px)}
.ty-tb-80{transform:translate(0 , -80px)}
.ty-tb-90{transform:translate(0 , -90px)}
.ty-tb-100{transform:translate(0 , -100px)}

.ty-bt-10{transform:translate(0 , 10px)}
.ty-bt-20{transform:translate(0 , 20px)}
.ty-bt-30{transform:translate(0 , 30px)}
.ty-bt-40{transform:translate(0 , 40px)}
.ty-bt-50{transform:translate(0 , 50px)}
.ty-bt-60{transform:translate(0 , 60px)}
.ty-bt-70{transform:translate(0 , 70px)}
.ty-bt-80{transform:translate(0 , 80px)}
.ty-bt-90{transform:translate(0 , 90px)}
.ty-bt-100{transform:translate(0 , 100px)}

.tx-rl-10{transform:translate(10px , 0)}
.tx-rl-20{transform:translate(20px , 0)}
.tx-rl-30{transform:translate(30px , 0)}
.tx-rl-40{transform:translate(40px , 0)}
.tx-rl-50{transform:translate(50px , 0)}
.tx-rl-60{transform:translate(60px , 0)}
.tx-rl-70{transform:translate(70px , 0)}
.tx-rl-80{transform:translate(80px , 0)}
.tx-rl-90{transform:translate(90px , 0)}
.tx-rl-100{transform:translate(100px , 0)}

.tx-lr-10{transform:translate(-10px , 0)}
.tx-lr-20{transform:translate(-20px , 0)}
.tx-lr-30{transform:translate(-30px , 0)}
.tx-lr-40{transform:translate(-40px , 0)}
.tx-lr-50{transform:translate(-50px , 0)}
.tx-lr-60{transform:translate(-60px , 0)}
.tx-lr-70{transform:translate(-70px , 0)}
.tx-lr-80{transform:translate(-80px , 0)}
.tx-lr-90{transform:translate(-90px , 0)}
.tx-lr-100{transform:translate(-100px , 0)}

.scale-110{transform:scale(110%)}
.scale-120{transform:scale(120%)}
.scale-130{transform:scale(130%)}
.scale-140{transform:scale(140%)}
.scale-150{transform:scale(150%)}

.delay0-2{transition-delay: 0.2s!important;}
.delay0-4{transition-delay: 0.4s!important;}
.delay0-6{transition-delay: 0.6s!important;}
.delay0-8{transition-delay: 0.8s!important;}
.delay1-0{transition-delay: 1s!important;}
.delay1-2{transition-delay: 1.2s!important;}
.delay1-4{transition-delay: 1.4s!important;}
.delay1-6{transition-delay: 1.6s!important;}
.delay1-8{transition-delay: 1.8s!important;}

/*estensione del container*/
@media (min-width:1600px){
.container{max-width:1500px;}
}
@media (max-width:767px){
.container{
    padding-right: var(--bs-gutter-x,1.5rem);
    padding-left: var(--bs-gutter-x,1.5rem);
}
}


/*Header
-----------------------------------------------*/
header {
	position: fixed;
    top: 0;
    left: 50%;
	transform:translate(-50%,0);
    z-index: 50;
    min-height: 100px;
	max-width:1600px;
    width:100%;
	background-color:rgba(255,255,255,1);
	transition:top 0.6s ease 0.2s, background-color 0.6s ease; 
}
header *{position:relative}

/*Menu / .top*/
header{padding:20px 0 20px 0;}
header .logo{margin:0 auto; text-align:center;}
header .logo img{max-width:100%; height:auto;}


/* Nav */
.menu{
	position:fixed; 
	z-index: 49; 
	top:100px; 
	left:50%; 
	transform:translate(-50%,-120%); 
	max-width:1600px; 
	width:100%; height:calc(100% - 100px); 
	padding:0px 0 0 0; 
	opacity:0; 
	overflow:hidden;
	background:#0f47b1;
}
.menu:after,
.col-dx-up:after{position:absolute; content:""; background:rgba(255,255,255,0.2)}
.menu:after{top:0; left:50%; height:100%; width:1px;}
.col-dx-up:after{bottom:0; left:-4px; height:1px; width:calc(100% + 80px);}
.menu.active{transform:translate(-50%,0); opacity:1;}
.menu .container,
.menu .row,
.menu .col-12{height:100%}
.grid-menu{
	display:grid;
	padding:25px 0;
	height:auto;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-template-areas: 
		"big-1 small-1"
		"big-1 small-2";
	column-gap: 10px;
	row-gap:15px;
}
.grid-menu,
.grid-menu .h3,
.grid-menu .h5,
.grid-menu a{color:#fff}
.grid-menu a:hover{text-decoration:underline}
.grid-menu ul{margin:0 0 30px 0; padding:0}
.grid-menu ul li {padding:5px 0}
.grid-menu ul li .h3,
.grid-menu ul li .h5{margin-bottom:0;}

.grid-menu .col-sx{grid-area: big-1}
.grid-menu .col-dx-up{grid-area: small-1}
.grid-menu .col-dx-down{grid-area: small-2}

.col-dx-up{display:flex; flex-direction: column; padding:0 60px}
.col-dx-up .row-up{display:flex ; width:100%}
.col-dx-up .row-up ul{width:50%}
.col-dx-up .row-down{width:100%;}
.col-dx-up .row-down li{display:inline-block; margin-right:30px;}
.col-dx-down{padding:30px 60px;}
.col-dx-down .row-up{display:inline-block; margin-right:30px;}

/* toggle menu */
.toggle {position:absolute; z-index:610; width:70px; height:50px; top:10px; padding:10px; left:0; background:transparent; }
#nav-toggle{display:block; width:100%; height:100%;}
#nav-toggle span{transform: translate(0, 13px);}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after{ cursor:pointer; height:2px; width:50px; background:#0f47b1; position:absolute; display:block; content:''; }
#nav-toggle:hover span, #nav-toggle:hover span:before, #nav-toggle:hover span:after{background:#0f47b1;}
#nav-toggle span:before{ top:-10px; }
#nav-toggle span:after{ top:10px; }
#nav-toggle.active span, #nav-toggle.active span:before, #nav-toggle.active span:after{background:#0f47b1;}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after{ 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 span{ background-color:transparent; }
#nav-toggle.active span:before, #nav-toggle.active span:after{ top:0; background-color:#0f47b1; }
#nav-toggle.active span:before{ transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); }
#nav-toggle.active span:after{ transform:translateY(-10px) rotate(-45deg); -webkit-transform:translateY(-10px) rotate(-45deg); -ms-transform:translateY(-10px) rotate(-45deg); top:10px; }

/* lang */
.lang {position:absolute; z-index:610; top:20px; right:0;}
.lang a{color:#000}
.lang .dropdown-toggle:after{color:#0f47b1}
.lang .dropdown-menu{width:60px; border-radius:0; min-width:60px;}

@media (max-width:767px){
header{padding:25px 0 25px 0;}
header .logo img{max-width:180px;}
/* Nav */
.menu{overflow:auto}
.menu:after,
.col-dx-up:after{display:none}

.grid-menu{
	height:auto;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	grid-template-areas: 
		"big-1"
		"small-1"
		"small-2";
}
.col-dx-up{padding:30px 0}
.col-dx-down{padding:30px 0;}

/* toggle menu */
.toggle {width:60px; top:0}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after{width:40px;}

/* lang */
.lang {top:10px;}
}

/*Generici
-----------------------------------------------*/
main{max-width:1600px; min-height:100vh; margin:0 auto; background:#fff}
@media(max-width:767px){
main{overflow-x:hidden}
}
body.is-active main section:first-child{padding-top:160px;}

.max{width:100%!important; max-width:100%!important}
.bg-page{background:#f1f0ee}
.error{background:#f1f0ee}

/*div umbraco embed video*/
.embeditem{width:100%; margin-bottom:1em; padding-bottom: 56.25%;}
.embeditem iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*font*/
.merriweather-300 {font-family: "Merriweather", serif; font-weight:300;}
.text-normal{text-transform:none}

/*hero bg page*/
.hero-bg-page{height:80vh;}
.hero-bg-page .bg-img{position:absolute; z-index:-1; height:100%; width:100%; background:#000;}
.hero-bg-page .bg-img img{object-fit:cover; opacity:0.7; height:100%; width:100%;}
.hero-bg-page .title-page{position:absolute; top:47%; width:100%}
.hero-bg-page h1{color:#fff; font-size:3.8em;}
.hero-bg-page .arrow-container{position:absolute; z-index:20; bottom:-33px; width:100%; text-align:right}
@media(max-width:767px){
.hero-bg-page h1{color:#fff; font-size:2.8em;}
}

/*dot alert*/
.dot-alert{position:absolute; right:-15px; top:0; width:8px; height:8px; border-radius:50%; background:#f76bad; animation: blink 2s infinite;}
.dot-alert.dot-yellow{background:yellow;}
@keyframes blink {
  0%, 100% { opacity: 0; }
  50% { opacity: 1; }
}
/*card*/
.card-focus{border-radius:12px; padding:30px; background:#fff}
.card-focus .c-txt{padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #fff;}
.card-focus .c-txt p:last-child{margin-bottom:0}
.card-focus .c-link .link-gen{width:100%}
.card-focus p{margin-top:0!important}
.card-focus-primary{color:#fff; background:#0f47b1}

/*offcanvas*/
.offcanvas{background:#f3f3f3}
.offcanvas.offcanvas-end{width:55%}
.offcanvas-body{padding:0 60px; text-align:left!important}
.offcanvas-body .h3{margin-bottom:0}
.offcanvas-body .h4{font-weight:400}
.offcanvas-body .form-control{border:0; border-radius:0; padding:0.7rem 1.5rem}
.offcanvas-body #divResultMsg p{color:#000}
@media(max-width:991px){
.offcanvas.offcanvas-end{width:95%}
.offcanvas-body{padding:0 30px;}
}

/*row intro*/
.row-header{margin-bottom:80px;}
.row-header h1{font-size:3.6em; margin-bottom:0}
.row-header h2{font-size:3.2em; margin-bottom:0}
.row-header h2.small{font-size:1.6em; text-transform:none; margin-top:30px;}
.row-header p{margin-top:50px;}
@media(max-width:767px){
.row-header h1{font-size:2.8em;}
.row-header h2{font-size:2.6em;}
.row-header p{margin-top:0;}
}

/*link*/
.link-gen{display:inline-block; padding:10px 30px; font-size:0.9em; text-decoration:none; text-transform:uppercase; color:#fff; border:1px solid #0f47b1; background:#0f47b1; box-shadow:0 0 12px rgba(15, 71, 177,0.3)}
.link-gen:hover{color:#000; border-color:#fff; background:#fff;}

.link-gen.link-white{color:#000; border:1px solid #fff; background:#fff}
.link-gen.link-white:hover{color:#fff; border-color:#0f47b1; background:#0f47b1;}

.link-gen.link-blank{padding:10px 80px 10px 0; color:#000; border:0; background:transparent; box-shadow:none}
.link-gen.link-blank:after{color:#0f47b1;}
.link-gen.link-blank:hover{color:#0f47b1;}

.link-arrow{display:inline-block; padding:10px 60px 10px 0; margin:0 5px; font-size:0.9em; color:#000; text-decoration:none; text-transform:uppercase; border-bottom:3px solid #0f47b1}
.link-arrow:after{content:"›"; position:absolute; right:0; top:0; font-size:1.8em; color:#0f47b1}
.link-arrow:hover{border-color:#000}


/*btn arrow*/
.btn{border-radius:0}
.btn-primary{border-color:#0f47b1; background-color:#0f47b1; padding:0.5rem 2rem;}

.btn-arrow{cursor:pointer; display:inline-block; position:relative; padding:10px; margin:0 5px; width:60px; height:60px; border-radius:60px; border:1px solid #0f47b1; background:url(../images/arrow-white.svg) no-repeat center center #0f47b1; box-shadow:0 0 12px rgba(15, 71, 177,0.3); background-size:26px}
.btn-arrow:hover{background:url(../images/arrow-primary.svg) no-repeat center center #fff; background-size:26px}

.btn-arrow-white{border:1px solid #fff; background:url(../images/arrow-primary.svg) no-repeat center center #fff; box-shadow:0 0 12px rgba(15, 71, 177,0.3); background-size:26px}
.btn-arrow-white:hover{background:url(../images/arrow-black.svg) no-repeat center center #fff; background-size:26px}

.btn-arrow-border-dark{border-color:#828a8c; box-shadow:none;}
.btn-arrow-border-dark:hover{border-color:#0f47b1;}

.btn-arrow-dw{transform:rotate(90deg)}
.btn-arrow-up{transform:rotate(-90deg)}
.btn-arrow-sx{transform:rotate(180deg)}


/*theme*/
.theme ul {list-style:none; font-size:1.1em}
.theme ul li{margin-bottom:8px;}
.theme ul li:before{position:absolute; content:""; left:-30px; top:7px; height:10px; width:10px; border-radius:10px; background:#0f47b1}
.theme .figure img{width:100%; border-radius:12px;}
.theme .sticky{position:sticky; top:100px;}
.theme .figure.sticky{position:sticky; top:100px;}

/*404*/
#notfound {padding:220px 0; height: 100vh}
#notfound .notfound {}
.notfound {width: 100%; padding-left: 160px; line-height: 1.1}
.notfound h1{font-size:5em; margin:0}
.notfound .notfound-404 {position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; width: 140px; height: 140px;}
.notfound .notfound-404:before {content: ''; position: absolute; width: 260%; height: 260%; top:50%; left:50%; transform:translate(-50%, -50%); border-radius: 50%; background-color: #f2f5f8;}
.notfound .notfound-404 i{font-size:8em;}

/*div loading*/
#divloading{display:none}

/*accordion*/
.accordion-button:not(.collapsed){background-color: #daf9f1}
.accordion-item h3{font-size:1.4em}

/* EasyZoom core styles
-----------------------------------------------*/
.easyzoom{border-radius:16px}
.easyzoom img{vertical-align: bottom;}
.easyzoom.is-loading img{cursor: progress;}
.easyzoom.is-ready img{cursor: crosshair;}
.easyzoom.is-error img{cursor: not-allowed;}
.easyzoom-notice{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 150;
	width: 10em;
	margin: -1em 0 0 -5em;
	line-height: 2em;
	text-align: center;
	background: #FFF;
	box-shadow: 0 0 10px #888;
}
.easyzoom-flyout{
	position:absolute;
	border-radius:8px;
	z-index: 100;
	overflow: hidden;
	background: #FFF;
}

/* EasyZoom layout variations*/
.easyzoom--overlay .easyzoom-flyout{top: 0; left: 0; width: 100%; height: 100%;}
.easyzoom--adjacent .easyzoom-flyout{top: 0; left: 100%; width: 100%; height: 100%; margin-left: 20px;}

/*Home
-----------------------------------------------*/

/*Section*/
section p{line-height: 1.8;}

/*Main slider*/
.hero-bg-home{height:calc(100vh - 100px); background:#333}
.hero-slider,
.hero-slider .slick-list,
.hero-slider .slick-track{height:100%}
.hero-slider .slick-item {height:100%; width:100%; background:#000;}
/* img */
.hero-slider .slick-item .figure{position:absolute; top:0; left:0; overflow:hidden; width:100%; height:100%}
.hero-slider .slick-item .figure img{width:100%; height:100%; object-fit:cover;
-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
-webkit-transform: scale(1.4);
transform: scale(1.4);
opacity:0;}
.hero-slider .slick-current .figure img{-webkit-transform: scale(1); transform: scale(1); opacity:1}
/* caption */
.hero-slider .slick-item .caption{display:flex; flex-direction: column; justify-content:center; padding:0 8%; width:100%; height:100%;
opacity:0;
transform:translate(-50px, 0);
-webkit-transition: all .8s ease-out;
transition: all .8s ease-out;}
.hero-slider .slick-active .caption{opacity:1; transform:translate(0, 0); transition-delay:1.4s}
.hero-slider .slick-item .caption h2{color: #fff; font-size:4.5em;}
/*dots*/
.progressBarContainer {display:flex; flex-wrap: wrap; position:absolute; bottom:50px; list-style-type: none; width:100%; padding:0 8%; padding-left:8%; margin:0;}
.progressBarContainer div {width: 22%; padding: 0; cursor: pointer; margin-right:4%; /*float: left;*/ color: white;}
.progressBarContainer div:last-child {margin-right: 0;}
.progressBarContainer div span.label{font-size:16px; text-transform:uppercase; font-weight:700}
.progressBarContainer div span.progressBar {display:block; width: 100%; height: 1px; margin-bottom:20px; background-color:#fff;}
.progressBarContainer div span.progressBar .inProgress {position:absolute; bottom:0; width: 0%; height: 3px; background-color:#0f47b1;}
@media(max-width:767px){
/*Main slider*/
.hero-bg-home{height:calc(100vh - 150px); background:#333}
/*img*/
.hero-slider .slick-item .figure img{width:150%}
/* caption */
.hero-slider .slick-item .caption{padding:0 8% 200px 8%}
.hero-slider .slick-item .caption h2{font-size:3em;}
/*dots*/
.progressBarContainer{bottom:20px;}
.progressBarContainer div{width: 44%;}
.progressBarContainer div span.label{font-size:14px; display:block; margin-bottom:30px;}

}


/*qualità  home*/
.quality-focus{padding:80px 0;}

@media (min-width: 576px){
.header-intro,
.quality-view{max-width: 540px;}	
}
@media (min-width: 768px){
.header-intro,
.quality-view{max-width: 720px;}
}
@media (min-width: 992px){
.header-intro,
.quality-view{max-width: 960px;}
}
@media (min-width: 1200px){
.header-intro,
.quality-view{max-width: 1140px;}
}
@media (min-width: 1400px){
.header-intro,
.quality-view{max-width: 1320px;}
}
.header-intro,
.quality-view{width: 100%; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); margin-right: auto; margin-left: auto;}

.header-intro .row-intro{display:flex; align-items: center; padding-bottom:100px;}
.header-intro .row-intro .payoff{width:50%}
.header-intro .row-intro span{margin-bottom:0}
.header-intro .row-intro .icon{width:40%; margin-left:10%}
.icon-list-inline{display:flex; gap:30px; flex-wrap: wrap; justify-content: space-around; list-style:none; padding:0; margin:0;}
.icon-list-inline li{text-align:center; text-transform:uppercase; font-size:0.8em}
.icon-list-inline li img{margin-bottom:15px; height:100px;}

.quality-view .row-top{display:flex; align-items:flex-end; padding:100px 0;}
.quality-view .row-top .figure{width:60%; overflow:hidden}
.quality-view .row-top .figure img{object-fit: cover; width: 100%; height: 100%;}
.quality-view .row-top .caption{width:30%; margin-left:10%}
.quality-view .row-top .caption p{margin-bottom:2.6em}

.quality-view .row-bottom{display:flex; align-items: stretch; padding:100px 0;}
.quality-view .row-bottom .col-sx,
.quality-view .row-bottom .col-dx{width:50%}
.quality-view .row-bottom .col-sx{display:flex; flex-direction: column; justify-content: space-between}
.quality-view .row-bottom .col-sx .figure{width:80%; overflow:hidden}
.quality-view .row-bottom .col-sx .figure img{object-fit: cover; width: 100%; height: 100%;}
.quality-view .row-bottom .col-sx .caption{width:60%;}
.quality-view .row-bottom .col-sx .caption p{margin-bottom:2.6em}
.quality-view .row-bottom .col-dx .figure{overflow:hidden}
.quality-view .row-bottom .col-dx .figure img{object-fit: cover; width: 100%; height: 100%;}

@media(max-width:1199px){
.header-intro .row-intro{flex-direction:column}
.header-intro .row-intro .payoff{width:100%}
.header-intro .row-intro .icon{width:100%; margin:80px 0 0 0}

.quality-view .row-top .figure{width:50%;}
.quality-view .row-top .caption{width:40%; margin-left:10%}
}
@media(max-width:991px){
.quality-view .row-top{flex-direction:column}
.quality-view .row-top .figure{width:100%; margin-bottom:80px;}
.quality-view .row-top .caption{width:75%;}

.quality-view .row-bottom{flex-direction:column}
.quality-view .row-bottom .col-sx,
.quality-view .row-bottom .col-dx{width:100%}
.quality-view .row-bottom .col-sx{margin-bottom:80px}
.quality-view .row-bottom .col-sx .figure{width:100%;}
.quality-view .row-bottom .col-sx .caption{width:75%; margin-bottom:80px}
.quality-view .row-bottom .col-dx .figure{width:100%;}

}
@media(max-width:767px){
.header-intro .row-intro{padding-bottom:0;}
.quality-view .row-top{padding-bottom:100px;}
.icon-list-inline li img{height:64px;}
}

/*ambasciatori*/
.celebrity-focus{padding:100px 0;}
.celebrity-focus .figure{overflow:hidden}
.celebrity-focus .figure img{object-fit: cover; width: 100%; height: 100%;}

@media(max-width:991px){
.celebrity-focus .caption{margin-bottom:80px}
}
@media(max-width:767px){
.celebrity-focus small{display:block; margin-bottom:40px;}
}


/*Prodotti
-----------------------------------------------*/
/*liste*/
.header-prods{padding:80px 0; background-color:#000}
.header-prods .row{align-items:center}
.header-prods .row .cta-container{text-align:right}
.header-prods h1,
.header-prods p{color:#fff}

.prods-view{padding:100px 0;}
.prods-view .prods-group{padding-bottom:80px;}
.prods-view .prods-group:last-child{padding-bottom:0;}
.prods-view .prods-group h2{font-size:2em; padding-bottom:30px; border-bottom:1px solid #e9e5de}
.prods-view .prods-group .prods-list{list-style:none; margin:0; padding:0}
.prods-view .prods-group .prods-list .p-item{margin-bottom:60px}
.prods-view .prods-group .prods-list .p-item a{position:absolute; z-index:1; top:0; left:0; width:100%; height:100%}
.prods-view .prods-group .prods-list .figure{padding:0 30px; text-align:center}
.prods-view .prods-group .prods-list .figure img{max-width:100%}
.prods-view .prods-group .prods-list .caption{padding:30px; text-align:center}
.prods-view .prods-group .prods-list .caption span{text-transform:uppercase; font-weight:500}
.prods-view .prods-group .prods-list .caption .prod-group{display:block; margin:10px auto; width:90%; font-size:0.75em; text-align:center; color:#fff; background:#0f47b1}
.prods-view .prods-group .prods-list .prod-new {position:absolute; z-index:15; top:0; left:0; padding:2px 8px; font-size:0.75em; text-transform:uppercase; color:#fff; border-radius:3px; background:#293b85}
.prods-view .prods-group .prods-list .prod-new:before {content:""; position:absolute; z-index:-1; bottom:-2px; left:calc(50% - 4px); width:8px; height:8px; transform:rotate(45deg); background:#293b85}

@media(max-width:991px){
.header-prods .row div:last-child{text-align:left}
.header-prods .row div:last-child a{margin-top:30px}
.header-prods .offcanvas.offcanvas-end{width:95%}
}

/*dettaglio*/
.prod-view{padding:100px 0; background-color:#101010}
.prod-breadcrumb{list-style:none; padding:0 0 40px 0; margin:0;}
.prod-breadcrumb li{display:inline-block; padding-right:15px; color:#fff; font-size:0.8em; text-transform:uppercase;}
.prod-breadcrumb li a{color:#fff; text-decoration:underline;}

.prod-view .main-info{color:#fff; padding:0 100px 60px 0}
.prod-view .main-info h1,
.prod-view .main-info .h5{color:#fff;}
.prod-view .figure {padding:10px; display:block}
.prod-view .figure img.prod-img{width:100%}
.prod-view .deep-info{padding:80px 0 0 0}
.prod-view .deep-info .accordion-item{margin-bottom:30px;}
.prod-view .deep-info .accordion-item:first-of-type{border-top-left-radius:0; border-top-right-radius:0}
.prod-view .deep-info .accordion-item:last-of-type{border-bottom-right-radius:0; border-bottom-left-radius:0}
.prod-view .deep-info .accordion-header{border-bottom:1px solid #404040}
.prod-view .deep-info .accordion-button{color:#fff; font-size:0.5em; font-weight:500; padding:15px 0; border:0; background:transparent;}
.prod-view .deep-info .accordion-button:focus{box-shadow:none}
.prod-view .deep-info .accordion-button:after{
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e")
}
.prod-view .deep-info .accordion-item{border:0; background:transparent;}
.prod-view .deep-info .accordion-body{color:#fff; padding:30px 0;}
.file-download{display:flex; margin:0; padding:0}
.file-download li{display:inline-block; margin:15px 10px;}
.file-download li a{display:flex; flex-direction:column; align-items:center; justify-content:center; width:140px; height:200px; border:1px solid #0f47b1; border-radius:3px; padding:35px 35px;}
.file-download li a:hover{color:#fff}
.file-download li a i{font-size:2em}
.file-download li a span{display:block; text-align:center;}

@media(max-width:991px){
.prod-view .main-info{color:#fff; padding:0 0 60px 0}
.prod-view .cta-container{padding-bottom:100px}
}

/* News
----------------------------------------------- */
.page-news {padding: 30px 0 180px 0;}
.news-list{padding-top:0; display:flex; justify-content: space-between; flex-wrap: wrap;}
.news-list .item-news:first-child{width:100%; border:1px solid #e9e5de}
.news-list .item-news:first-child .panel-news{width:100%; display:flex;}
.news-list .item-news:first-child .figure{width:50%; height:350px}
.news-list .item-news:first-child .title{width:50%; padding:30px;}
.news-list .item-news:first-child h2{font-size:2.6em; line-height:1.6}
.news-list .item-news{width:50%; margin-bottom:60px; border-bottom:1px solid #e9e5de}
.panel-news{padding:15px;}
.panel-news .figure{width:100%; overflow:hidden; background:#000;}
.panel-news .figure img{width:100%; height:100%; object-fit:cover;}
.panel-news .title{padding:30px 0;}
.panel-news a{text-decoration:none;}
.panel-news h2{font-size:1.6em;}
.panel-news ul{padding:0}
.panel-news ul li{display:inline-block; text-transform:uppercase;}

@media(max-width:767px){
.news-list .item-news:first-child h2{font-size:1.8em;}
.news-list .item-news:first-child .panel-news {flex-direction: column;}
.news-list .item-news:first-child .figure{width:100%;}
.news-list .item-news:first-child .title{width:100%;}
.news-list .item-news{width:100%;}
.panel-news{padding:0;}
.panel-news h2{font-size:1.4em;}
}

/*dettaglio*/
.page-news-post{padding:80px 0;}
.page-news-post .n-date ul{padding:0;}
.page-news-post img{width:100%; height:auto;}


/*Page
-----------------------------------------------*/
/**/
.hero-banner-page,
.hero-banner-page .banner{position:relative; width:100%; height:60vh; overflow:hidden; background:#000;}
.hero-banner-page .banner img{width:100%; height:100%; object-fit:cover; opacity:0.5}
.hero-banner-page .banner-caption{position:absolute; width:100%; top:50%; transform:translate(0,-50%)}
.hero-banner-page .banner-caption .headline-top{padding:0 30px; text-align:center;}
.hero-banner-page .banner-caption .headline-top h1{font-size:4em; color:#fff; font-weight:400; line-height:1.2}
.hero-banner-page .banner-caption .headline-top span{color:#fff;}

.page{padding:80px 0;}
.page .headline-body{text-align: center; padding-bottom:80px; margin-bottom:80px; border-bottom:1px solid #eee}
.page .headline-body .h5{margin:0; line-height:2}


@media (max-width:1199px){
.hero-banner-page .banner-caption .headline-top h1{font-size:3.4em;}
}

@media (max-width:767px){
/*Page news*/
.hero-banner-page,
.hero-banner-page .banner{height:50vh;}
.hero-banner-page .banner-caption .headline-top h1{font-size:2.6em;}
}


/*Contatti
-----------------------------------------------*/
.page-contact{padding:140px 0;}
.company-branch{margin-bottom:80px;}
.company-branch .c-address{padding:30px; min-height:360px; margin-bottom:1.5em; background:#f2f2f3}
.company-branch .c-address h2{text-transform:none; font-size:1.6em; font-weight:400; }
.company-branch .c-address p{font-size:0.9em;}
.company-branch .staff-card {height:360px; margin-bottom:1.5em; font-size:0.9em;}
.company-branch .staff-card .photo{height:100%; width:100%; overflow:hidden;}
.company-branch .staff-card .photo img{object-fit: cover}
.company-branch .staff-card .name{position:absolute; width:100%; bottom:0; left:0; padding:1.5em;}
.company-branch .staff-card .name:after{position:absolute; z-index:0; content:""; height:100px; width:100%; bottom:0; left:0; background: linear-gradient(0deg, rgba(0,0,0,1) 20%, rgba(0,0,0,0) 100%);}
.company-branch .staff-card .name p{z-index:1; line-height:1; color:#fff; margin:0}


/*Footer
-----------------------------------------------*/
footer{max-width:1600px; min-height:320px; margin:0 auto; line-height:1.7em; color:#4c4d58; border-top:1px solid #e9e5de; background:#fff}

footer .h4{font-weight:400; color:#4c4d58}
footer .top{padding:90px 0 40px 0;}
footer .top ul{list-style:none; padding:0; margin:0 0 40px 0;}
footer .top ul li{position:relative; padding:7px 0;}
footer .col-link {margin-top:80px;}
footer .logo-secondary {width:180px; margin-bottom:30px;}

footer .bottom{padding:30px 0 30px 0; border-top:1px solid #e9e5de}
footer .bottom .social{list-style:none; margin:0; padding:0; text-align:right}
footer .bottom .social li{display:inline-block; padding:0 10px 0 0}

footer strong{font-size:1em}
footer a{text-decoration:none; color:#4c4d58; }
footer a:hover{color:#0f47b1; }
footer small{font-size:0.85em;}

@media(max-width:991px){

}
@media(max-width:767px){
footer {text-align:center;}
}

/*modal*/  
.modal-theme-dark .modal-content{background:#000; color:#ddd}
.modal-theme-dark .modal-header{border-bottom:1px solid #333;;}

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