@import url("_reset.css");
@import url("_columns.css");
@import url("_sections.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&family=Roboto:wght@300;400;700;900&family=Anton&display=swap');

/* struttura */
html { font-family: 'Montserrat', sans-serif; font-size:16px; background:var(--css-html-bg-color);  }
#wrapper { position:relative; z-index:1; width:100%; overflow:hidden; letter-spacing:.3px; margin:0 auto; max-width:2560px; }
.innerTpl { position:relative; max-width: var(--css-innerTpl-max-width); margin:0 auto; }
.hide-desktop { display:none; }
::-webkit-scrollbar              { background:var(--css-color-active); width:5px; height:5px; }
::-webkit-scrollbar-button       { }
::-webkit-scrollbar-track        { }
::-webkit-scrollbar-track-piece  { }
::-webkit-scrollbar-track-piece:start {  }
::-webkit-scrollbar-thumb        { background:var(--css-color-active); }
::-webkit-scrollbar-thumb:window-inactive { }
::-webkit-scrollbar-button:horizontal:decrement:hover {}
::-webkit-scrollbar-corner       { }
::-webkit-resizer                { }

/* testi */
h1, h2, h3, h4, .title, .subtitle, .text { position:relative; -webkit-font-smoothing: antialiased; word-wrap: break-word; font-smoothing: antialiased; }
h1, h2, h3, h4, .title { font-family: 'Roboto', sans-serif; margin-bottom:35px; }
h1,
.title { font-size:2.75rem; line-height:3.25rem; font-weight:700; color: var(--css-font-title-color); }
h2,
.subtitle { font-size:2rem; line-height:2.5rem; font-weight:700; color: var(--css-font-subtitle-color); }
h3 { font-size:1.5rem; line-height:2rem; font-weight:300; color: var(--css-font-subtitle-color); }
h4 { font-size:1.25rem; line-height:1.75rem; font-weight:700; color: var(--css-font-subtitle-color); }
.text { font-size:1.15rem; line-height:1.75rem; color: var(--css-font-text-color); }
.text p { margin:0 0 15px 0; }
.text img { max-width:100% !important; height:auto !important; }
.title a,
.subtitle a,
.text a { color: var(--css-font-text-link-color); border-bottom:1px solid var(--css-font-text-link-color); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;  }
.title a:hover,
.subtitle a:hover,
.text a:hover { border-color:transparent; }
.title ul li,
.subtitle ul li,
.text ul li { list-style-type:disc; margin-left:25px; }
.title ol li,
.subtitle ol li,
.text ol li { list-style-type:decimal; margin-left:25px; }
strong, b { font-weight:700; }
em, .em { font-style:italic; }
.em p:before { content: "\f10d"; font-family: "Font Awesome 6 Pro"; font-weight:700; position:relative; top:-10px; left:-15px; color:#aaa; }
.em p:after { content: "\f10e"; font-family: "Font Awesome 6 Pro"; font-weight:700; position:relative; top:10px; right:-15px; color:#aaa; }

/* misc */
hr { background:#DDD; height:1px; color:#DDD; border:0; margin:20px 0; width:100%; }
hr:after { content: ""; display: block; clear:both; }
.fa, .fab, .fad, .fal, .far, .fas { color:var(--css-button-color); font-size:24px; position:relative; margin:0 3px; }
.button { font-size:0.875rem; text-transform:uppercase; padding:15px 45px 15px; margin:25px 0 0 0; text-align:center; display:inline-block; color:#FFF; cursor:pointer; border:0; background:var(--css-button-color); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; }
.button:hover { background:var(--css-button-color-active); }
.button.right { float:right; }
.transition-050 { -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; }
.transition-025 { -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
#goToTop { position:fixed; z-index:3; right:-51px; bottom:45px; border:0; width:48px; height:48px; background:var(--css-button-color); display:block; cursor:pointer; text-align:center; opacity: 0.2; border-radius: 10px; }
#goToTop:hover { background:var(--css-color-active); opacity: 1; }
#goToTop i { color:#FFF; line-height:48px; font-size:20px; font-weight: 300; }
#goToTop:hover i { color:#FFF; }	
#easyMessage { position:fixed; top:0px;  z-index:990; width:100%; height:100%;  }
#easyMessage .bg { z-index:991; position:absolute; top:0; left:0; width:100%; height:100%; background:#FFF; opacity:0.7;  }
#easyMessage .content { z-index:991; position:absolute; top:30%; width:500px; left:calc(50% - 300px);  padding:25px; background:#FFF; min-height:100px; border:1px solid #DDD; }
#easyMessage .content .close { position:absolute; z-index:991;  top:20px; right:20px; cursor:pointer; font-size:30px; color:#BBB; }
#easyMessage .content .close:hover { color:#005da7; }
#easyMessage .content .title { font-size:1.25rem; line-height:1.5rem; margin:0 0 20px 0; max-width:calc(100% - 40px); color:#005da7; }
#easyMessage .content .text { font-size:1.05rem; line-height:1.85rem; color:#666; }

/* header */
.header { position:relative; width:100%; z-index:5; background:var(--css-header-bg-color); }
.header:after { content: ""; display: block; clear:both; }
.header .column { height:150px; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; overflow:visible;  }
/* .header .column img.logo { margin-top:25px; max-height:100px; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;  } */
.header .column.c10 .mini-logos { position: absolute; z-index: 2; margin-top: 25px; }
.header .column.c10 .mini-logos .wrapper-image { display: inline-block; }
.header .column.c10 .mini-logos img { float: left; height: 90px; width: auto; margin-right: 20px; border-radius: 5px; }
.header .logo { position: relative; z-index: 1; text-align: center; margin-top: 25px; text-transform: uppercase; color:#42a956; font-family: "Anton", sans-serif; font-size: 5.5rem;  line-height: 6rem; letter-spacing: 1px; }
.header .logo a { color:#42a956; text-decoration: none; border: 0; }

.header .text { font-size:1rem; float:right; margin:47px 100px 0 0; color:#999; }
body.scrolled .header .text { margin-top:25px; }
.header .text a { color:#999; border-color:#DDD; padding-bottom:2px; }
.header .text a:hover {  border-color:transparent; }

.header .navOpenButton { display: none; }

.header .chooseLang { position: absolute; z-index: 2; top: 20px; right: 50px; }
.header .chooseLang a { font-size:1rem; line-height:1.5rem; color:#999; font-weight: 300; }
.header .chooseLang a:first-child{ margin-right: 25px; }
.header .chooseLang a:hover { }
.header .chooseLang a.selected { color:#42a956;font-weight: 500; }

body.scrolled .header { display: none; /* position:fixed; box-shadow: 0 0 15px 1px rgb(0 0 0 / 20%); */ }
/* 
body.scrolled .header .column { height:80px; }
body.scrolled .header .column img.logo { margin-top:10px; max-height:55px; } 
*/

/* nav */
#navMobileBg { display:none; }
#navMobile .navOpenButton { display: none; }
#navMobile { display: none; }

#nav-bar { text-align: center; height:75px; background: linear-gradient(90deg, rgba(170,170,170,1) 0%, rgba(102,102,102,1) 100%); z-index:6; }
#nav-bar .column { overflow: visible; }
#nav-bar #nav ul { height:inherit; }
#nav-bar #nav ul li.lv1 { position: relative; display: inline-block; height:inherit;  }
#nav-bar #nav ul li.lv1 a { font-family: "Montserrat", sans-serif; color:#FFF; font-size:1.35rem; line-height:75px; padding:0 30px; display:block; font-weight:500; }
#nav-bar #nav ul li.lv1:first-child {  }
#nav-bar #nav ul li.lv1.open a, #nav-bar #nav ul li.lv1:hover a { color:#FFF; background:#42a956; }
#nav-bar #nav ul li.lv1 a.on { color:#FFF; }
#nav-bar .logo { display: none; float: right; max-height: 40px; margin-top: 12px; text-transform: uppercase; color: #FFF; font-family: "Anton", sans-serif; font-size: 1.75rem;  line-height: 3rem; letter-spacing: 1px; }
#nav-bar .logo a { color: #FFF; text-decoration: none; border: 0; }
	body.scrolled #nav-bar { position:fixed; text-align: left; top:0; left:0; width:100%; box-shadow: 0 0 15px 1px rgb(0 0 0 / 20%); background: linear-gradient(90deg, rgba(66,169,86,1) 0%, rgba(81,161,97,1) 100%); }
    body.scrolled #nav-bar .logo { display: inline-block; }
    body.scrolled #nav-bar #nav ul li.lv1 { float:left; }
    body.scrolled #nav-bar #nav ul li.lv1 a { padding: 0 30px; }
    body.scrolled #nav-bar #nav ul li.lv1:first-child { margin-left:-40px; }

#nav-bar #nav ul.lv2 { display: none; position: absolute; z-index: 2; top: 75px; width: 200px; margin-left: -0; left: 0; text-align:left; background:#42a956;  padding: 0 10px 15px 40px; }
    #nav-bar #nav ul li.lv1.open ul.lv2 { display: inline-block; }
#nav-bar #nav ul.lv2 li { float: none; display: inline-block; margin: 0; padding: 8px 0; width: 100%; }
#nav-bar #nav ul.lv2 li a { font-size: 1.2rem; line-height: 1.5rem; display: inline; font-weight:400; color: #FFF; padding: 0; }
    #nav-bar #nav ul.lv2 li.on a { font-weight:500; }
    #nav-bar #nav ul.lv2 li a:after { border-width:2px; }

/* footer */
#footer { background: linear-gradient(90deg, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 50%);  padding:80px 0 100px 0; margin:50px 0 0 0;  }
#footer:before { content: ""; display: block; clear:both; }
#footer:after { content: ""; display: block; clear:both; }
#footer .c4 { padding-right: 4%; }
#footer .text { font-size:1rem; line-height:1.75rem; color:#666; }
#footer .title a, 
#footer .text a { color:#666; border-bottom:1px solid #CCC; padding-bottom: 2px; }
#footer .title a:hover, 
#footer .text a:hover { border-bottom:1px solid #666; }

#footer .social { float:right; padding:0; }
#footer .social .text { font-size:0.9rem; font-weight:700; margin:8px 20px 0 0; float:left; text-transform:uppercase; }
#footer .social i { color:var(--css-button-color); position:relative; font-size:22px; text-align:center; padding:6px 5px 4px 6px; }
#footer .social i:hover { color:var(--css-color-active); }
#footer .social i a { position:absolute; top:0; left:0; width:100%; height:100%; }		

#incipit  { background:var(--css-footer-bg-color); padding: 15px 0; text-align: center; }
#incipit .text { font-size: 0.9rem; line-height: 1.5rem; color: #AAA; }
#incipit .text a { color: #AAA; border-color:#ccc; }
#incipit .text a:hover { color: #000; border-color: transparent;}	


/* form */
form { position:relative; }
form .column { padding:0 0 30px 0; }	

section.section input,
section.section select,
section.section textarea,
section.section label {  font:400 16px/45px 'Roboto', sans-serif; position:relative; color:var(--css-font-text-color); -webkit-box-sizing:border-box; box-sizing: border-box; }
section.section input,
section.section select,
section.section textarea { border:1px solid #DDD; width:100%; padding:0 15px; margin:0 0 15px 0;  }
section.section input.on,
section.section select.on,
section.section textarea.on { border-left:4px solid #F00; }		
section.section input,
section.section select { height:45px; }	
section.section input.on,
form select.on {  }
section.section label .mandatory { display:inline; color:var(--css-font-text-color); font-weight:700; font-size:20px; line-height:45px; }
section.section textarea { height:100px;}
section.section input.checkbox { width:20px; height:20px; border:1px solid #CCC; }

/* share */
#share	{ border-top:1px solid #CCC; border-bottom:1px solid #CCC; padding:0 0 15px 0; margin:100px 0 50px 0; text-align: center; }
#share .text { color:var(--css-font-text-color); display:inline-block; margin:0 10px 0 0; position:relative; top:25px; line-height:50px; }
#share .inner { display:inline-block; }
#share i { color:var(--css-button-color); border:1px solid var(--css-button-color); font-size:22px; line-height:50px; border-radius:50%; height:50px; width:50px; font-weight:300; }
#share i:hover { background:var(--css-color-active); border:1px solid var(--css-color-active); }
#share i:hover:before { color:#FFF;  }

/* template */
#template { position:relative; z-index:1; width:100%; height:100%; margin:0; padding-top:0;  }
body.scrolled #template { padding-top: 80px; }

/* plugin */
.slideshow { width:100%; height:100%; }
.slideshow .item { position:relative; height:600px; }
.slideshow .item .url { position:absolute; top:0; left:0; width:100%; height:100%; z-index:3; }
.slideshow .item .innerTpl { height:inherit; }
.slideshow .slick-arrow { top:calc(50% - 22px); z-index:2; display:inline-block; cursor:pointer; padding:0; width:auto; height:auto; font-weight:300;  }
.slideshow .slick-arrow:before { font-family: "Font Awesome 6 Pro"; color:#FFF; opacity:.6; font-size:45px;  display: inline-block; }
.slideshow .slick-arrow:hover:before { color:#FFF; opacity:1; }

.slideshow .slick-arrow.slick-prev { left:30px; }
.slideshow .slick-arrow.slick-prev:before { content: "\f053"; width:50px; height:50px; display:block; }
.slideshow .slick-arrow.slick-prev:hover:before {  }
.slideshow .slick-arrow.slick-next { right:30px;  }
.slideshow .slick-arrow.slick-next:before { content: "\f054"; width:50px; height:50px; display:block; }
.slideshow .slick-arrow.slick-next:hover:before {  }
.slideshow .slick-dots { text-align:center; left:0; right:0; margin:auto; padding:0; bottom:30px; z-index:10;  }
.slideshow .slick-dots li  { display:inline-block; }
.slideshow .slick-dots li button { display: block; text-indent: -9999em; text-transform:uppercase; cursor:pointer; float:left; width: 18px;height: 18px; background: #CCC; border:0; border-radius:15px; margin:0 4px; }
.slideshow .slick-dots li:hover button{ background:var(--css-color-active);}
.slideshow .slick-dots li.slick-active button { background:var(--css-color-active); }

/* moduli */
#cms_popup { z-index:998; width:100%; height:100%; background:rgba(0,0,0,0.8); position:fixed; top:0px; }
#cms_popup div { -webkit-box-sizing:border-box; box-sizing: border-box; }
#cms_popup .close { z-index:999; position:absolute; width:44px; height:44px; top:30px; right:50px; cursor:pointer; }
#cms_popup .close span { display: block; position: absolute; height: 2px; width: 100%;  background: #FFF; left: 0; margin:15px 0 0 0; }
#cms_popup .close span:nth-child(1) { top: 0px;top: 8px; -webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
#cms_popup .close span:nth-child(2) { top: 8px;opacity: 0; left: -60px; }
#cms_popup .close span:nth-child(3) {  top: 8px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);  }			

#cms_popup_content { z-index:999; position:absolute; top:0; bottom:auto; width:70%; height:auto; left:15%;  padding:15px; background:#FFF; }

#cms_popup_content .cms_popup_layout .image { float:left; text-align:center;  }
#cms_popup_content .cms_popup_layout .image .image_desktop { display:block; }
#cms_popup_content .cms_popup_layout .image .image_mobile { display:none; }
#cms_popup_content .cms_popup_layout .image img { max-width:100%; }		
#cms_popup_content .cms_popup_layout .button { position:absolute; transform: translateX(-50%); bottom:30px; left:50%; background:var(--css-button-color); color:#FFF; padding:15px 35px; font-size:18px; display:inline-block; white-space: nowrap; }
#cms_popup_content .cms_popup_layout .button:hover { background:var(--css-color-active); }
#cms_popup_content .cms_popup_layout .title-text { float:left; padding:30px; }
#cms_popup_content .cms_popup_layout .title-text .title { font-weight:600; font-size:25px; margin-bottom:20px; color:var(--css-font-title-color);  }
#cms_popup_content .cms_popup_layout .title-text .text { font-size:18px; line-height:24px; color:var(--css-font-text-color); }
#cms_popup_content .cms_popup_layout .title-text .text a { color:#c32d39; text-decoration:none; border-bottom:1px solid #c32d39; }
#cms_popup_content .cms_popup_layout .title-text .text a:hover { border-bottom:1px solid transparent; }	
#cms_popup_content .cms_popup_layout_1 .image { width:100%; }
#cms_popup_content .cms_popup_layout_1 .title-text { width:100%; }
#cms_popup_content .cms_popup_layout_2 .image { width:50%; }
#cms_popup_content .cms_popup_layout_2 .title-text { width:50%; }
#cms_popup_content .cms_popup_layout_3 .image { width:50%; }
#cms_popup_content .cms_popup_layout_3 .title-text { width:50%; }
#cms_popup_content .cms_popup_layout_4 .image { width:100%; }
#cms_popup_content .cms_popup_layout_4 .title-text { display:none; }


/* sezioni */
#section-dettaglio-articolo .dettaglio-articolo-header { height: 700px;  }
#section-dettaglio-articolo .category { text-transform: uppercase; margin-bottom: 10px; }
#section-dettaglio-articolo .intro { margin-top: 75px;  }
#section-dettaglio-articolo .intro .c6.titles { padding-right:8%; }
#section-dettaglio-articolo .desc { margin: 50px 0; }
#section-dettaglio-articolo .desc .download-document { background: #7f2c2a; padding: 25px 4%; margin:50px 0 0 0; }
#section-dettaglio-articolo .desc .download-document p { color: #FFF; font-size: 1.5rem; margin: 0; }
#section-dettaglio-articolo .desc .download-document p a { color: #FFF; border-bottom: 1px solid transparent; }
#section-dettaglio-articolo .desc .download-document p a:hover { border-bottom: 1px solid #FFF; }
#section-dettaglio-articolo .desc .download-document i { font-size: 30px; color: #FFF; margin:0 15px 0 0; position:relative; top:3px; }
#section-dettaglio-articolo .wrapper-video { margin:75px 0 0 0; }    
#section-dettaglio-articolo .wrapper-video iframe { height: 700px !important; width: 100% !important; border: 0 !important; }


@media (max-width: 1921px) {

/* testi */

/* header */
.header .column { height:140px; }	
.header .logo { margin-top: 30px; font-size: 5rem;  line-height: 5rem;  }
/* .header .column img.logo { max-height:90px; margin-top:20px; } */

/* nav */	

/* sezioni */
#section-dettaglio-articolo .wrapper-video iframe { height: 600px !important; }


}

@media (max-width: 1601px) {
    #nav-bar { height: 65px; }
    #nav-bar .logo { margin-top: 7px; }
    #nav-bar #nav ul li.lv1 a { font-size: 1.2rem; line-height: 65px; padding: 0 20px; }
        body.scrolled #nav-bar #nav ul li.lv1 a { padding: 0 20px; }
}

@media (max-width: 1441px) {

/* testi */

/* struttura */	
#wrapper .innerTpl { max-width:100%; }	

/* header */
.header .column { height:120px; }	
.header .logo { margin-top: 20px; }
.header .column.c10 .mini-logos img { height: 75px; }

/* nav */	
#nav-bar .logo { font-size: 1.25rem; letter-spacing: 1px; position: absolute; right: -70px; margin: 0; top: 9px;  }
#nav-bar #nav ul li.lv1 a { padding: 0 20px; font-size: 1.25rem; }    
    body.scrolled #nav-bar #nav ul li.lv1 a { padding: 0 15px; }
    
/* moduli */
#cms_popup_content { top:10%; } 

/* sezioni */
#section-dettaglio-articolo .dettaglio-articolo-header { height:600px; }

}

@media (max-width: 1281px) {

/* struttura */	
html { font-size: 14px; }

/* header */
.header .column { height:100px; }	
.header .logo { margin-top: 20px; font-size: 4rem; line-height: 4rem; }
.header .column.c10 .mini-logos { margin-top: 15px; }
.header .column.c10 .mini-logos img { height: 70px; }
/* .header .column img.logo { max-height:55px; margin-top:20px; } */

/* nav */	
#nav-bar .logo { font-size: 1.4rem; top: 11px; }

/* plugin */


/* sezioni */

#section-dettaglio-articolo .dettaglio-articolo-header { height:500px; }
#section-dettaglio-articolo .wrapper-video iframe { height: 400px !important; }

}

@media (max-width: 1025px) {



/* struttura */	
html { font-size: 13px; }
.hide-desktop  { display:block; }
.hide-tablet { display:none; }	

/* nav */
    
#nav-bar { display:none; }   

#navMobileBg { position:fixed; z-index:3; top:0; right:0; height:100%;  background:var(--css-color-active); width:50%; }    
#navMobile { display: inline-block; position:fixed; top:0; right:-100%; z-index:4; width:50%; height:100%; overflow-y:auto;}
#navMobileBg .stripe { position: absolute; z-index: 2; top: 0; left: 0; width: 30px; height: 100%; background: linear-gradient(90deg, rgba(248,189,139,1) 50%, rgba(236,115,32,1) 50%); }
#navMobile .menu { padding:75px 4% 0px 16%; margin:0 auto; }
#navMobile .menu ul {   }
#navMobile .menu ul li { position:relative; }
#navMobile .menu ul li:first-child { padding-top:0; }
#navMobile .menu ul li.l1 { margin-top:10px; }
#navMobile .menu ul li.l1[attr="0"]:after { content:""; display:none; }
#navMobile .menu ul li a { color:#FFF; }
#navMobile .menu ul li.l1 { padding:5px 0; }
#navMobile .menu ul li.l1 a {  font-size:3.25rem; line-height:3.5rem; font-weight: 300; }
#navMobile .menu ul li a:hover { color:#CCC;   }
#navMobile .menu ul.l2 { margin:0; padding:10px 0 25px 40px;  }
#navMobile .menu ul li.l2 { padding:6px 0;}
#navMobile .menu ul li.l2 a { font-size:1.75rem; font-weight: 300; }
#navMobile .menu ul li.selected a { font-weight: 300; }
#navMobile .menu ul li .open { display:inline-block; margin:0 0 0 10px;  position:relative; top:-4px; cursor:pointer; opacity:0.7; }
#navMobile .menu ul li .open:after { content: "\2b"; font-family: "Font Awesome 6 Pro"; font-weight:300; font-size: 20px; color:#FFF; line-height:1.75rem; }
    #navMobile .menu ul li .open.active:after { content: "\f00d"; }
#navMobile .menu ul li .open:hover { opacity:1; }
#navMobile .navOpenButton { display: inline-block; z-index:10; position: absolute;  top:40px; right:8%; width: 40px; height: 40px;-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); cursor: pointer; }
#navMobile .navOpenButton span { display: block; position: absolute; height: 2px; width: 100%;  background: #FFF; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
#navMobile .navOpenButton:hover span { background:#FFF; }
#navMobile .navOpenButton span:nth-child(1) { top: 0px; width: 40px; }
#navMobile .navOpenButton span:nth-child(2) { top: 8px; width: 40px; }
#navMobile .navOpenButton span:nth-child(3) { top: 16px; width: 32px; }
#navMobile .navOpenButton.open span:nth-child(1) { width:34px; top: 10px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
#navMobile .navOpenButton.open span:nth-child(2) { opacity: 0; }
#navMobile .navOpenButton.open span:nth-child(3) { width:34px; top: 10px; -webkit-transform: rotate(-135deg);  -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }	    

#navMobile .chooseLang { position: relative; padding:40px 4% 0 16%; }
#navMobile .chooseLang a:first-child{ margin-right: 15px; }
#navMobile .chooseLang a { font-size:1.5rem; line-height:2rem; color:#FFF; font-weight: 300; }
#navMobile .chooseLang a.selected { color:#FFF; font-weight: 600;  }    


/* misc */	


/* header */	
.header .column.c10 { }    
.header .logo { text-align: left; margin-top: 30px; font-size: 3.5rem; line-height: 3.5rem; }    
    
.header .navOpenButton { display: inline-block; float:right; width: 40px; height: 40px; position: relative; margin:40px 0px 0 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); cursor: pointer; }
.header .navOpenButton span { display: block; position: absolute; height: 2px; width: 100%;  background:#42a956; border-radius:1px; opacity:1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
.header .navOpenButton:hover span { width: 40px !important; }
.header .navOpenButton span:nth-child(1) { top: 0px; width: 40px; }
.header .navOpenButton span:nth-child(2) { top: 8px; width: 32px; left: 8px; }
.header .navOpenButton span:nth-child(3) { top: 16px; width: 24px; left:16px; }
.header .navOpenButton:hover span:nth-child(3) { left:0; }
.header .navOpenButton.open span:nth-child(1) { width:40px; left:0; top: 10px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.header .navOpenButton.open span:nth-child(2) { opacity: 0; }
.header .navOpenButton.open span:nth-child(3) { width:40px; left:0; top: 10px; -webkit-transform: rotate(-135deg);  -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }	
    body.scrolled .header .navOpenButton { margin-top:30px; }

.header .column.c10 .mini-logos { right: -25%; margin-top: 25px; }
.header .column.c10 .mini-logos img { height:50px; }
    
.header .chooseLang { right: 225px; top: 40px; }      
    body.scrolled .header .chooseLang { top: 30px; }    
    
    
body.scrolled .header { display: inline-block; position:fixed; box-shadow: 0 0 15px 1px rgb(0 0 0 / 20%); }
body.scrolled .header .column { height:80px; }
    body.scrolled .header .logo { margin-top: 22px; font-size: 3rem; line-height: 3rem; } 
    body.scrolled .header .column.c10 .mini-logos { margin-top: 15px; }
/* body.scrolled .header .column img.logo { margin-top:10px; max-height:55px; } */
 
    
/* footer */

/* plugin */	
.slideshow .item { height:500px; }

/* moduli */
#cms_popup_content { top:12%; }	

/* sezioni */

#section-dettaglio-articolo .dettaglio-articolo-header { height:450px; }
#section-dettaglio-articolo .intro .c6.titles { padding-right: 0; }

}



@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

}

@media (max-width: 769px) {

/* testi */

/* struttura */	
html { font-size: 12px; }

/* nav */
#navMobile,
#navMobileBg { width:75%; }
#nav2 .c10 { overflow-x: auto;  }
#nav2 ul { width:max-content; }

/* misc */	
hr { margin:15px 0; }

/* header */
    .header .column.c10 .mini-logos { margin-top:30px; }
    .header .column.c10 .mini-logos img { height: 40px; margin-right: 10px; }
    body.scrolled .header .column.c10 .mini-logos { margin-top: 20px; }
    
.header .chooseLang { right: 150px; }    
    
/* footer */
#incipit .text p { text-align: center !important; }

/* plugin */	
.slideshow .item { height:400px; }

/* moduli */
#cms_popup_content { width:90%; left:5%; top:20%; padding:5px; }

/* sezioni */

#section-dettaglio-articolo .preview-image { margin-top: 30px; }
#section-dettaglio-articolo .text img { width: 100% !important; height: auto !important; margin: 30px 0 !important; float: none !important; display: inline-block !important; }
#section-dettaglio-articolo .wrapper-image img.media { width: 100% !important; height: auto !important; margin: 30px 0 !important; float: none !important; display: inline-block !important; }
#section-dettaglio-articolo .dettaglio-articolo-header { height:400px; }


/* footer */	
#footer { padding:75px 0 100px; margin:30px 0 0 0; }
#footer .tp12 { padding:25px 0; text-align:center; }
#footer .social { float:none; }
#footer .social .text { display:block; float:none; margin:0 0 -5px 0; }
}

@media (max-width: 641px) {

/* struttura */	
html { font-size: 14px; }	
.hide-desktop  { display:block; }
.hide-tablet { display:block; }
.hide-mobile { display:none; }

/* misc */	
#easyMessage .content { top:15%; width:calc(90% - 50px); left:5%; }

/* testi */
.em p:before { left:-5px; top: -5px; }
.em p:after { top:5px; right:-5px; }

/* header */	
.header .text { display:none; }
.header .navOpenButton { margin-top: 40px; }
.header .logo { margin-top: 15px; font-size: 2.5rem; line-height: 2.5rem; }  
.header .column.c10 .mini-logos { display: none; }
/* .header .column img.logo { margin-top: 25px; }
     body.scrolled .header .column img.logo { margin-top: 15px; } */
    body.scrolled .header .logo { margin-top: 8px; font-size: 2.2rem; line-height: 2.2rem; } 
    
    .header .chooseLang { display: none; }    

/* nav */	
#navMobile,
#navMobileBg { width:100%; }	
    #navMobile .menu ul li.l1 a { font-size: 3rem;  line-height:3.5rem;  }
    #navMobile .menu ul li.l2 a { font-size: 1.75rem;  line-height:2.5rem;  }
#navMobile .menu { padding-top:100px; }

/* plugin */
.slideshow .slick-arrow.slick-prev { left:10px; }
.slideshow .slick-arrow.slick-next { right:10px; }

/* footer */
#footer .c3 { min-height:auto;  }

/* plugin */	
.slideshow .item { height:300px; }

/* moduli */
#cms_popup .close { top:15px; right:20px; }
#cms_popup_content { top:10% !important; width:95% !important; left:2% !important; max-height:85% !important; height:auto !important; overflow-y: auto; bottom:auto !important; }
#cms_popup_content .cms_popup_layout .title-text { padding:15px; }
#cms_popup_content .cms_popup_layout .image .image_desktop { display:none; }
#cms_popup_content .cms_popup_layout .image .image_mobile { display:block; }
#cms_popup_content .cms_popup_layout_2 .image { width:100%; }
#cms_popup_content .cms_popup_layout_2 .title-text { width:100%; }
#cms_popup_content .cms_popup_layout_3 .image { width:100%; }
#cms_popup_content .cms_popup_layout_3 .title-text { width:100%; }	

/* sezioni */

#section-dettaglio-articolo .dettaglio-articolo-header { height:300px; }
#section-dettaglio-articolo .desc .download-document { text-align: center; }
#section-dettaglio-articolo .desc .download-document p { display: block; }
#section-dettaglio-articolo .desc .download-document i { display: block; margin: 0 0 20px 0; }    
#section-dettaglio-articolo .wrapper-video { margin-top:50px }
#section-dettaglio-articolo .wrapper-video iframe { height: 300px !important; }

}

@media (max-width: 321px) {

}


