@charset "UTF-8";

/* RESET */

ul.footermenu {
	list-style: none; margin:0; padding:0;
}

h1, h2, h3, h4, h5, h6{ margin-top:0px; line-height:normal; font-family: 'PT Sans' , Helvetica, Arial, sans-serif; color:#0366ae;}
*{ -webkit-border-radius: 0 !important;  -moz-border-radius: 0 !important;   border-radius: 0 !important;}

.clear{ clear:both}
/* MAIN ELEMENTS */

body, html{ width:100%; height:100%; color:#333;}
body{ font-family: 'PT Sans', Helvetica, Arial, sans-serif; font-size:17px;}

/* main links */
a{ color:#0366ae; }
a:hover{ color:#454545; text-decoration:none; }



.stellarbgfull{
	position:relative;  
	width:100%;   
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 	
	background-position: 50% 0%; 
	min-height:100%;
	background-attachment: fixed;
}

.stellarbg.stellartitle{ height:300px !important; min-height:200px !important;  }

.stellarbg{ 
	position:relative;  
	width:100%;   
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 	
	background-position: 50% 0%; 
	min-height:100%;
}


.stellarbgadaptservizi{ 
	position:relative;  
	width:100%;   
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 	
	padding-top:30px;
	padding-bottom:30px;
	background-attachment: fixed;
}







/* buttons */
.btn.btn-primary{ background-color:#0366ae; border-color:#004a80}
.btn.btn-primary:hover{ background-color:#004a80 }




.btn.btn-primary.hollow{ background-color:#ddedf8; border-color:#ddedf8; color:#0366ae; }
.btn.btn-primary.hollow:hover{ border-color:#fff; color:#fff; background-color:#0366ae; }

.btn.btn-primary.btn-dark{ background-color:#454545; border-color:#454545}
.btn.btn-primary.btn-dark:hover{ background-color:#fff; color: #0366ae;}

.thumbnail:hover{border:1px solid #0366ae !important; }


/* plugin overwrite */
.owl-theme .owl-controls .owl-page span{  background:#0366ae;  }



/* HOMEPAGE */
body.background{ background: url(/images/home_bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

/* MAIN INFORMATION CATEGORIES BOXES  */
.maininfocategories{ background-color:#d1d1d1; background-image:url(/images/videopattern.png);}
.maininfocategories h3, .extracontenthomepage h3{ font-weight:bold; color:#0366ae; }

.maininfocategoriesbox{ margin-bottom:20px}
.maininfocategoriesbox .thumbnail{ }
.maininfocategoriesbox h3{ font-size:16px; font-weight:bold; font-style:normal; color:#454545; text-align:center; text-transform:uppercase; }
.maininfocategoriesbox .intro{ font-size:14px; }



.maininfocategoriesboxlink,
.blubox{ margin-bottom:15px; position:relative; overflow:hidden; cursor:pointer; }

.maininfocategoriesboxlink a,
.blubox a,
.feedbacklist .onlyborder{ width:100%; height:100%; z-index:2; position:absolute; top:0; left:0; } 

.blubox a, .feedbacklist .onlyborder{ border:1px solid #ddd;}


/* over feedback */
.feedbacklist .blubox a{ border:0px;}

.blubox a{ z-index:5;}



/* animate */
.maininfocategoriesboxlink img, 
.maininfocategoriesboxlink .coloroverlay,
.blubox img, 
.blubox .coloroverlay,
.blubox .coloroverlayicon{ 
	-webkit-transition: all .2s ease-in-out;  
  	-moz-transition: all .2s ease-in-out;  
  	-o-transition: all .2s ease-in-out;  
  	-ms-transition: all .2s ease-in-out;  
  	transition: all .2s ease-in-out; 
}

.maininfocategoriesboxlink img,
.blubox img{ 
	width:100%; 	 
}

.maininfocategoriesboxlink:hover img,
.blubox:hover img{
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.maininfocategoriesboxlink .coloroverlay,
.blubox .coloroverlay{ 
	position:absolute; 
	top:0; left:0; 
	width:100%; height:100%; 
	z-index:1; 
	background-color:#0366ae;
	opacity: 0;
    filter: alpha(opacity=0); 
}

.blubox .coloroverlayicon{
	position:absolute; 
	top:0; left:0; 
	width:100%; height:100%; 
	z-index:3; 
	opacity: 0;
    filter: alpha(opacity=0); 
	font-size:0;
}




.maininfocategoriesboxlink:hover .coloroverlay,
.blubox:hover .coloroverlay{
	opacity: 0.5;
    filter: alpha(opacity=50); 
}

.blubox:hover .coloroverlayicon{
	opacity: 1;
    filter: alpha(opacity=100); 
}


/* gallery etc */
.thumbnailgallery{ margin-top:30px; }

.containerpart .thumbnailgallery{ margin-top:0}

.thumbnailgallery .blubox{ margin-bottom:30px;}

.galtable, .galtablecell{ width:100%; height:100%}
.galtable{ display:table}
.galtablecell{ display:table-cell; vertical-align:middle; text-align:center}

.blubox:hover .coloroverlayicon span{ color:#fff; font-size:24px; }

.blubox:hover .coloroverlayicon span{ 
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
}





/* Carousel section */
.carouselhomesection, .quotesholdersection{ background-color:#fff;  }
.carouselhomeholder{padding:0 7.5px;}
.carouselhomeholder .carouselbox{ margin:0 7.5px; position:relative;}
.carouselhomeholder .carouselbox .carlabel{ position:absolute; left:0px; right:0; bottom:0px; padding:8px; text-align:center; 
z-index:5; font-size:13px; color:#fff; text-shadow: 1px 1px 1px #333; font-weight:bold; background-image:url(/images/black_50.png); background-repeat:repeat;}

.carouselhomesection .owl-theme .owl-controls .owl-page span{  background:#fff;  }

.carouselhomeholder .carouselbox a{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:6; }

.carouselhomesection h3{ color:#0366ae; font-weight:bold}

/* logos footer 
.logosection{ background-color:#ececec; text-align:center}
.logosection a{ padding-left:10px; padding-right:10px;}
.logosection a img{ width:120px}
*/



/* FOOTER */
.prefooter{ background-color:#f7f7f7;}
.prefooter h4{ text-align:center; font-style:normal; font-size:15px; font-weight:bold; color:#999}



.prefooter .footermenu{ text-align:center; font-size:13px; line-height:22px}
.prefooter .footermenu, .prefooter .footermenu a, .prefooter .socialiconsfooter a{ color:#ccc}

.prefooter .footermenu a:hover, .prefooter .socialiconsfooter a:hover{ color:#666}


/* main settings slider contents */
.mainslidetitle{ 
font-size:36px;color:#fff;font-weight:bold;white-space:nowrap;z-index:99;text-shadow: 1px 1px 1px #333; }

.mainslidesubtitle{font-size:20px;color:#fff;white-space:normal;z-index:99;text-shadow: 1px 1px 1px #333;}



.footer{ background-color:#fff; font-size:13px; color:#0366ae; padding-top:20px; margin-bottom:50px}

.footer a{color:#0366ae}
.footer a:hover{ color:#454545;}
.footer .footerinfo p{ margin:0; padding:2px 0; text-align:center }


.googlemap{ height:300px; width:100%;}


.extracontenthomepage{ background-color:#fff; }


/* fullwidthheader */

.fancybox-title-inside-wrap {

	text-align:center;
	color: #0366ae;
	padding:8px;
}




/* heroslider */
.cd-hero-slider{ height:100px; height: calc(100vw * .30 - 10px); max-height:500px; }



.cd-hero ul, .cd-hero li{ margin:0; padding:0; list-style:none;}

.cd-hero-slider li {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.cd-hero .container, .cd-hero .cd-full-width, .cd-hero .tablediv, .cd-hero .tablecelldiv{ height:100%;}

.cd-hero .tablediv{ height:calc(100% + 1px);}


.cd-hero .tablediv{ display:table}
.cd-hero .tablecelldiv{ display:table-cell; vertical-align:bottom}

.cd-hero .tablediv .tablecelldiv h2{ 
	background-color:#fff; color:#0366ae; margin-bottom:0; padding:10px 15px; font-size:16px; 
}


.headline{ margin-bottom:30px}

.headline h1, .headline h2{ 
	margin-bottom:0px; 
	font-size:36px; 
	margin-top:0; 
	color:#454545;
	font-weight:bold;
	border-top:1px solid #ddd;
	border-bottom:3px solid #ddd;
	padding:12px 0;
}


/* spazi per titoli  - per i contenitori i titoli rimangono fuori  */
.pagecontent h1, .pagecontent h2, .pagecontent h3, .pagecontent h4{ margin-top:20px;}
.pagecontent h1:first-child, .pagecontent h2:first-child, .pagecontent h3:first-child, .pagecontent h4:first-child{ margin-top:0px;}


.list-group{ margin-bottom:30px}

a.list-group-item:hover{ background-color:#ececec}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{ background-color:#0366ae; border-color:#0366ae; }


.contactbox{ padding:15px; border:1px solid #ddd; margin-bottom:30px; font-size:16px; background-color:#f9f9f9;}
.contactbox address{ margin-bottom:0; padding-bottom:0; }
.contactbox h3{ font-size:22px; margin-top:0; padding-top:0; font-weight:bold}
.contactbox h4{ font-size:14px; color:#999; margin-bottom:5px }

.contactbox address{ margin:0; padding:0; line-height:24px; margin-top:15px;}
.contactbox address:first-child{ margin-top:0}
.contactbox address span{ color:#d1d1d1; }

.contactbox  a{ color: #333;}



.eventshome h3, .eventshome h4, .eventshome h5{ margin:0; padding:0}

.eventshome h4{ color:#454545; font-size:14px; margin-bottom:10px}
.eventshome h3{ font-size:20px; margin-bottom:10px}
.eventshome h5{ font-size:13px; color:#999;}



/* sistema form di contatti */
.input-group-addon{ color:#FFF}

.panel.panel-default.panel-contact{ border-color:#ddedf8;  box-shadow: 0 !important; background-color:#f0f6fa;  }
.panel-contact .panel-heading, .panel-contact .panel-footer{ border:0; background-color:#ddedf8; font-size:12px; -webkit-border-radius: 0; border-radius: 0;  }

.panel-contact .panel-body.divide{ border-top:1px solid #ddedf8}

.panel-contact .panel-body{ padding-bottom:0}


.panel.panel-default.stripped{ border:0 !important; box-shadow:none !important; -webkit-box-shadow:none !important; }

.form-control {
  border-radius: 0;  -webkit-border-radius: 0; border-radius: 0;
  border-color: #ddedf8;
  color: #0366ae;
}

div#recaptcha_widget{width:100% !important;}
div#recaptcha_image{width:100% !important;height:auto !important;}
div#recaptcha_image > img{width:100% !important;}
 
 
.captcha.thumbnail{ border-color:#ddedf8 !important;  }
.helptxtcaptcha{ color:#999; margin-top:5px; font-size:13px;} 
.captcha.thumbnail{ margin-bottom:0;}

.digita_captcha{ color:#999; padding-bottom:16px; font-size:12px; text-align:right}
.privacy_label_text{ color:#999; font-size:12px;}



/* intro homepage */
.introhome .introhomecontents{ padding-top:30px; padding-bottom:30px;}
.introhome h1{ font-size:32px; font-weight:bold; }
.introhome h2{ font-size:24px; text-transform:uppercase;  }

.introhome h1, .introhome h2{ color:#0366ae; font-weight: bold; }

.introhome hr{ display:inline-block; width:60%; margin-left:auto; margin-right:auto;}




/* pagine testuali */
.maincontentsection{ padding-top:30px; padding-bottom:30px; }
/*.containerpart{ padding-bottom:30px;}*/
.pagecontent{ padding-bottom:30px;}


/* feedback ticker */
.quotesholdersection ul, .quotesholdersection li{ margin:0; padding:0}

.quotesholdersection .bx-wrapper .bx-viewport{ background-color:transparent;}
.quotesholdersection{ padding-top:30px; padding-bottom:30px; text-align:center}
.feedbacktickeritem{ height:auto; color:#fff}
.quotesholdersection h5, .quotesholdersection h6, .quotesholdersection h3{ color:#fff; margin-top:0}

.quotesholdersection h3{ margin-bottom:20px;}
.quotesholdersection h5{ margin-bottom:10px; opacity: 0.8; filter: alpha(opacity=80); font-size:20px; }
.quotesholdersection h6{ margin-bottom:10px; font-weight:normal; font-size:16px;}

.quotesholdersection .feedbackdesc{ font-size:13px; opacity: 0.8; filter: alpha(opacity=80); margin-bottom:20px; }

.quotesholdersection h5 span,.feedbackdesc span { opacity: 0.4; filter: alpha(opacity=40); }


/* eventi */
.eventlistbox{ margin-bottom:40px; }
.eventlistbox .eventlocation{ color:#666; font-weight:bold}

.eventlistbox .eventintro,
.listholdercontainer .textlistdate,
.eventlistbox .eventlocation{ margin-bottom:10px;}

/* dettaglio eventi */
.newseventdet .textlistdate,
.newseventdet .eventlocation{ margin-bottom:15px;}

.newseventdet .eventlocation{ color:#666; font-size:18px;}

.bottomline{ border-top:1px solid #ddd; padding-top:30px; margin-top:30px; }



/* dicono di noi - feedback */
.feedbacklistitem{  margin-bottom:20px;}
.feedbacklist h3{ margin-top:0;}
.feedbacklist h4{ margin-bottom:15px; color:#454545; font-weight:normal; font-size:16px; }

/*
.feedbacklist .feedbacklistitem:first-child{  margin-top:0; }
*/



/* parco macchine */
.fleetlist .fleetbox{ margin-bottom:30px;}
.fleetlist .fleetbox .carlabel{ text-align:center; color:#0366ae}

/* impianti */
.plantlist .plantlistbox{ margin-bottom:30px;}
.plantlist .plantlistbox h3{ color:#0366ae; font-size:16px; margin-bottom:10px}
.plantlist .plantlistbox .plantintro{ margin-bottom:15px; }




.homerboxes{ background-color:#f5f5f5; }

.homeboxesvertical h3{ color:#d32e02;}



.hbtext .homeboxtext{ margin-top:20px;}
.hbtext .homeboxtext:first-child{ margin-top:0;}

.hbtext .homeboxtext h2{ font-size:24px}
.hbtext .homeboxtext h3{ color:#d32e02; font-size:18px}

.extracontenthomepage h4{ color:#d32e02; font-size:24px }





.socialbar{ padding-top:20px; padding-bottom:20px; background-color:#d1d1d1; font-size:16px; text-align:center; font-weight:bold}
.socialbar a{ color:#0366ae; padding:0 5px;}
.socialbar a:hover, .socialbar:focus{ color:#454545; text-decoration:none;}




.textslidebg{ 
	position:absolute; z-index:90; background-color:#0366ae; 
	opacity: 0.7;
    filter: alpha(opacity=70); 
}

.calltoaction{ padding-top:30px; padding-bottom:30px; background-color:#0366ae; color:#fff}
.calltoaction .ctadesc{ font-size:18px; }


.containerpart h2{ font-weight:bold;}



.textlistdate .label.label-primary{ background-color:#d1d1d1; color:#454545;}




/* MEDIA QUERIES */
@media (max-width: 767px) {
	
	.maininfocategoriesbox:nth-child(2n+1){clear: both;  }
	
	.main_slider{ margin-top:0 !important;}
	.main_slider .row{ }
	.main_slider .col-xs-12{ padding-left:0; padding-right:0;}
	
	body{ background-image:none !important}
	
	.utilitymenu, .hidemobile, .mainslidesubtitle{ display:none;}
	.mainslidetitle{ font-size:50px; padding:20px}
	
	.mobilemargin{ margin-top:20px}
	
	.cd-hero .tablediv .tablecelldiv h2{ display:none;}
	
	.leftmenu{ margin-top:20px;}
	
	
	/* .logosection a img{ width:90px;} */
	
	/* eventi - dicono di noi - impianti */
	.eventlistbox, .feedbacklistitem, .plantlist .plantlistbox{ text-align:center}
	.feedbacklistitem, .plantlist .plantlistbox{  margin-bottom:30px;}
	
	.feedbacklistitem{  margin-bottom:20px;}
	
	
	.socialbar a{ display:block; float:left; width:50%;  padding-top:10px;}
	
	.socialbar a:nth-child(1), .socialbar a:nth-child(2){ padding-top:0}
	
	
	.mobilebreak{ display:block; padding-top:4px;}
	.footer .mobilebreak:first-child{ padding-top:0;}
	.mobilebreakhidden{ display:none;}
	
	.ctadesc{ padding-bottom:20px;}
	
	
}


@media (min-width: 768px) {
	
	
	

	.justifydesktop{ text-align:justify}
	
	/* animations */
	.navbar-default .navbar-nav>li>a, .dropdown-menu li a,
	.prefooter a, .owl-theme .owl-controls .owl-page span, .utilitymenu a.utilitytext, .prefooter .socialiconsfooter a, .socialbar a, .footer a,
	.cd-menu-primary-nav li a, .topmenuholder a, .btn, .list-group-item
	{	-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;	
	}
	
	.headline h1, .headline h2{ 	
		background-image:url(/images/bg-headline.png);
		background-position:right bottom;
		background-repeat:no-repeat;
	}
	
	.googlemap{ height:500px; width:100%;}
	
	.utilitymenu{ position:absolute; right:15px;  top:15px; font-size:12px; }
	
	.utilitymenu a.flag{ display:inline-block; }
	.utilitymenu a.flag{ margin-left:8px;}
	
	.utilitymenu span.dividecolumn{ padding-left:4px; padding-right:4px;}
	
	.utilitymenu a.utilitytext{ color:#fff; opacity: 0.7; filter: alpha(opacity=70);}
	.utilitymenu span.dividecolumn{ color:#fff; opacity: 0.4; filter: alpha(opacity=40);}
	.utilitymenu a.utilitytext:hover{ opacity: 0.9; filter: alpha(opacity=90); }
	
	.maininfocategoriesbox:nth-child(4n+1){clear: both;  }
	
	.blubox:hover .coloroverlayicon span{ font-size:32px; }
	
	
	.mbr-box {
		display: table;
		width: 100%;
	}
	
	.mbr-boxmagnet {
		display: table-cell;
		float: none;
		height: 100%;
		margin-bottom: 0;
		margin-top: 0;
		vertical-align: middle;
	}
	
	

}


.lingue{  font-size: 18px; line-height: normal; }
.lingue a{ padding-left:6px; padding-right:6px; vertical-align: middle; color: #999; }
.lingue a span{ }

@media (min-width: 768px) and (max-width: 991px) {
	
	
}






@media (min-width: 992px) {

	.leftmenu .list-group-item{ font-size:16px}
	
	.cd-hero .tablediv .tablecelldiv h2{ min-width:293px; }
	
}



@media (min-width: 768px) and (max-width: 991px) {
	.fleetlist .fleetbox:nth-child(2n+1){clear: both;   }
}


@media (min-width: 1200px) {
 	.fleetlist .fleetbox:nth-child(3n+1){clear: both;  }
	.cd-hero .tablediv .tablecelldiv h2{ min-width:263px; }
}



@media (min-width: 1400px) {
	
}


/* UTILITY STYLES */
/* fixed paddings */
.padding-top-50{ padding-top:50px}
.padding-top-40{ padding-top:40px}
.padding-top-30{ padding-top:30px}
.padding-top-20{ padding-top:20px}
.padding-top-15{ padding-top:15px}
.padding-top-10{ padding-top:10px}
.padding-top-5{ padding-top:5px}
.padding-top-0{ padding-top:0px}

.padding-bottom-50{ padding-bottom:50px}
.padding-bottom-40{ padding-bottom:40px}
.padding-bottom-30{ padding-bottom:30px}
.padding-bottom-20{ padding-bottom:20px}
.padding-bottom-15{ padding-bottom:15px}
.padding-bottom-10{ padding-bottom:10px}
.padding-bottom-5{ padding-bottom:5px}
.padding-bottom-0{ padding-bottom:0px}

/* fixed margins */
.margin-top-50{ margin-top:50px}
.margin-top-40{ margin-top:40px}
.margin-top-30{ margin-top:30px}
.margin-top-20{ margin-top:20px}
.margin-top-15{ margin-top:15px}
.margin-top-10{ margin-top:10px}
.margin-top-5{ margin-top:5px}
.margin-top-0{ margin-top:0px}

.margin-bottom-50{ margin-bottom:50px}
.margin-bottom-40{ margin-bottom:40px}
.margin-bottom-30{ margin-bottom:30px}
.margin-bottom-20{ margin-bottom:20px}
.margin-bottom-15{ margin-bottom:15px}
.margin-bottom-10{ margin-bottom:10px}
.margin-bottom-5{ margin-bottom:5px}
.margin-bottom-0{ margin-bottom:0px}


/* ROW HEIGHTS */

/* content styles */

.inside {
  margin-top: 20px;
  margin-bottom: 20px;
  background: #ededed;
}
.inside-full-height {
  /*
  // if you want to give content full height give him height: 100%;
  // with content full height you can't apply margins to the content
  // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
  */
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
.content {
  padding: 12px 3px;
}

/* columns of same height styles */
.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}
.col-height {
  display: table-cell;
  float: none;
  height: 100%;
}
.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}






@media (min-width: 480px) {
  .row-xs-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-xs-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-xs-top {
    vertical-align: top;
  }
  .col-xs-middle {
    vertical-align: middle;
  }
  .col-xs-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 768px) {
	
  .homeboxesvertical{ margin-top:50px;}	
	
  .row-sm-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-sm-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-sm-top {
    vertical-align: top;
  }
  .col-sm-middle {
    vertical-align: middle;
  }
  .col-sm-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 992px) {
  .row-md-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-md-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-md-top {
    vertical-align: top;
  }
  .col-md-middle {
    vertical-align: middle;
  }
  .col-md-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 1200px) {
  .row-lg-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-lg-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-lg-top {
    vertical-align: top;
  }
  .col-lg-middle {
    vertical-align: middle;
  }
  .col-lg-bottom {
    vertical-align: bottom;
  }
}



/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; 
	z-index:99999999999999999; 
	width:100%; height:100%;
}

#status {
	width:128px;
	height:128px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(/images/tetris128.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-64px 0 0 -64px; /* is width and height divided by two */
}










/* --------------------------------MENU-------------------------------- */

.logoheader{
	position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    right: 0;
}


.topmenuholder{
	background-color:#0366ae;
	
	padding-top:6px; 
	padding-bottom:6px;
	font-size:13px;
}

.topmenuholder .fa{ 
	font-size:16px;
}

.topmenuholder a.tr{ 
	color:#fff;
	opacity: 0.35;
    filter: alpha(opacity=35);
	font-weight:400;
}

.topmenuholder a.tr:hover{
	color:#fff;
	opacity: 0.9;
    filter: alpha(opacity=90);
}

.topmenuholder a.tr, .topmenuholder a.tr.active, .topmenuholder a.tr:focus{
	text-decoration:none;
}

.logoholder{ 
	background-color:#ddedf8;
	-webkit-box-shadow: 0 1px 3px 0 #999999;
	box-shadow: 0 1px 3px 0 #999999;
	
}

/* dropdown per le lingue */
.dropdown-menu.dropdownlingue{
	left:15px;
	padding:0;
	margin:0;
	margin-top:5px;
}


.dropdown-menu.dropdownlingue>li>a{
	padding:6px 15px;
}

.dropdown-menu.dropdownlingue>li>a.selected,
.dropdown-menu.dropdownlingue>li>a.selected:hover{
	background-color:#d1d1d1;
}

.dropdown-menu.dropdownlingue>li>a:hover,
.dropdown-menu.dropdownlingue>li>a:focus,
.dropdown-menu.dropdownlingue>li>a:active{
	background-color:#ececec; 
}


.smallsocialicons a{ padding-left:6px; }



.mobilelanguages{ display:none;}


.menucontainer{ 
	position:relative; 	
	padding-top:15px;
	padding-bottom:15px; 
} 


.logoholder a.logo, .logoholder .logo img{
	width:240px;
	height:40px;
}

.logoholder a.logo{ 
	background-image:url(/images/logo.svg); background-repeat:no-repeat; display:block;
	background-size: 240px 40px;
}


/* dropdown menu per le lingue */
.dropdown-menu.dropdownlingue{
	
}

main {
  padding-top:70px;  
  position: relative;
  z-index: 2;
  background-color:#fff;
  /* fix bug on iOS */
  height: 100vh;  
  overflow-y: auto;

  -webkit-overflow-scrolling: touch;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.7s;
  -moz-transition: -moz-transform 0.7s;
  transition: transform 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
  -moz-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
  transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
}

.navigation-is-open main {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}


.cd-menu-nav-trigger {
  position: absolute;
  z-index: 10;
  right: 15px;
  top: 0px;  
  height: 40px;
  width: 40px;
  background-color: #0366ae;
  border-radius: 0%;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  transition: transform 0.5s;
}


.cd-menu-nav-trigger .cd-menu-nav-icon {
  /* icon created in CSS */
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 22px;
  height: 2px;
  background-color: #ffffff;
}
.cd-menu-nav-trigger .cd-menu-nav-icon::before, .cd-menu-nav-trigger .cd-menu-nav-icon:after {
  /* upper and lower lines of the menu icon */
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.5s, width 0.5s, top 0.3s;
  -moz-transition: -moz-transform 0.5s, width 0.5s, top 0.3s;
  transition: transform 0.5s, width 0.5s, top 0.3s;
}
.cd-menu-nav-trigger .cd-menu-nav-icon::before {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  transform: translateY(-6px);
}
.cd-menu-nav-trigger .cd-menu-nav-icon::after {
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: translateY(6px);
  -moz-transform: translateY(6px);
  -ms-transform: translateY(6px);
  -o-transform: translateY(6px);
  transform: translateY(6px);
}
.no-touch .cd-menu-nav-trigger:hover .cd-menu-nav-icon::after {
  top: 2px;
}
.no-touch .cd-menu-nav-trigger:hover .cd-menu-nav-icon::before {
  top: -2px;
}



.navigation-is-open .cd-menu-nav-trigger .cd-menu-nav-icon::after,
.navigation-is-open .cd-menu-nav-trigger .cd-menu-nav-icon::before {
  /* animate arrow --> from hamburger to arrow */
  width: 0%;
  -webkit-transition: -webkit-transform 0.5s, width 0.5s;
  -moz-transition: -moz-transform 0.5s, width 0.5s;
  transition: transform 0.5s, width 0.5s;
}

/*
.navigation-is-open .cd-menu-nav-trigger .cd-menu-nav-icon::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.navigation-is-open .cd-menu-nav-trigger .cd-menu-nav-icon::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
*/


.no-touch .navigation-is-open .cd-menu-nav-trigger:hover .cd-menu-nav-icon::after, .no-touch .navigation-is-open .cd-menu-nav-trigger:hover .cd-menu-nav-icon::before {
  top: 0;
}


/*
@media only screen and (min-width: 1170px) {
  .cd-menu-nav-trigger {
    top: 40px;
  }
}
*/

.cd-menu-nav {
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: #0366ae;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.5s;
  -moz-transition: visibility 0s 0.5s;
  transition: visibility 0s 0.5s;
}

.cd-menu-nav .cd-menu-navigation-wrapper {
  /* all navigation content */
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  /* padding: 40px 5% 40px calc(5% + 80px); */
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  
  /* move scritte menu */
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -o-transform: translateX(50%);
  transform: translateX(50%);
  
  
  -webkit-transition: -webkit-transform 0.7s;
  -moz-transition: -moz-transform 0.7s;
  transition: transform 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
  -moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
  transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
}
.navigation-is-open .cd-menu-nav {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  -moz-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
}

.navigation-is-open .cd-menu-nav .cd-menu-navigation-wrapper {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
  -moz-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
  transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
}


.cd-menu-nav ul, .cd-menu-nav li{ 
	list-style:none;
	margin:0;
	padding:0;
}


.cd-menu-nav .cd-menu-primary-nav {
  margin-top: 70px;
  padding-left:15px;
  padding-top:15px;
}
.cd-menu-nav .cd-menu-primary-nav li {

}
.cd-menu-nav .cd-menu-primary-nav a {
  display: inline-block;
}
.cd-menu-nav .cd-menu-primary-nav a.selected {

}
.no-touch .cd-menu-nav .cd-menu-primary-nav a:hover {

}

.cd-menu-primary-nav li a,
.cd-menu-primary-nav li.selected li a{ 
	color:#fff;
	text-decoration:none;
	opacity: 0.7;
    filter: alpha(opacity=70);
}

/* hover per non selected */
.cd-menu-primary-nav li a:hover,
.cd-menu-primary-nav li li a:hover{ 
	opacity: 0.85;
    filter: alpha(opacity=85);
}


.cd-menu-primary-nav li.selected a,
.cd-menu-primary-nav li.selected li.selected a,
.cd-menu-nav .cd-menu-primary-nav a.selected,
.no-touch .cd-menu-nav .cd-menu-primary-nav a:hover,
.cd-menu-primary-nav li.selected .sub-nav.active a{
	color:#fff;
	opacity: 1;
    filter: alpha(opacity=100);
}

/* grandezza menu */
.cd-menu-primary-nav li{
	font-size:22px;
	font-weight:bold;
	padding-bottom:12px;
}

.cd-menu-primary-nav li li{
	font-size:16px;
	font-weight:normal;
	padding: 5px 0px 5px 20px;
}

.cd-menu-primary-nav li li:first-child{
	padding-top:10px;
}

.cd-menu-primary-nav li li li{
	font-size:14px;
}



/* media query menu */

@media (max-width: 767px) {
	.topmenuholder{
		display:none;
	}
	
	
	
	.mobilelanguages{ position:relative; float:right; margin-right:14px; display:inline-block; min-width:100px;}
	.mobilelanguages a{ float:right; margin-left:12px; display:block; margin-top:-2px }
	
	
	
	
}


@media (min-width: 768px) {
	/* grandezza menu */	
	.cd-menu-primary-nav li{
		font-size:24px;
		font-weight:bold;
		padding-bottom:14px;
	}
	
	.cd-menu-primary-nav li li{
		font-size:18px;
		font-weight:normal;
		padding: 5px 0px 5px 20px;
	}
	
	.cd-menu-primary-nav li li:first-child{
		padding-top:10px;
	}
	
	.cd-menu-primary-nav li li li{
		font-size:15px;
	}
	

	.logoholder{ 
		background-image:url(/images/bg-logoheader.png);
		background-position:right center;
		background-repeat:no-repeat;
	}

	
	
}




@media (min-width: 768px) and (max-width: 991px) {

	
	.menucontainer{ 
		padding-top:20px;
		padding-bottom:20px; 
	} 	
	
	
	/* menu */
	.logoholder a.logo, .logoholder .logo img{
		width:300px;
		height:50px;
	}
	
	.logoholder a.logo{ 
		background-image:url(/images/logo.svg); 
		background-size: 300px 50px;

	}
	
	.cd-menu-nav-trigger {
		height: 50px;
		width: 50px;
	}

	main {
		padding-top:90px;  /* + height top menu-30px */
	}
	.cd-menu-nav .cd-menu-primary-nav{
		margin-top:90px; 
		padding-left:30px;
		padding-top:30px;	
	}
	
	.cd-menu-nav {
		width: 70%;
	}
	
	.navigation-is-open main {
		-webkit-transform: translateX(-70%);
		-moz-transform: translateX(-70%);
		-ms-transform: translateX(-70%);
		-o-transform: translateX(-70%);
		transform: translateX(-70%);
	}
	/* end menu */

}

@media (min-width: 992px) {
	
	.menucontainer{ 
		padding-top:30px;
		padding-bottom:30px; 
	} 
	
	/* menu */
	.logoholder a.logo, .logoholder .logo img{
		width:360px;
		height:60px;
	}
	
	.logoholder a.logo{ 
		background-image:url(/images/logo.svg); 
		background-size: 360px 60px;
	}
	
	
	
	.cd-menu-nav-trigger {
		height: 60px;
		width: 60px;
		margin-top:0px;
	}

	main {
		padding-top:120px;  
	}
	.cd-menu-nav .cd-menu-primary-nav{
		margin-top:120px; 
		padding-left:30px;
		padding-top:30px;	
	}
	
	.cd-menu-nav {
		width: 50%;
	}
	
	.navigation-is-open main {
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	/* end menu */

}


@media (min-width: 1400px) {
	
	.cd-menu-nav {
		width: 40%;
	}
	
	.navigation-is-open main {
		-webkit-transform: translateX(-40%);
		-moz-transform: translateX(-40%);
		-ms-transform: translateX(-40%);
		-o-transform: translateX(-40%);
		transform: translateX(-40%);
	}
	
}

@media (min-width: 1800px) {
	
	.cd-menu-nav {
		width: 30%;
	}
	
	.navigation-is-open main {
		-webkit-transform: translateX(-30%);
		-moz-transform: translateX(-30%);
		-ms-transform: translateX(-30%);
		-o-transform: translateX(-30%);
		transform: translateX(-30%);
	}
	
}


/* END MENU */