@import url("_reset.css");
@import url("_columns.css");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i|Montserrat:300,400,500,600,700|Droid+Serif&subset=latin");

html { font-family: "Open Sans", sans-serif; font-size:16px;  }
h1, h2, h3, h4, .title, .text { position:relative; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; color:#666 ; }
h1 { font-family: "Montserrat", sans-serif; font-size:1.9rem; line-height:2.5rem; color:#4b4b4b; font-weight:500; margin:0 0 50px; }
h2 { font-family: "Montserrat", sans-serif; font-size:1.5rem; line-height:2rem; margin:0 0 50px; padding-bottom:10px; color:#000; font-weight:600; text-transform:uppercase; }
h2:after { content:''; position:absolute; bottom:0; left:0; width:60px; height:3px; z-index:1; background:#0073a9; }
h3 { font-family: "Montserrat", sans-serif; font-size:1.25rem; line-height:1.75rem; margin:0 0 30px; color:#666; font-weight:500; }
.title { font-family: "Montserrat", sans-serif; color:#000; }
.text { font-size:1rem; line-height:1.75rem; color:#777; word-wrap: break-word; letter-spacing: .5px; }
.text p { margin:10px 0 15px 0; }
.text a { color:#0073a9; border-bottom:1px solid #0073a9; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;   }
.text a:hover { border-bottom:0; }
.text ul { margin:25px 0; }
.text ul li { list-style-type:disc; margin-left:25px; }
.text table tr td { vertical-align:middle; } 
strong, b { font-weight:700;  }
h1 strong, h1 b { font-weight:700; }
hr { background:#DDD; height:1px; color:#DDD; border:0; margin:20px 0; width:100%; }
.fa, .fab, .fad, .fal, .far, .fas { color:#0073a9; font-size:24px; position:relative; margin:0 3px; }
.button { font-size:0.875rem; text-transform:uppercase; padding:15px 40px 15px; text-align:center; display:inline-block; cursor:pointer; border:0; background:#0073a9; color:#FFF; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; border-radius:5px; }
.button:hover { background:#DDD; }
.button.right { float:right; }
.button.no-bg { background:none; color:#666; border:0; border-bottom:1px solid #666; padding:8px 0 2px 0; }
.button.no-bg:hover  { background:none; color:#0073a9 ; border-bottom:1px solid transparent; }
.button-back { margin-top:50px; color:#666; border-bottom:1px solid #666; padding-bottom:1px; text-transform:uppercase; display:inline-block;  }
.button-back:hover { color:#0073a9 ; border-bottom:1px solid transparent;  }
.wrapper-video { min-height: 25rem; }
.wrapper-image .title { color:#FFF; font-size:2rem; font-weight:600; position:absolute; z-index:9; top: calc(50% - 20px); left:0; right:0; text-align:center; }
.wrapper-video video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.wrapper-video .title { color:#FFF; font-size:2rem; font-weight:600; position:absolute; z-index:9; top: calc(50% - 20px); left:0; right:0; text-align:center; }

.hide-desktop { display:none; }
.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; }

.blue { color:#0073a9; }

/*
	wrapper
*/
#wrapper { position:relative; z-index:1; width:100%; overflow:hidden;  margin:0 auto; }
.innerTpl { position:relative; max-width:1440px; margin:0 auto; }

#goToTop { position:fixed; z-index:3; right:-51px; bottom:45px; border:0; width:44px; height:44px; background:#0073a9 ; display:block; cursor:pointer; text-align:center; }
#goToTop i { color:#FFF; line-height:44px; font-size:30px; }
#goToTop:hover { background:#e6f1f7; }
#goToTop:hover i { color:#0073a9 ; }


#loader { position:fixed; width:100%; height:100%; z-index:999; background:#FFF; }
#loader .circles { position:relative; display: inline-block; width: 80px;  height: 120px; padding-bottom: 120px; left:calc(50% - 40px); top:calc(50% - 40px); border-radius: 50%; }
#loader .circle1:after {   content: " "; position:absolute; left:5px; top:12px;  display: block;  width: 98px;  height: 98px;  margin: 8px;  border-radius: 50%;  border: 3px solid #046ea8; border-color: #046ea8 transparent #046ea8 transparent;  animation: loader-circle 3.2s linear infinite; }
#loader .circle2:after {   content: " "; position:absolute; left:0; top:7;  display: block;  width: 104px;  height: 104px;  margin: 8px;  border-radius: 50%;  border: 5px solid #87bcdc; border-color: #87bcdc transparent #87bcdc transparent;  animation: loader-circle 4.2s linear infinite; }
#loader .circle3:after {   content: " "; position:absolute; left:10px; top:5px;  display: block;  width: 80px;  height: 80px;  margin: 8px;  border-radius: 50%;  border: 5px solid #77807d; border-color: #77807d transparent #87bcdc transparent;  animation: loader-circle 4.6s linear infinite; }
#loader .circle4:after {   content: " "; position:absolute; left:12px; top:7px;  display: block;  width: 100px;  height: 100px;  margin: 8px;  border-radius: 50%;  border: 5px solid #c9cacc; border-color: #c9cacc transparent #c9cacc transparent;  animation: loader-circle 5s linear infinite; }
@keyframes loader-circle { 0% {  transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/*  
	header
*/

#header { position:fixed; position:	relative; width:100%; z-index:5; box-shadow: 0 0 15px 1px rgb(0 0 0 / 25%); }
#header .column { overflow:visible; }

/*
#top-bar { height:45px; position:relative; }
	body.scrolled #top-bar { display:none; }
#top-bar:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #0073a9; filter: alpha(opacity=60); opacity: .6; z-index: -1; }
	body.internal #top-bar:after { background:#0073a9; filter: alpha(opacity=100); opacity: 1; }
#top-bar .column i { color:#FFF; margin:0 12px 0 20px; font-size:14px; display:inline-block; text-rendering: auto; position:relative; top:1px; }
#top-bar .c4 { padding-top:13px; }
#top-bar .c4 i { margin:0 20px 0 0; font-size:18px;  }
#top-bar .c4 i.fa-linkedin { top:1px; }
#top-bar .c4 i:hover { color:#0073a9; }
#top-bar .c4 i a { position:absolute; top:0; left:0; width:100%; height:100%; }
#top-bar .c8 { text-align:right; padding-top:13px; font-size:0.8rem; line-height:1.1rem; color:#FFF; }
#top-bar .c8 i { margin:0 12px 0 20px; }
#top-bar .c8 a { color:#FFF; border:0; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
#top-bar .c8 a:hover { color:#0073a9; }
*/

#header { height:125px; margin-top:1px; }
	body.internal { margin-top:0; }
	body.scrolled #header { position:fixed; height:70px; margin-top:0; }
#header:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #0073a9; filter: alpha(opacity=10); opacity: .1; z-index: -1; }
	/* body.internal #header:after {  filter: alpha(opacity=100); opacity: 1;background: #FFF;  } */
	body.scrolled #header:after {  filter: alpha(opacity=100); opacity: 1; background: #e6f1f7;   }
		body.internal.scrolled #header:after { filter: alpha(opacity=100); opacity: 1; background: #e6f1f7; }
		/* body.internal.scrolled #header:after {  filter: alpha(opacity=100); opacity: 1; background: #FFF;  } */
#header .c9 { text-align:right; }
#header .c3 img.logo { margin-top:17px; max-height:90px; }
	body.scrolled #header .c3 img.logo { margin-top:7px;  max-height:50px; }

#nav { padding-top:35px; overflow: visible; }
	body.scrolled #nav { padding-top:8px; }
#nav ul {  }
#nav ul li { position:relative; display:inline-block; text-transform:uppercase; margin:0 20px;  color:#333; }
	/* body.internal #nav ul li { color:#4b4b4b; } */
#nav ul li a.lv1 { line-height:50px;  }
#nav ul li:last-child { margin-right:0; }
#nav ul li a { color:#333; font-size:.95rem; letter-spacing:1px; }
	/* body.internal #nav ul li a { color:#4b4b4b; } */
#nav ul li.has-children a { padding-right: 15px; }	
#nav ul li a.on,
	#nav ul li a:hover,
	#nav ul.lv2 li a:hover { /* color:#0073a9; */ cursor:pointer; }
/* body.internal #nav ul li a.on,
	body.internal #nav ul li a:hover,
	body.internal #nav ul.lv2 li a:hover { color:#0073a9; cursor:pointer; }	*/	
#nav ul li.has-children > a:after { content: "\f107"; font-family: "FontAwesome"; position: absolute; right: 0; top: 1px; filter: alpha(opacity=75); opacity: 0.75; }
#nav ul li.has-children:hover > ul.lv2 { opacity: 1; visibility: visible; -webkit-transition: all ease .25s; -moz-transition: all ease .25s; transition: all ease .25s; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); }
#nav ul li.has-children li:first-child > ul.lv2 { left:-18px; } 
#nav ul.lv2 { text-align:left; position: absolute; left: 0; top:100%; width: 220px; filter: alpha(opacity=0); opacity: 0; visibility: hidden; z-index: 9999; -webkit-transition: all ease .25s; -moz-transition: all ease .25s; transition: all ease .25s; -webkit-transform: translateY(3px); -moz-transform: translateY(3px); transform: translateY(3px); -webkit-box-shadow: inset 0 12px 19px rgb(255 255 255 / 10%), 0 1px 7px rgb(0 0 0 / 20%); -moz-box-shadow: inset 0 12px 19px rgba(255,255,255,0.1), 0 1px 7px rgba(0,0,0,0.2); box-shadow: inset 0 12px 19px rgb(255 255 255 / 10%), 0 1px 7px rgb(0 0 0 / 20%); }
#nav ul.lv2 li { position:relative; width:inherit; margin:0; }
	/* #nav ul.lv2 li:hover:before { content:""; position:absolute; top:0; left:0; width:5px; height:100%; background:#0073a9; } */
#nav ul.lv2 li a { position:relative; z-index:2; display: block; background:#fff; color: #4b4b4b; font-weight: 500; font-size: 0.8rem; font-family: "Montserrat", sans-serif; text-transform: uppercase; border-top: 1px solid #eaeaea; padding: 10px 19px;  line-height: 24px; }
	#nav ul.lv2 li a:hover { background:#e6f1f7; } 
	#nav ul.lv2 li:hover a { padding-left:15px; }
#nav ul.lv2 li:first-child a { border-top:0; }



/*
.header { position:fixed; width:100%; z-index:5; background: linear-gradient(180deg, #0073a9 150px, transparent 150px); box-shadow: 0 0 15px 1px rgb(0 0 0 / 40%); }
.header:after { content: ""; display: block; clear:both; }
.header .column.logo { height:140px; text-align:center; padding:15px 0 0 0; }
.header .column.logo .wrapper-image { max-width:100%; max-height:70px; display:inline-block; }
.header .column.logo .wrapper-image img.logo { max-width:inherit; max-height:inherit;  }
.header .column .title { font-size:1.2rem; color:#FFF; text-transform:uppercase; margin:8px 0 0 0;}
.header .column .title a { text-transform:uppercase; }
.header .column .language { position:absolute; right:0; top:25px; }
.header .column .language img { height:25px; width:auto; border-radius:3px;}
	
	body.scrolled .header { background: linear-gradient(180deg, #0073a9 130px, transparent 130px); }
	body.scrolled .header .column.logo { height:90px; }
	body.scrolled .header .column.logo .wrapper-image { position:absolute; left:0; top:15px; max-width:100%; max-height:60px;  }
	body.scrolled .header .column .title { font-size:1.4rem;margin:19px 0 0 0;}
	body.scrolled .header .column .language { top:35px; }
	body.scrolled .header .column .language img { height:20px; }

#nav { height:50px; background:#FFF; }
#nav ul { text-align:center; width: max-content; margin:auto; }
#nav ul li { display:inline-block; line-height:50px; margin:0 25px; text-transform:uppercase; color:#000;  }
#nav ul li a { color:#000; }
#nav ul li a.on,
	#nav ul li a:hover,
	#nav ul li.men_opening.on,
	#nav ul li.men_opening:hover { color:#0073a9; cursor:pointer; }

	body.scrolled #nav { height:40px;}
	body.scrolled #nav ul li { line-height:40px; margin:0 20px; }
	body.scrolled #nav ul li a { font-size:0.95rem; }
*/


/*

.header .column .text { font-size:1rem; line-height:1rem;}
.header .column.c4 { padding-top:45px; }
.header .column.c5 { padding-top:60px; }
.header .column.c5 .sep { float:right; margin:0 30px; width:1px; height:40px; background:#0073a9 ; }
.header .navOpenButton { float:right; cursor:pointer;  width: 40px; height: 40px; position: relative; padding:0 0 0 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
.header .navOpenButton span { display: block; position: absolute; height: 2px; width: 100%;  background: #0073a9 ; border-radius: 1px; opacity: 1; right: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
.header .navOpenButton:hover span { background:#333; }
.header .navOpenButton span:nth-child(1) { top: 10px; width: 35px; }
.header .navOpenButton span:nth-child(2) { top: 18px; width: 43px; right:2px; }
.header .navOpenButton span:nth-child(3) { top: 26px; width: 35px; }
.header .navOpenButton.open span:nth-child(1) { width:34px; top: 18px; -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:34px; top: 18px; -webkit-transform: rotate(-135deg);  -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
.header span.navOpenButton { cursor:pointer; }
.header span.navOpenButton:hover { color:#938577; }


*/

.header .chooseLang { position: absolute; z-index: 2; top: 10px; right: 15px; cursor:pointer; margin: 0 0 0 0; padding:10px 15px 5px 15px; vertical-align:top; width:20px;  background: #0073a9; border-radius: 5px; }

/*.header .chooseLang:after { content: "\f078"; font-family: "Font Awesome 6 Pro"; font-weight:400; position:absolute; top:13px; right:-5px; color:#aaa; } */
.header .chooseLang a { font-size:1rem; line-height:1.5rem; color:#FFF; display:none; margin-bottom:7px; width:inherit; text-align:left; letter-spacing: 1px; }
    .header .chooseLang a:hover { font-weight:700; }
.header .chooseLang.open a:last-child { padding-bottom:10px; }
    .header .chooseLang a.selected { display:block; font-weight:300;  }

    body.scrolled .header .chooseLang { top: 12px; opacity: 0.3;  }
    body.scrolled .header .chooseLang:hover { opacity: 1;  }


/* 
	nav Mobile 
*/
/* #navMobileBg { display:none; position:fixed; z-index:3; top:0; left:0; width:100%; height:100%; background:url(../images/misc/dot-FFF-95.png); } */
#navMobile { display:none; position:absolute; top:0; left:-100%; z-index:4; width:100%; height:100%; }
.navOpenButton { display:none; }

/* 
	footer 
*/
#footer { padding:0; margin:75px 0 0 0; background-color:#0073a9; }
#footer:before { content: ""; display: block; clear:both; }
#footer:after { content: ""; display: block; clear:both; }
#footer .text { font-size:0.85rem; line-height: 1.5rem; color:#FFF; }
#footer .text img { max-width:100% !important; }
#footer .text a { color:#FFF; border:0; }
#footer .text a:hover {color:#0073a9;}
#footer .text strong { font-weight:900; }
#footer { padding:100px 0; }
#footer .second li { position:relative; float:left; width:50%; color:#4b4b4b; padding:0 0 10px; }
#footer .second li:before { color: #FFF; content: "\f101"; font-family: "FontAwesome"; font-size: 14px; line-height:1.5rem; position: absolute; left: 0; top: 0; }
#footer .second li a { padding-left: 20px; display: inline-block; color:#FFF; font-size:0.9rem; line-height:1.5rem; }
	#footer .second li a:hover { color:#FFF; }

#footer .first .text a,
	#footer .third .text a { border-bottom:1px solid #FFF; }
#footer .first .text a:hover,
	#footer .third .text a:hover { border-color:transparent; color:#FFF; }
#footer .third .text strong { float:left; width:20%; margin:0 15px 0 0; }

#footer .social { margin:25px 0 0 0; }
#footer .social i { margin:0 15px 0 0; color:#FFF; }
#footer .social i:hover { color:#0073a9; }
#footer .social i.fa-linkedin { top:1px; }
#footer .social i a { position:absolute; top:0; left:0; width:100%; height:100%; }
/*
#footer .second { background-color:#0073a9; padding:15px 0; text-align:center; }
#footer .second .text { color:#FFF; }
#footer .second .text a { color:#FFF; border-bottom:1px solid #FFF; }
#footer .second .text a:hover { color:#FFF; border-color:transparent; }
*/

/*
	scrollbar
*/
::-webkit-scrollbar              { background:#EEE; width:10px; height:10px; }
::-webkit-scrollbar-button       { }
::-webkit-scrollbar-track        {}
::-webkit-scrollbar-track-piece  { }
::-webkit-scrollbar-track-piece:start {  }
::-webkit-scrollbar-thumb        { background:#0073a9; }
::-webkit-scrollbar-thumb:window-inactive { }
::-webkit-scrollbar-button:horizontal:decrement:hover {}
::-webkit-scrollbar-corner       { }
::-webkit-resizer                { }


/* 
	template
*/
#template { position:relative; z-index:1; width:100%; height:100%; min-height:400px; margin:0;  }

/*
	form
*/
form { position:relative; }
	form input,
		form select,
		form textarea { position:relative; -webkit-box-sizing:border-box; box-sizing: border-box; color:#000; background:#FFF; border:1px solid #DDD; font-family: "Open Sans", sans-serif; width:100%; font-size:16px; padding:0 15px; margin:0 0 15px 0;  }
	form input,
		form select { height:50px; }
	form input::placeholder,
		form select::placeholder,
		form textarea::placeholder { color:#777; }
	form textarea { height:180px; padding:10px 15px; }
	form input.checkbox { width:20px; height:20px; border:1px solid #CCC; }
	form input.on,
		form select.on,
		form textarea.on { border-left:10px solid #F00; width:100%;  }	
	form label { position:relative; font-family: "Open Sans", sans-serif; color:#000; }
	form label .mandatory { display:inline; color:#000; font-weight:700; font-size:20px; line-height:45px; }
	form .button { width:calc(100% - 60px); padding:15px 30px; margin:0; }
	form input[name=box] { /* background:#DDD; */ color:#FFF; text-align:center; font-weight:700; font-size:26px; }
	form .box-label { position:absolute; z-index:1; top:1px; left:20px; color:#FFF; font-weight:700; font-size:20px; line-height:50px; text-transform:uppercase; }	


/*
	slideshow
*/
.slideshow { width:100%; height:100%; }
.slideshow .item { position:relative; height:600px; }
.slideshow .item .innerTpl { height:inherit; }
.slideshow .item .title { color:#FFF; font-size:2rem; text-transform:uppercase; font-weight:800; position:relative; z-index:9; text-align:center; }
.slideshow .item .subtitle { color:#FFF; font-size:1.25rem; line-height:2rem; text-transform:uppercase; font-weight:600; position:relative; z-index:9; margin-top:15px; text-align:center; letter-spacing:1px; }
.slideshow .item .text { color:#FFF; font-size:1rem; line-height:1.5rem; font-weight:400; position:relative; z-index:9; margin-top:15px; text-align:center; letter-spacing:1px; }
.slideshow .item a.url { position:absolute; top:0; left:0; width:100%; height:100%; }
.slideshow .slick-slide { overflow:hidden; }
.slideshow .slick-arrow { top:calc(50% - 17px); z-index:2; font-size:0; display:inline-block; cursor:pointer; padding:0; width:auto; height:auto; font-weight:300;   }
.slideshow .slick-arrow:before { font-family: "Font Awesome 5 Pro"; color:#cbd9fb; opacity:0.7; font-size:50px; display: inline-block;  padding-right: 3px;  vertical-align: middle; }
	.slideshow .slick-arrow:hover:before { color:#0073a9; opacity:1; }
.slideshow .slick-arrow.slick-prev { left:30px; }
.slideshow .slick-arrow.slick-prev:before { content: "\f053"; }
.slideshow .slick-arrow.slick-next { right:30px;  }
.slideshow .slick-arrow.slick-next:before { content: "\f054"; }
.slideshow .slick-dots { text-align:center; left:0; right:0; margin:auto; padding:0; bottom:15px; z-index:10;  }
.slideshow .slick-dots li  { display:inline-block; margin:0 10px; width:auto; height:auto; }
.slideshow .slick-dots li button { display:inline-block; text-indent: -9999em; text-transform:uppercase; cursor:pointer; padding:0; width:50px; height:2px; background: #CCC; border:0; margin:0; }
.slideshow .slick-dots li.slick-active button {  height:8px; }
.slideshow .slick-dots li:hover button{ background:#0073a9 ;}
.slideshow .slick-dots li.slick-active button { background:#0073a9 ; }

/*
	sezioni
*/

#template { }
	body.scrolled #template.internal { margin-top:70px; }
#template .section { padding:125px 0 100px 0; }
#template .section:before { content: ""; display: block; clear:both; }
#template .section:after { content: ""; display: block; clear:both; }

	/*
		share
	*/
	#share { width:100%; padding:25px 0 0 0; margin:75px 0 50px 0; float:left; border-top:1px solid #EEE; }
	#share .text { float:left; font-weight:500; color:#0073a9; margin:0 !important; position:relative; top:4px;  }
	#share .inner { float:left; margin:0px 0 0 15px; }
	#share .fa { color:#BBB !important; font-size:22px; margin:0 10px; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;  }
	#share .fa:nth-child(1) { margin-left:0; }
	#share .fa:hover { color:#0073a9  !important; }
	
	/*
		tags
	*/
	#template .section .tags { margin:75px 0; }
	#template .section .tags .tag { display:inline-block; margin:0 15px 15px 0; padding:10px 25px; font-weight:400; background:#EEE; cursor:pointer; font-size:1.05rem; line-height:2rem; }
	#template .section .tags .tag a { border:0; color:#000; }
	#template .section .tags .tag:first-child { margin-left:0; }
	#template .section .tags .tag:hover { color:#FFF; background:#0073a9; }
	#template .section .tags .tag:hover a { color:#FFF; }
	
	/*
		embedded video
	*/
	#template .section .embedded-video { margin:100px 0 50px 0; }
	#template .section .embedded-video iframe { width:100% !important; height:450px !important; border:0 !important; }

	/*
		wrapper-gallery
	*/
	#template .wrapper-gallery .slideshow { margin-left:-1px; }
	#template .wrapper-gallery .slideshow .item { height:300px; margin:0 2px; }
	#template .wrapper-gallery .slideshow .item a { border:0; }
	#template .wrapper-gallery .slideshow .slick-arrow { top:-50px; }
	#template .wrapper-gallery .slideshow .slick-arrow.slick-prev { left:auto; right:80px; }
	#template .wrapper-gallery .slideshow .slick-arrow.slick-next { left:auto; right:5px; }
	#template .wrapper-gallery .slideshow .slick-arrow:before { font-size:30px; color:#666; }
	#template .wrapper-gallery .slideshow .slick-arrow:hover:before { color:#f08a00; }
	
	/*
		wrapper-html
	*/
	#template .wrapper-html iframe { width:100% !important; height:400px !important; }

#template .wrap-title-page { padding: 55px 0; overflow: hidden; background: #f8f8f8; }
#template .wrap-title-page .innerTpl .c11 { display: table; }
#template .wrap-title-page h1 { display: table-cell; margin: 0; vertical-align: middle; width: 65%; }
#template .wrap-title-page .breadcrumbs { display: table-cell; text-align: right; vertical-align: middle; width: 35%; }
#template .wrap-title-page .breadcrumbs ul li { font-size: 0.9rem; display:inline-block; color:#777;  }
#template .wrap-title-page .breadcrumbs ul li a { font-size:0.9rem; color:#777; }
#template .wrap-title-page .breadcrumbs ul li.bc-homepage a { color:#0073a9; }
#template .wrap-title-page .breadcrumbs ul li.bc-sep { padding:0 5px; }

#template .section.wide-column { padding:0; }
#template .section.wide-column #bottomSectionWideColumn { width:0; height:0; }
#template .section.wide-column .goDownArrow { position:absolute; top:75%; left:0; right:0; text-align:center; color:#FFF; cursor:pointer; font-size:30px; animation: bounce; animation-duration: 1.5s; }
#template .section.wide-column .title { color:#FFF; }
#template .section.wide-column .wrapper-image { max-height:85vh; }
#template .section.wide-column .wrapper-image .title { display:inline-block; font-size:4rem; }
#template .section.wide-column .wrapper-image img.media { width:100%; height:auto;  }
#template .section.wide-column .wrapper-video .title { font-size:4rem; }
#template .section.wide-column .slideshow .item,
	#template .section.wide-column .wrapper-video  { height:calc(60vh - 125px); }
#template .section.wide-column .wrapper-video:before,
	#template .section.wide-column .wrapper-image:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background: linear-gradient(0deg, rgba(0,0,0,.3) 50%, rgba(255,255,255,0) 100%); }
#template .section.wide-column .wrapper-video:hover:before,
	#template .section.wide-column .wrapper-image:hover:before  { content:''; background: linear-gradient(0deg, rgba(0,0,0,.1) 50%, rgba(255,255,255,0) 100%); }
#template .section.wide-column .slideshow .item:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; /* background: #0073a9; */ background: #000; filter: alpha(opacity=20); opacity: .2; z-index:0; }
#template .section.wide-column .slideshow .item .title { font-size:5rem; margin-top:350px; }
#template .section.wide-column .slideshow .item .subtitle { color:#FFF;  }
#template .section.wide-column .slideshow .item .text { }	

#template .section.intro-header { margin-bottom:75px; }

#template .section.title-text-two-columns .text { column-count: 2; column-gap:50px; }
#template .section.title-text-two-columns.one-column .text { column-count: 1; column-gap:0; }

#template .section.services h2 { text-align:center; }
#template .section.services h2:after { right:0; margin:auto; }
#template .section.services .c4 { padding:0px 75px 100px 0px; }
#template .section.services .c4:nth-child(3n+3) { clear:left; }
#template .section.services .c4 i { color:#0073a9; font-size:50px; position:absolute; top:10px; left:0; }
#template .section.services .c4 h3 { display:block; font-size:1.125rem; line-height:1.5rem; color:#000; margin:0 0 10px 0; padding-left:100px; }
#template .section.services .c4 .text { padding-left:100px; }
#template .section.services .c4 .text a { font-size:0.875rem; text-transform:uppercase; padding:7px 20px; text-align:center; display:inline-block; cursor:pointer; border:0; background:#0073a9; color:#FFF; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; margin:15px 0 0 0; border-radius:5px; }
#template .section.services .c4 .text a:hover { background:#DDD; }

#template .section.services-2 .c4 { padding:0px 50px 100px 0px; }
#template .section.services-2 .c4 .wrapper-image { height:250px; margin-bottom:30px; }
#template .section.services-2 .c4 i { color:#0073a9; font-size:50px; position:absolute; top:10px; left:0; }
#template .section.services-2 .c4 h3 { display:block; font-size:1.125rem; line-height:1.5rem; color:#000; margin:0 0 10px 0; }
#template .section.services-2 .c4 .text a { border-bottom:none; font-size:0.95rem; text-transform:uppercase; font-weight:500; }
#template .section.services-2 .c4 .text a:hover { letter-spacing:.5px; }
#template .section.services-2 .c4:nth-child(3n+1) { clear:left }
	
#template .section.title-text-image .c6:nth-child(1) { padding:0 8% 0 0; }

#template .section.two-columns-title-text-image .c7 { padding:0 8% 0 0; }
	#template .section.two-columns-title-text-image.contatto .c7 { padding:0 0 0 4%; }
#template .section.two-columns-title-text-image .c5 { padding-top:100px; }	
	#template .section.two-columns-title-text-image.contatto .c5 { padding-top:0; }	

#template .section.articles { }
#template .section.articles .inner { border:1px solid #F0F0F0; }
#template .section.articles .inner:after { content: ""; display: block; clear:both; }
#template .section.articles .row { padding:75px 0; border-top:1px solid #F0F0F0; }
#template .section.articles .row:after { content: ""; display: block; clear:both; }
#template .section.articles .row:nth-child(1) { border-top:0; }
#template .section.articles .row .c4 { padding:5px 0 0 0; }
#template .section.articles .row .c8 { padding:0 0 0 50px; }
#template .section.articles .row h2 { margin:0 0 25px 0; }

#template .section.article-detail h1 {  color:#000; text-transform:uppercase; }
#template .section.article-detail h2 { margin:25px 0; color:#4b4b4b; text-transform:none; }
#template .section.article-detail h2:after { display:none; }
#template .section.article-detail .text .wrapper-image { margin:75px 0; }
#template .section.article-detail .text .dida { color:#BBB; padding:0 15px; }

#template .section.projects .tipologie { text-align:center; margin:0 0 50px 0; }
#template .section.projects .tipologie .item { position:relative; display:inline-block; margin:0 15px 10px 15px; cursor:pointer; font-size:1.15rem; line-height:1.5rem; color:#999; }
	#template .section.projects .tipologie .item:hover { color:#0073a9; }
	#template .section.projects .tipologie .item.active { color:#0073a9; font-weight:600; }
#template .section.projects .tipologie .item:after { transition: width .3s; display: block; position: absolute; content: ""; border-bottom: 2px solid #0073a9; bottom: -10px; left: 0; right: 0; width: 0; height: 1px; }
#template .section.projects .tipologie .item:hover:after  { width:100%;  }
#template .section.projects .list .item { position:relative; height:300px; padding:10px 5px; cursor:pointer; }
#template .section.projects .list .item a.link { position:absolute; z-index:3; top:0; left:0; width:100%; height:100%; }
#template .section.projects .list .item .inner { position:relative; height:inherit; }
	#template .section.projects .list .item .inner:after { content: ""; position: absolute; left: 0; top: 0; width: 0%; height: 0%; background: #0073a9; filter: alpha(opacity=40); opacity: .1; z-index:1; transition: width .2s;  }
	#template .section.projects .list .item:hover .inner:after { width:100%; height:100%; filter: alpha(opacity=50); opacity:.5; }
#template .section.projects .list .item .ctn { position:absolute; z-index:2; bottom:-100%; left:25px; width:calc(100% - 50px); letter-spacing:.5px; }
	#template .section.projects .list .item:hover .ctn { bottom:50px; }
#template .section.projects .list .item .ctn .category { color:#FFF; font-size:1rem; line-height:1.25rem; margin:0 0 10px 0; font-weight:300;  }
#template .section.projects .list .item .ctn .title { color:#FFF; font-size:1.15rem; line-height:1.35rem; text-transform:uppercase; }

#template .section.project-detail h1 { margin:0 0 50px 0; }
#template .section.project-detail .c10 .c7 { padding-right:50px; }
#template .section.project-detail .c10 .c7  .wrapper-gallery .slideshow .item { height:120px; }
#template .section.project-detail .c10 .c7 .date-location { background:#F0F0F0; padding:30px; margin:5px 0 25px 0; }
#template .section.project-detail .c10 .c7 .date-location .fa-calendar-alt { font-size:20px; margin:0 10px 20px 0px; }
#template .section.project-detail .c10 .c7 .date-location .fa-map-marker-alt { font-size:20px; margin:0 10px 20px 30px; }
#template .section.project-detail .c10 .c7 .date-location .fa-project-diagram { font-size:20px; margin:0 10px 0 0; }
#template .section.project-detail .c10 .map iframe { width:100% !important; height:450px !important; border:0 !important; margin:50px 0; }

#template .section.section.two-columns-title-text-image { padding:50px 0; }

#template .section.referenze .year { margin:0 0 50px 0; padding-bottom:50px; border-bottom:1px solid #EEE; }
#template .section.referenze .year h2 { margin-bottom:30px; }
#template .section.referenze .year p { display:inline; margin:0 0 0 15px; }
#template .section.referenze .year p:after { content:'\f078'; font-family: "Font Awesome 5 Pro"; color:#0073a9; opacity:0.5; font-size:18px; display: inline-block; cursor:pointer; }
#template .section.referenze .year.active p:after { content:'\f077'; }
#template .section.referenze .year p:hover:after { opacity:1; }
#template .section.referenze .year .c4 { padding-right:4%; }

#template .photogallery .item { position:relative; height:300px; padding:5px; }
#template .photogallery .item .inner { position:absolute; z-index:2; width:calc(100% - 10px); height:calc(100% - 10px); left:5px; top:5px; }
#template .photogallery .item a { position:absolute; z-index:3; width:100%; height:100%; left:0; top:0; }


@media (max-width: 1921px) {

	#template .section { padding:75px 0; }
	
	#template .section.wide-column .slideshow .item,
		#template .section.wide-column .wrapper-video  { height:calc(70vh - 125px); }
	#template .section.wide-column .slideshow .item .title { margin-top:250px; }
/*
	#template .section.wide-column .slideshow .item,
		#template .section.wide-column .wrapper-video  { height:520px; }
	*/
}

@media (max-width: 1601px) {
    .header .chooseLang { padding: 5px 9px 0px 12px; }
    .header .chooseLang a { font-size: 0.9rem; }
}

@media (max-width: 1441px) {
	
	#nav ul li { margin:0 15px; }
	
	#wrapper .innerTpl { max-width:90%; }	
	
    
    body.scrolled .header .chooseLang { top: 14px; }
    
	#footer .first { padding:0 75px 0 0; }
	
	#template .wrap-title-page h1 { width:50%; }
	#template .wrap-title-page .breadcrumbs { width:50%; }

	#template .section.wide-column .slideshow .item,
		#template .section.wide-column .wrapper-video  { height:calc(70vh - 125px); }	
	#template .section.wide-column .slideshow .item .title { margin-top:200px; }
	
	#template .section.services-2 .c4 .wrapper-image { height:225px; }
	
	/*
	#template .section.carousel-images .item { height:620px; }
	
	#template .section.counter { padding:75px 0; }
	#template .section.title-text-button { padding:75px 0; }
	*/
    
    #template .photogallery .item { height:250px; }

}

@media (max-width: 1281px) {

	html { font-size: 14px; }
	
    .header .chooseLang { right:7px; } 
    
	#template .section.intro-header { margin-bottom:50px; }
	
	#template .section.services-2 .c4 .wrapper-image { height:200px; }


	#template .section.wide-column .slideshow .item,
		#template .section.wide-column .wrapper-video  { height:calc(70vh - 125px); }	
	#template .section.wide-column .slideshow .item .title { margin-top:100px; }
	/*
	#template .section.wide-column .slideshow .item  { height:340px; }
	*/
    
    #template .photogallery .item { height:225px; }

}

@media (max-width: 1025px) {

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

	#header #nav ul { display:none; }
	
    
    .header .chooseLang { right: 160px; top: 45px; } 
    body.scrolled .header .chooseLang { top: 24px; } 
    
	.navOpenButton { position: relative; z-index:2; display:block;  float:right; cursor:pointer;  width: 44px; height: 20px; margin-top:17px; padding:0 0 0 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
		body.scrolled .navOpenButton  { margin-top:22px; }
	.navOpenButton span { display: block; cursor:pointer; position: absolute; height: 2px; width: 100%;  background: #0073a9 ; border-radius: 1px; opacity: 1; right: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
		body.homepage .navOpenButton span { background:#0073a9; }
	/* #.navOpenButton:hover span { background:#333; } */
	.navOpenButton span:nth-child(1) { top: 0; }
	.navOpenButton span:nth-child(2) { top: 8px; }
	.navOpenButton span:nth-child(3) { top: 16px; }
	.navOpenButton.open span:nth-child(1) { width:34px; top: 18px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
	.navOpenButton.open span:nth-child(2) { opacity: 0; }
	.navOpenButton.open span:nth-child(3) { width:34px; top: 18px; -webkit-transform: rotate(-135deg);  -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
	
	#navMobile .navOpenButton { display:none; }
		#navMobile.open .navOpenButton { position:fixed; top:25px; right:50px; }
	#navMobile .navOpenButton span {  background:#FFF !important; }

	#navMobile { display:block; background:#0073a9; overflow-y:scroll; width:100%; height:100%; }
	#navMobile .header { position:relative; background:#0073a9; }
	#navMobile .menu { padding:50px 8% 100px 8%; 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 { text-transform:uppercase; margin-top:15px; }
	#navMobile .menu ul li a { font-size:2.25rem;  font-weight: 400; color:#FFF ; }
	#navMobile .menu ul li a:hover { color:#FFF;   }
	#navMobile .menu ul.l2 { position:relative; margin:10px 0 0 0; padding:10px 0 0 0;  }
		#navMobile .menu ul.l2:before { position:absolute; content:""; top:2px; width:50px; height:1px; background:#0073a9; }
	#navMobile .menu ul li.l2 { padding:9px 0;}
	#navMobile .menu ul li.l2 a { font-size:1.25rem; }
	#navMobile .menu ul li.on a { }
	
	#footer .c12 .column { padding:0 0 30px !important; width:100%; }
	#footer .second li { width:100%; }

	.slideshow .slick-arrow:before { font-size:30px; }
	.slideshow .slick-arrow.slick-prev { left:20px; }
	.slideshow .slick-arrow.slick-next { right:20px;  }	
	
	#template .section.wide-column .slideshow .item, 
		#template .section.wide-column .wrapper-video { height:60vh; }
	#template .section.wide-column .slideshow .item .title { margin-top:150px; }
	#template .section.wide-column .goDownArrow { top:85%; }
	
	#template .wrapper-gallery .slideshow .slick-arrow:before { font-size:26px; }
	#template .wrapper-gallery .slideshow .slick-arrow { top:-47px; }
	#template .wrapper-gallery .slideshow .slick-arrow.slick-prev { right:60px; }	
	
	#template .section.services-2 .c4:nth-child(3n+1) { clear:none; }
	#template .section.services-2 .c4:nth-child(2n+1) { clear:left; }
	
	#template .section.services .c4 i { font-size:40px; }
	#template .section.services .c4 h3,
		#template .section.services .c4 .text { padding-left:75px; }
	#template .section.services .c4:nth-child(3n+3) { clear:none; }
	#template .section.services .c4:nth-child(2n+1) { clear:left; }
	
	#template .section.projects .list .item { height:225px; }
	#template .section.projects .list .item .inner:after { width:100% !important; height:100% !important; opacity:.3;  }
	#template .section.projects .list .item .ctn { bottom:50px; }
        
    #template .photogallery .item { height:200px; }
}



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

}

@media (max-width: 769px) {

	html { font-size: 12px; }
	
	hr { margin:15px 0; }	
	
	#template .section.project-detail .c10 .c7 { padding-right:0; }
	
	#template .section.two-columns-title-text-image.contatto .c7 { padding:30px 0; }
	
	#template .section.wide-column .slideshow .item .title { margin-top:200px; }
	
	#footer .first .c4.tp12 { padding:0 0 30px 0; }
	#footer .first .c4.tp5 { padding:0 50px 0 0; }
	#footer .first .c4.tp7 { padding:0 0 0 0; }
	/*
	#template .section.wide-column .slideshow .item  { height:230px; }
	*/
    
    #template .photogallery .item { height:150px; }
}

@media (max-width: 641px) {

	html { font-size: 14px; }	
	
	.hide-desktop  { display:block; }
	.hide-tablet { display:block; }
	.hide-mobile { display:none; }
	
	#navMobile.open .navOpenButton { top:10px; right:40px; }
	
    .header .chooseLang { right: 120px; } 
    
	.slideshow .slick-arrow { top:calc(50% - 10px); }
	.slideshow .slick-arrow:before { font-size:20px; }
	.slideshow .slick-arrow.slick-prev { left:5px; }
	.slideshow .slick-arrow.slick-next { right:5px;  }
	.slideshow .slick-dots { bottom:5px; } 
	.slideshow .slick-dots li { margin:0 5px; }
	.slideshow .slick-dots li button { width:20px; }
	.slideshow .slick-dots li.slick-active button { height:6px; }

	#footer .c12 .column { padding:0 0 30px 0 !important; }
	#footer .c12 .c4:nth-child(1) { text-align:center; }
	
	#template .wrap-title-page h1 { display:block; width:100%; }
	#template .wrap-title-page .breadcrumbs { display:block; width:100%; text-align: left; margin:10px 0 0 0; }
	
	#template .section { padding:50px 0; }
	
	#template .section.wide-column .goDownArrow { top:400px; }
	
	#template .section.wide-column .slideshow .item .title { font-size:2.5rem; margin-top:125px; }
	
	#template .section.title-text-two-columns .text { column-count:1; column-gap:0px; }
	
	#template .section.wide-column .call-to-action { position:relative; bottom:auto; padding:50px 0; }
	#template .section.wide-column .call-to-action .c4 { margin:15px 0; padding:20px; }
	#template .section.wide-column .call-to-action .c4 .inner { width:100%; margin:0 0; }
	#template .section.wide-column .call-to-action .c4:after { background:#0073a9; opacity:1; width:90%; margin:0 5%; }
	#template .section.wide-column .call-to-action .c4 .inner i { font-size:40px; left:15px; }
	#template .section.wide-column .call-to-action .c4 .inner h3 { padding-left:90px; }
	
	#template .section.services-2 .c4 { padding:0 0 100px 0;}
	#template .section.services-2 .c4:nth-child(2n+1) { clear:none; }
	#template .section.services-2 .c4 { clear:left; }
	
	#template .section.articles .row { padding:0 0 50px 0; }
	#template .section.articles .row .c8 { padding:25px 0; }
	
	#template .section.services .c4 { padding:0 0 30px 0; clear:left; }	
	#template .section.services .c4:nth-child(2n+1) { clear:none; }
	
	#template .section.projects .tipologie { text-align:left; text-align:center; margin:0 0 30px 0; }
	#template .section.project-detail .c10 .c7 .wrapper-gallery .slideshow .item { height:70px; margin:0 1px; }
	#template .section.project-detail .c10 .c7 .date-location strong { position:absolute; padding:0 0 0 10px; margin-top:-6px; width:calc(100% - 100px); }
	
	#template .section.title-text-image .c6 { padding:25px 0; }
	
	#template .section.referenze .year .c4 { padding: 25px 0; }
	
	
	/*
	#template .section.wide-column .slideshow .item  { height:180px; }
	*/
}

@media (max-width: 321px) {
		
}

@media print {
	
	#template div,
		#footer,
		#footer div { background:none !important; }
	h1, h2, h3, h4, h5, .title, .text, .text p, .text a,
		#template .section.article-detail .date { font-family:Arial, Helvetica, sans-serif !important; font-size:16px !important; line-height:20px !important; text-transform:none !important; color:#000 !important; margin:0 !important; padding:0 !important; }
	h1, h2 { font-size:20px !important; margin:15px 0 !important; }
 	
	#wrapper .innerTpl { max-width:none !important; }
	
	#header { height:auto !important; position:relative !important; box-shadow:none; }
	#header #nav,
		#top-bar,
		#header:after,
		#header .links,
		#footer,
		#template .wrap-title-page .breadcrumbs,
		#template .wrap-title-page .innerTpl > .c1,
		#template .section.article-detail .innerTpl > .c1,
		#template .section.article-detail .wrapper-detail .wrapper-image.thumbnail,
		#template .section.article-detail .date:after,
		#template .buttons,
		#template .button,
		#goToTop { display:none !important; }
	
	.fa, .fab, .fad, .fal, .far, .fas { color:#000 !important; }
	
	#template .section { padding:0 0 30px 0 !important;}
	
	#template  { padding:0 50px !important; margin:0 !important; width:calc(100% - 100px); }
	
	#template .section.article-detail .wrapper-detail .inner, 	
		#template .section.article-detail .wrapper-detail,
		#template .section.article-detail .date { padding:0 !important; margin:0 !important; }	
	
	#header .c3 img.logo { margin:30px 0 0 50px; }
	
}