/* Sfondo pagine */
#page {
	background-color: white;
}

.container-fluid, .row {
    --bs-gutter-x: 0;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Lato', sans-serifsans-serif !important;
}

/* #region Pagina con i risultati della ricerca */
	/* #region Barra di ricerca all'interno della pagina con i risultati della ricerca */
	.views-exposed-form {
		max-width: 500px;
		margin: 0 auto;
	}
	
	.views-exposed-form .d-flex {
		position: relative;
		gap: 0;
	}
	
	/* Nasconde l'etichetta "Titolo" */
	.views-exposed-form .form-item-title label {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}
	
	/* Stile per il campo di input */
	.views-exposed-form .form-item-title {
		flex-grow: 1;
		margin-bottom: 0 !important;
		margin-right: 0 !important;
	}
	
	.views-exposed-form #edit-title {
		color: #333;
		border: 2px solid #3498db;
		border-right: none;
		border-radius: 10px 0 0 10px;
		height: 50px;
		padding: 0 16px;
		font-size: 16px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
		transition: all 0.3s ease;
	}
	
	/* Stile per il pulsante */
	.views-exposed-form .form-actions {
		position: relative;
		margin: 0 !important;
	}
	
	.views-exposed-form .btn-primary {
		height: 50px;
		padding: 0 20px;
		border: 2px solid #3498db !important;
		border-left: none !important;
		border-radius: 0 10px 10px 0;
		background-color: white !important;
		background-image: none !important;
		color: #3498db !important;
		font-weight: 600;
		cursor: pointer;
		box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
		transition: all 0.3s ease;
	}
	
	.form-actions .button, .field-actions .button, .form-actions .action-link, .field-actions .action-link {
		margin-block: 0;
	}
	
	/* Stile di hover per il pulsante */
	.views-exposed-form .btn-primary:hover {
		background-color: #f8f9fa !important;
	}
	
	/* Stile per il pulsante quando viene premuto */
	.views-exposed-form .btn-primary:active {
		transform: translateY(1px);
	}
	
	/* Effetto focus per input e bottone */
	.views-exposed-form #edit-title:focus {
		border-color: #66afe9;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
		outline: none;
	}
	
	.views-exposed-form #edit-title:focus + .form-actions .btn-primary {
		border-color: #66afe9;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
	}
	
	.views-exposed-form .btn-primary:focus {
		outline: none;
		border-color: #66afe9;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
	}
	
	/* Responsive per schermi più piccoli */
	@media (max-width: 768px) {
		.views-exposed-form #edit-title,
		.views-exposed-form .btn-primary {
		height: 45px;
		font-size: 14px;
		}
		
		.views-exposed-form .btn-primary::before {
		height: 45px;
		}
	}
	
	/* Assicuriamo che il flex-wrap funzioni correttamente su mobile */
	@media (max-width: 576px) {
		.views-exposed-form .d-flex {
		flex-direction: column;
		gap: 10px;
		}
		
		.views-exposed-form #edit-title {
		border-right: 2px solid #3498db;
		border-radius: 10px;
		}
		
		.views-exposed-form .btn-primary {
		border: 2px solid #3498db !important;
		border-radius: 10px;
		width: 100%;
		}
		
		.views-exposed-form .btn-primary::before {
		display: none;
		}
	}
/* #endregion */


/* #endregion */

/**/
/*html,
body {
  height: 100%;
  min-height:600px;
}
*/
body
{
	font-family: 'Lato', sans-serif;
	color: #383838;
	/*text-shadow: 0 1px 3px rgba(0,0,0,.5);*//*emiliano*/
	/*box-shadow: inset 0 0 100px rgba(0,0,0,.5);*/
	background-color: #dcdcdc;

}
body.not-front
{
	background-color: #ffffff;
	background-repeat: repeat-y;
	background-position: center top;
}
body.front
{	
	background-color: #ffffff;
}
 .masthead,
  .cover-container
   {
	margin: 0;
	width: 100%;
  	background-color:#FFFFFF;
  }
.logo img { height: auto !important; }
h1
{
	font-family: 'Lato', sans-serif;
	color: #383838;
	font-size:35px;
	font-weight: bold;
}

h2
{
	font-family: 'Lato', sans-serif;
	color: #383838;
	font-size:24px;
	text-shadow: none;
	margin-top:0px;
	margin-bottom: 40px;
}

h3
{
	font-size:20px;
	background-color:#FFFFFF !important;
}

h4
{
	font-size:18px;
	background-color:#FFFFFF !important;
}

p, div.additional-content, div.content ul li, div.content ol li
{
	font-size: 16px;
	text-shadow: none;
	/*font-weight: 200;*/
	line-height: 18px;
}

.breadcrumb
{
	display:none;
}

div.additional-content
{
	/*margin-top: 20px;*/
	font-size: 16px;
}

.right
{
	right:0px;
	text-align:right;
}
.left
{
	left:0px;
	text-align:left;
}
.col-right
{
	padding-left:40px;
}
@media (max-width: 767px) 
{
	.col-right
	{
		padding-left:0px;
	}
}
.fleft
{
	float:left;
}
.center
{
	text-align:center;
}
.hidden
{
	display:none;
}
.corsivo
{
	font-style:italic;
}
@media (max-width: 767px) 
{
	div.row-to-right
	{
		float:right;
		width:100%
	}
	.mobile
	{
		display:block;
	}
	input.risposta.mobile
	{
		display:inline;
	}
	.desktop
	{
		display:none;
	}
}
@media (min-width: 768px) 
{
	.mobile
	{
		display:none !important;
	}
	.desktop
	{
		display:block;
	}
	input.risposta.desktop
	{
		display:inline;
	}
}
/*
 * Globals
 */
.row
{
	margin-left:0px;
	margin-right:0px;
}
/* Links */
a
{
  color: #428bca;
}

.container
{
	width:100%;
	padding: 0;
}

/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
  background-color: red !important;
}
.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
  background-color: transparent;
}
.cover-container {
  margin-right: auto;
  margin-left: auto;
}

/* Padding for spacing */
.inner {
  padding: 10px;
}

.btnStd
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-color: #888887;
	border-style: solid;
	background-color: #FFFFFF !important;
	font-size:14px;
	text-align:center;
	padding:5px;
	margin-top: 10px;
	white-space: nowrap;
	color: #888887;
}

a.btnStd:hover
{
	color: #888887;
}

.btnNext
{	
	border:0px;
	background-color: #FFFFFF;
	font-size:14px;
	font-weight:600;
	text-align:right;
	padding:5px 15px 5px 5px;
	margin-top: 10px;
	background-image: url("../images/arrow_right.gif");
	background-position: right;
	background-repeat: no-repeat;
}

@media (min-width: 992px) 
{
	.servizi-blocco.col-md-5
	{
		width:20%;
	}
}
@media (min-width: 1200px) 
{
	.servizi-blocco.col-lg-5
	{
		width:20%;
	}
}
/*
 * Header
 */

@media screen and (max-width: 987px) {	/* L'intestazione del sito è sempre in alto e segue lo scorrimento da mobile*/
  #header {
	background-color: white;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 500;
  }

  .content {  /* Spazio per l'header */
        padding-top: 105px;
    }
}

.masthead-brand {
  margin-top: 0px;
  margin-bottom: 10px;
}

@media (max-width: 768px) 
{

	h3.masthead-brand 
	{
		text-align:center;
		margin-top: 40px;
	}
	
	h3.masthead-brand a.pull-left
	{
		float:none !important;
	}
	
	.logo
	{
		display: inline !important;
	}
}
/*******************************/
/********** NAVBAR *************/
/*******************************/
	.navbar {
		margin-bottom: 0;	/* Rimuove il margine perché con height auto a navbar-brand ce n'è abbastanza*/
		padding: 0;
		box-shadow: 0 0 4px rgba(0, 0, 0, .5);
	}
	
	#navbar-main ul { margin: 0; }

	@media (min-width: 992px) {
		.navbar-expand-lg {
			justify-content: center;		/* la spaziatura di logo, main menu e language switcher è gestita con margini */
		}
	}

	.navbar-brand {		/* Logo RealComm*/
		height: auto;	/* Permette a tutta la navbar di avere l'altezza dell'elemento più alto, in questo caso il logo */	    
		margin-right: auto;
    	margin-left: 5vw;
	}

	.navbar-brand>img {		
		width: 156px;
	}

	/* #region Main Menu */
		.navbar-expand-lg .block-menu {			/* Blocco Main Menu*/
			margin: 0 auto;
		}

		.navbar-nav > .dropdown:hover > .dropdown-menu {
			display: flex !important;
			flex-direction: row;
			flex-wrap: nowrap;
			padding: 1rem;
			gap: 2rem;
			background-color: #fff;
			border: 1px solid #ccc;
			position: absolute;
			top: 100%;
			left: 50%;
  			transform: translateX(-50%);
			z-index: 1000;
			width: auto;
			min-width: 100%;
		}

		/* Assegna lo stesso padding sia alle voci cliccabili sia che a quelle non cliccabili */
		.navbar-nav .nav-link {
			padding: 7px 10px !important;
			color: #0058c9 !important;
			font-weight: bold !important;
			border-radius: 20px;
		}

		.navbar-nav .nav-link:focus, .nav-link:hover {
			background-color: #f5f9fc !important;
		}

		/* Nasconde i menu secondari finché non viene fatto hover */
		.navbar-nav .dropdown-menu {
			display: none;
		}

		.navbar-nav .dropdown-menu>li>a {
			padding: 0;
		}

		/* Fà in modo che i dropdown si aprano solo on hover e non al click */
		.navbar-nav .navbar-nav .dropdown > a, .navbar-nav .dropdown > span {
			pointer-events: none;
			cursor: default;
		}


		/* Show sta per quando si clicca sulla voce principale */
		.navbar-nav .dropdown-menu.show {		
			padding: 3px 10px 0 10px;
			display: flex !important;
		}

		/* Mostra il mega menu al passaggio del mouse */
		.navbar-nav .navbar-nav > .dropdown:hover > .dropdown-menu {
			display: flex;
		}

		/* Colonne per ciascuna voce secondaria (tipo "Real Comm", "Certificazioni", ecc.) */
		.navbar-nav .dropdown-menu > .dropdown {
			flex-direction: column;
		}

		/* Titolo voce secondaria */
		.navbar-nav .dropdown-menu > .dropdown > span {
			font-weight: bold;
			margin-bottom: 0.5rem;
			display: block;
			color: #0058c9;
		}

		/* Sottolivelli (i link) */
		.navbar-nav .dropdown-menu > .dropdown > .dropdown-menu {
			display: flex;
			flex-direction: column;
			position: static;
			background: none;
			box-shadow: none;
			border: none;
			padding: 0;
		}

		/* Link interni */
		.navbar-nav .dropdown-menu a {
			white-space: nowrap;
			padding: 0.3rem 0;
			color: #000;
			text-decoration: none;
		}

		/* Effetto on hover della sezione dei sottolink sottolink */
		.navbar-nav .dropdown-item:focus, .dropdown-item:hover {
			background-color: inherit;
		}

		/* Effetto on hover dei sottolink */
		.navbar-nav .dropdown-menu a:hover {
			color: #1458a1 !important;
			background: inherit !important;
		}

		/* Rimuove effetto a cascata */
		.navbar-nav .dropdown:hover > .dropdown-menu > .dropdown:hover > .dropdown-menu {
			display: flex;
		}
		.navbar-nav .dropdown-menu {
			transition: all 0.3s ease;
		}

		.navbar-nav .dropdown-item {
			padding: 0 0 4px 0;
		}

		/* Effetto on hover della voce corrente e la sua sezione */
		.navbar-nav .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
			background-color: white !important;
			color: #1458a1 !important;
		}

		.navbar-nav .dropdown-item.active, .dropdown-item:active {
			background-color: white !important;
		}

		/* Nascondi hamburger e menu mobile su desktop */
		.menu-toggle, .menu-close {
			display: none;
		}

		.mobile-menu .block-menu {
			display: none !important;
		}

		/* Mobile */
		@media (max-width: 987px) {
			/* Menu */
			.mobile-menu-overlay {
				position: fixed;
				top: 0;
				left: -100%;
				width: 100%;
				height: 100%;
				background: white;
				transition: left 0.3s ease-in-out;
				z-index: 1200;
				overflow-y: auto;
			}

			.mobile-menu-overlay.open {
				left: 0;
			}

			.mobile-menu {
				padding: 2rem;
				display: flex;
				flex-direction: column;
			}

			.menu-close {
				display: block;
				position: absolute;
				top: 1rem;
				right: 1rem;
				background: none;
				border: none;
				cursor: pointer;
				width: 55px;
				z-index: 1201;
			}

			.mobile-menu .block-menu {
				display: block !important;
			}

			.menu-toggle {
				display: block;
				background: none;
				border: none;
				cursor: pointer;
				position: absolute;
				margin: 15px;
				top: 0;
				right: 0;
				width: 55px;
				z-index: 1100;
			}

			.menu-toggle img, .menu-close img {
				width: 100%;
			}

			/* Nascondi menu originale su mobile */
			.block-menu {
				display: none;
			}

			/* Testi */
			#block-realcomm2-barrio-navigazioneprincipale-menu {  /* Titolo principale */
				color: #0058c9;
				font-size: 3.1rem;
				font-weight: 700;
				margin: 0 0 20px 8px;
			}

			.navbar-nav .nav-link { /* Voci principali */
				font-size: 2.1rem;
				padding: 10px 10px !important;
			}

			.dropdown-menu {		/* Nomi Pagine */
				font-size: 1.7rem;
			}

			.navbar {
				flex-direction: column;
			}
			.navbar-brand {
				margin-left: 0;
			}

			.navbar-brand>img {
				width: 110px;
			}

			.navbar-nav > .dropdown:hover > .dropdown-menu {
				flex-direction: column;
				padding: 0 2rem;
				gap: 1rem;
				font-size: 1.9rem;		/* Sottotitoli non cliccabili*/
				border: none;
				box-shadow: none;
			}

			.navbar-nav .dropdown-menu>li>a {
				padding: 3px;
        		margin-left: 3px;
			}

			/* Lingue */
			.lang-dropdown-form .form-select {
				margin: 0 !important;
				position: absolute;
				top: 29px;
				right: 80px;
			}
		}

	/* #endregion Main Menu */

	/* #region Language Switcher Dropdown */
		.lang-dropdown-form .form-select {
			background: url(/themes/custom/realcomm2_barrio/images/arrow-down-white.png), linear-gradient(135deg, #0b4c92, #018aff);
    		background-repeat: no-repeat;
    		background-position: right 13px center, center;
    		background-size: 14px 14px, cover;
    		box-shadow: 0 10px 20px rgba(1, 94, 214, 0.2) !important;
			margin: 0 5vw 0 11vw;
			padding: .4rem 2.25rem .4rem .75rem;
			-moz-padding-start: calc(0.75rem - 3px);
			font-size: 1.3rem;
			font-weight: 600;
			line-height: 1.5;
			color: white;
			border: none;
			border-radius: .375rem;
			transition: .3s ease;
		}

		.lang-dropdown-form .form-select:hover {
			background: url(/themes/custom/realcomm2_barrio/images/arrow-down-white.png), linear-gradient(135deg, #015ed6, #01a0ff);
			background-repeat: no-repeat;
    		background-position: right 13px center, center;
    		background-size: 14px 14px, cover;
			box-shadow: 0 12px 25px rgba(1, 94, 214, 0.3) !important;
			color: white;
		}

		.lang-dropdown-form .form-select:focus {
			background: url(/themes/custom/realcomm2_barrio/images/arrow-down-white.png), linear-gradient(135deg, #015ed6, #01a0ff);
			background-repeat: no-repeat;
    		background-position: right 13px center, center;
    		background-size: 14px 14px, cover;
			box-shadow: 0 12px 25px rgba(1, 94, 214, 0.3) !important;
			color: white;
		}
		  
		.form-select option {
			color: #272727;
			background-color: white;
			font-family: sans-serif;
		}
		  
	/* #endregion Language Switcher Dropdown */
/*******************************/



/*******************************/
/********** WEBFORM ************/
/*******************************/
/* #region Contatti */
	#edit-titolo-form-contatti {
		font-size: clamp(1rem, 1vw, 1.6rem);
		width: 68vw;
	}

	#content_row_right {			/* stile generale della sezione contatti */
		color: #015ed6;
		margin: 1vw 0 0 14.3vw;
		font-size: clamp(1rem, 1vw, 1.5rem);
		width: 100%;
	}
	#content_row_right p{		/* stile del testo con link al regolamento */
		line-height: 1.6;
	}

	.contattaci-title {
		font-weight: 700;
	}

	.form-item-nome, .form-item-indirizzo-email, .form-item-argomento, .form-item-testo{	/* colore dello sfondo e dimensioni */
		background: white;
		margin-bottom: 0 !important;
		width: 68vw;
		padding: 1.5rem 2.5rem;
		border-bottom: 1px solid rgba(1, 94, 214, 0.1);
		box-shadow: 0 25px 40px rgba(0, 0, 0, 0.1);
	}

	.form-item-argomento .form-select {
		font-size: clamp(1rem, 1vw, 1.5rem);
	}

	.form-item-argomento .form-select:hover, .form-item-argomento .form-select:focus {
		background-repeat: no-repeat;
		background-position: right 13px center, center;
		background-size: 14px 14px, cover;
		box-shadow: 0 7px 17px rgba(1, 94, 214, 0.3) !important;
	}

	.form-item-nome {
		padding-top: 2vw;
		border-radius: 16px 16px 0 0;						/* angoli superiori arrotondati */
	}

	.form-item-testo {			
		padding-bottom: 2vw;
		border-radius: 0 0 16px 16px;						/* angoli inferiori arrotondati */
	}
	
	.form-item-consenso-privacy {
		padding-top: 5px;
		margin-bottom: 0;
	}

	.form-control {											/* stile per le form */
		background-color: #f5f9fc; 
		border: 2px solid transparent;	
		border-radius: 8px;
		color: #333;
		padding: 6px 12px;
		transition: all 0.3s ease;
	}

	.form-control:focus {
		border-color: #015ed6;
		box-shadow: 0 0 0 3px rgba(1, 94, 214, 0.1);
	}

	.control-label {
		color: #333;
		font-weight: 600;
		margin-bottom: 0.5rem;
	}

	select option {
		background-color: #f5f9fc;   				/* Sfondo del dropdown */
	}

	/* Sezione Checkbox informativa */

	.form-item-visione-informativa {
		margin-top: 40px;
	}

	.form-check-input[type=checkbox] {		/* Arrotonda le checkbox e le allinea di più al testo */
		border-radius: 50%;
		margin-top: 3px;
	}

	#edit-visione-informativa--description, #edit-acconsento-newsletter--description {	/* imposta il colore del testo della sezione per chiedere il consenso al trattamento dei dati */
		color: #015ed6;
		border-bottom: 0;
		margin-bottom: 0;
		margin-left: 10px;
		font-size: clamp(1rem, 1vw, 1.6rem);
	}

	#edit-visione-informativa--description::after {			/* Aggiunge l'asterisco rosso dopo il testo perché essendo solo una checkbox non funzionava come per gli altri */
		content: '';
		vertical-align: super;
		display: inline-block;
		background-image: url(/themes/contrib/bootstrap_barrio/images/required.svg);
		background-repeat: no-repeat;
		background-size: 7px 7px;
		width: 7px;
		height: 7px;
		margin: 0 0.3em;
	}

	.radio {								
		margin-bottom: 0;
		margin-top: 0;
	}

	.radio+.radio, .checkbox+.checkbox {					/* spazia le checkbox e il testo*/
		margin-top: 0;
	}

	.help-block {											/* toglie il pezzo inserisci immagine o link */
		display: none;
	}

	#content_row_right .btn {								/* stile e effetto in hover del bottone */
		background: linear-gradient(135deg, #0146a2, #018aff);
		border: none;
		border-radius: 30px;
		font-size: clamp(1rem, 1vw, 1.4rem);
		font-weight: 600;
		padding: 12px 40px;
		margin-top: 1rem;
		box-shadow: 0 10px 20px rgba(1, 94, 214, 0.2);
		transition: all 0.3s ease;
	}

	#content_row_right .btn:hover {
		color: #fff;
		transform: translateY(-3px);
		box-shadow: 0 12px 25px rgba(1, 94, 214, 0.3);
		background: linear-gradient(135deg, #015ed6, #01a0ff);
	}

	#webform-submission-webform-1231-node-1230-add-form {
		color: #015ed6;
		font-size: clamp(1rem, 1vw, 1.5rem);
	}

	@media (max-width: 768px) {
		#content_row_right {
			margin: 6vw auto;
			width: 90vw;
		}

		#content_row_right p {
			margin-top: 0;
		}

		#content_row_right, 
		#content_row_right p, 
		.form-item-argomento .form-select, 
		#edit-acconsento-newsletter--description, 
		#content_row_right .btn, #edit-visione-informativa--description {
			font-size: clamp(1rem, 4vw, 2.2rem);
		}

		#content_row_right .btn {
			width: 100%;
            padding: 12px 0;
		}

		#edit-titolo-form-contatti, .form-item-nome, .form-item-indirizzo-email, .form-item-argomento, .form-item-testo{	/* colore dello sfondo e dimensioni */
			width: 90vw;
		}

		.checkbox-label {
			padding-left: 10px;
		}
	}	
/* #endregion */

/* #region Proposta di candidatura */
	#webform-client-form {
		max-width: 800px;
		margin: 0 auto;
		overflow: hidden;
		font-size: clamp(1rem, 1.4vw, 1.4rem);
	}

	.form-item-nome-e-cognome,
	.form-item-email,
	.form-item-telefono,
	.form-item-note,
	.form-item-curriculum {
		background-color: white;
		margin-bottom: 0 !important;
		padding: 1.5rem 2.5rem;
		box-shadow: 0 25px 40px rgba(0, 0, 0, 0.1);
		border-bottom: 1px solid rgba(1, 94, 214, 0.1);
	}

	.form-item-nome-e-cognome {
		padding-top: 2rem;
		border-radius: 16px 16px 0 0;
	}

	.form-item-note {
		padding-bottom: 2rem;
		border-radius: 0 0 16px 16px;
		border-bottom: none;
	}

	.form-group .btn {
		background-color: #f5f9fc;
		color: #015ed6;
		border: 2px solid #015ed6;
		border-radius: 8px;
		padding: 5px 20px;
		font-weight: 600;
		transition: all 0.3s ease;
	}

	.form-group .btn:hover {
		background-color: #015ed6;
		color: white;
		box-shadow: 0 5px 15px rgba(1, 94, 214, 0.2);
	}

	/* Send Curriculum è una classe css personalizzata aggiunta al wrapper dell'elemento Curriculum,
		all'interno della webform Proposta di Candidatura, tramite le impostazioni della stessa */
	.send-curriculum button {			
		background: linear-gradient(135deg, #0146a2, #018aff);
		border: none;
		border-radius: 30px;
		font-size: clamp(1rem, 1vw, 1.2rem);
		font-weight: 600;
		padding: 6px 20px;
		margin: 1rem;
		box-shadow: 0 10px 20px rgba(1, 94, 214, 0.2) !important;
		transition: all 0.3s ease;
	}

	.send-curriculum button:hover {
		color: #fff;
		box-shadow: 0 12px 25px rgba(1, 94, 214, 0.3) !important;
		background: linear-gradient(135deg, #015ed6, #01a0ff);
	}

	@media (max-width: 768px) {
		.form-item-nome-e-cognome,
		.form-item-email,
		.form-item-telefono,
		.form-item-note,
		.form-item-curriculum {
			padding: 1.2rem 1.5rem;
		}

		.send-curriculum button {
			font-size: clamp(1rem, 4vw, 3.8rem);
		}
	}
/* #endregion */
/**********************/

@media (min-width: 769px) {
	.masthead-brand {
	  float: left;
	}
	.masthead-nav {
	  float: right;
	}
  }

/*
 * Cover
 */

.cover {
  padding: 0 20px;
}
.cover .btn-lg {
  padding: 10px 20px;
  font-weight: bold;
}


/* ********************/
 /* Footer */
 /********************/
	.site-footer {
		background-color: #002945; /* colore blu simile all'immagine */
		color: #dadfe3;
		padding: 0 6vw 10px !important;
	}

	.py-5 {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		margin-bottom: 5%;
	}

	.site-footer p, .site-footer a {
		font-size: clamp(1rem, 0.9vw, 1.6rem);
		margin: 0;
		transition: 0.3s ease;
	}

	.site-footer div {
		margin-top: 12px;
	}

	.logo-white img {
		height: auto;
	}

	.icone-iso-footer img, .bando-footer img {
		border-radius: 10px;
	}

	/* Sezione sinistra */
	.contatti-footer {
		display: flex;
    	gap: 30px;
	}

	.contatti-footer div{	/* Le due div all'interno di contatti-footer */
		display: flex;
		gap: 10px;
	}

	.contatti-footer a {
		color: #dadfe3;
	}

	.icone-iso-footer {
		margin: 35px 0 7px !important;
		display: flex;
		gap: 30px;
	}

	/* Sezione centrale */
	.link-menu-footer, .download-footer {
		display: flex;
		flex-direction: column;
	}

	.link-menu-footer h2, .download-footer h2 {
		font-size: clamp(0.9rem, 1.8vw, 2.2rem);
		color: white;
		margin: 0 0 10px 0;
	}

	/* Link */
	.link-menu-footer a, .download-footer a, a.link-bando {
		width: 100%;
		color: #dadfe3;
		border: none;
		font-size: clamp(1rem, 1.2vw, 1.3rem);
		font-weight: 600;
		padding: 4px 0;
	}

	.site-footer p:hover, .contatti-footer a:hover, .link-menu-footer a:hover, .download-footer a:hover, .assistenza-footer a:hover, a.link-bando:hover {
		color: white;
	}

	/* Bando */
	.bando-footer {
		position: relative;
		top: 130px;
	}

	.bando-footer a {
		display: block;
		width: 300%;
	}

	.bando-footer img{
		width: 90%;
    	margin-top: 10px;
	}

	.bando-footer a:hover {
		color: white !important;
	}

	/* Sezione destra */
	.assistenza-footer h2 {
		color: white;
		font-size: clamp(0.9rem, 2vw, 2.8rem);
		margin-bottom: 20px;
	}

	.assistenza-footer a {
		width: 85%;
		background: linear-gradient(135deg, #0146a2, #018aff);
		margin-bottom: 10px;
		color: white;
		border: none;
		border-radius: 30px;
		font-size: clamp(1rem, 1.2vw, 1.3rem);
		font-weight: 600;
		padding: 9px 30px;
		box-shadow: 0 10px 20px rgba(1, 94, 214, 0.2);
		transition: all 0.3s ease;
	}

	.assistenza-footer a:hover {
		transform: translateY(-3px);
		box-shadow: 0 12px 25px rgba(1, 94, 214, 0.3);
		background: linear-gradient(135deg, #015ed6, #01a0ff);
		text-decoration: none;
		color: white;
	}

	.link-social-footer {
		position: relative;
		top: 195px;
	}
	
	.link-social-footer img {
		height: auto;
	}

	/* Scritta copyright */
	.copyright-block {			
		left: 50px;
		right: -200px;
		top: 110%;
		position: absolute;
	}

	@media screen and (max-width: 768px) {
		.site-footer p, .site-footer a {
			font-size: clamp(1rem, 4vw, 1.6rem) !important;
		}

		.logo-white {
			display: flex;
			justify-content: center;
			margin-bottom: 15px;
		}

		.logo-white img {
			width: 80%;
		}

		.info-footer {
			margin-top: 30px;
			display: flex;
			justify-content: center;
			text-align: center;
		}

		.contatti-footer {
			flex-direction: column;
			align-items: center;
			gap: 5px;
		}

		.icone-iso-footer {
			justify-content: center;
			margin-top: 15px !important;
		}

		.link-menu-footer h2, .download-footer h2 {
			display: none;
		}

		.link-menu-footer, .download-footer {
			text-align: center;
		}

		.link-menu-footer {
			margin-top: 15px !important;
		}

		.bando-footer {
			position: static;
		}

		.bando-footer a {
			width: 100%;			/* Altrimenti esce dallo schermo */
			text-align: center;
		}

		.bando-footer img{
			width: 100%;
		}

		.assistenza-footer {
			text-align: center;
			margin-top: 20px !important;
		}

		.assistenza-footer h2 {
			font-size: clamp(1.2rem, 7vw, 2.6rem);
    		font-weight: 900;
			margin: 30px 3vw 11px;
		}

		.link-social-footer {
			justify-content: center;
			align-items: center;
			position: static;
			margin-top: 60px !important;
			margin-right: 0;
			display: flex;
		}

		.copyright-block {			/* Scritta copyright */
			display: none;
		}
	}

/*
 * Affix and center
 */

@media (min-width: 601px) {
  /* Pull out the header and footer */
  .masthead {
	width: 100%;
    /*position: fixed;*/
    top: 0;
  }

  /* Start the vertical centering */
  .site-wrapper-inner {
    /*vertical-align: middle;*/
  }
  /* Handle the widths */
  .masthead,  
  .cover-container {
	margin-right: auto;
	margin-left: auto;
  }
  .site-wrapper
  {
	min-height:700px;
  }
 
}

@media (max-width: 600px) 
{
	.navbar-right
	{
		float:right;
	}
	
}
#flux
{
	/*background-image: url("/RealComm/images/flux.jpg");*/
	width:100%;
	margin-right: auto;
	margin-left: auto;
	/*margin-top:100px;*/
	background-repeat: no-repeat;
    /*position:absolute;*/
    /*z-index:-3;		*/	
	overflow:hidden;
	text-align:center;
}

#page-bottom-front
{
	position:absolute;
	top:0px;
	height: 0px !important;
}

.inner-float
{
	position:absolute;
	margin-top:0px;
	width: inherit;
}

@media (min-width: 960px) {
	
  .masthead,
  .cover-container
   {
    width: 100%;
	margin-right: 0;
	margin-left: 0;
  }

  .mastfoot {
    width: 100%;
  }
	
  #flux
  {
	margin-left: 0;
	width:100%;
  }

  #flux img.flux-image
  {
	width:100%;	
	max-width:1185px;
  }

	#fluximage div.region {
		/*width: 900px !important;*/
		/*left: 20% !important;*/
	}
  #page-bottom-front
  {
	width:960px;
	height:320px;	
  }
}

form#search-block-form .btn
{
	background-color: #FFFFFF;
	background-image: url("../images/find-icon.png");
	background-position: center;
	background-repeat: no-repeat;
	color:transparent;
}

.form-search, form#search-block-form, .btn:hover
{	
	color:transparent;
}

@media (min-width:769px)
{
	#page-top .block-search
	{
		/*margin-top:100px;*/
	}
}

@media (max-width:768px)
{
	#page-top .block-search
	{
		margin-top:10px;
	}
}

@media (min-width:601px)
{	
	#home-flux
	{
		/*position:fixed;*/
		/*bottom:70px;*/
		margin: 0px auto;
		width: 100%;
		/*top: 180px;*/
	}

	.mastfoot 
	{
		position: fixed;
		bottom: 0;
	}
	img.mobile
	{
		display:none;
	}
	#fluximage
	{
		position: fixed;
		bottom: 60px;
	}

}

@media (max-width: 600px)
{
	#home-flux
	{
		position:relative; 
		margin-top: 40px;
	}

	/*.mastfoot 
	{
		position: fixed;
		bottom:0px;
	}*/
	img.desktop
	{
		display:none;
	}

}
@media (max-height:600px)
{
	#home-flux
	{
		position:relative;
		/*bottom:70px;*/
		margin: 0px auto;
		/*width: 100%;*/
		top: 40px;
	}
	.mastfoot 
	{
		position: relative;
		/*bottom:0px;*/
	}
	
}

div.view-taxonomy-view div h3, div.search-results h3
{
	font-size:22px;
	padding-bottom:15px;
}
div.view-taxonomy-view div h3:nth-of-type(2), div.search-results h3:nth-of-type(2)
{
	border-top:1px solid #383838;
	padding-top:15px;
}

#flux img.flux-image
{
	opacity: 0.9;
    filter: alpha(opacity=90);
}

@media (max-width: 960px)
{
	#flux img.flux-image
	{
		width:100%;		
	}
	#flux img.flux-image.desktop
	{
		min-width:601px;
		position: relative; /* allows repositioning */		
	}
	#page-bottom-front
	  {
		width:100%;
		height:70%;
	  }
}

div#fluximage 
{ 
	overflow:hidden;
	width:100%;	
	background-size:cover;
}


@media (min-width: 601px) { /*div#fluximage { background-image:url("../images/flux2_5.jpg");}*/ .r0, .r1, .r2, .r3, .r4 {display:none;} .r5 {display:block;} }
@media (min-width: 740px) { /*div#fluximage { background-image:url("../images/flux2_4.jpg"); }*/  .r0, .r1, .r2, .r3, .r5 {display:none;} .r4 {display:block;} }
@media (min-width: 780px) { /*div#fluximage { background-image:url("../images/flux2_3.jpg"); }*/  .r0, .r1, .r2, .r4, .r5 {display:none;} .r3 {display:block;} }
@media (min-width: 820px) { /*div#fluximage { background-image:url("../images/flux2_2.jpg"); }*/  .r0, .r1, .r3, .r4, .r5 {display:none;} .r2 {display:block;} }
@media (min-width: 860px) { /*div#fluximage { background-image:url("../images/flux2_1.jpg"); }*/  .r0, .r2, .r3, .r4, .r5 {display:none;} .r1 {display:block;} }
@media (min-width: 900px) { /*div#fluximage { background-image:url("../images/flux2.jpg"); }*/  .r1, .r2, .r3, .r4, .r5 {display:none;} .r0 {display:block;} }

img.img-responsive { max-width:100%; }
img.img-responsive.mobile { width:100%; }
@media (min-width: 960px) and (max-height: 750px) { img.img-responsive { max-width:95%; } #page-top .block-search { margin-top:50px; }}
@media (min-width: 960px) and (max-height: 730px) { img.img-responsive { max-width:85%; } #page-top .block-search { margin-top:50px; }}
@media (min-width: 960px) and (max-height: 680px) { img.img-responsive { max-width:80%; } #page-top .block-search { margin-top:50px; }}
@media (min-width: 960px) and (max-height: 660px) { img.img-responsive { max-width:75%; } #page-top .block-search { margin-top:50px; }}
@media (min-width: 960px) and (max-height: 640px) { img.img-responsive { max-width:70%; } #page-top .block-search { margin-top:50px; }}
@media (min-width: 960px) and (max-height: 615px) { img.img-responsive { max-width:65%; } #page-top .block-search { margin-top:50px; }}
@media (min-width: 960px) and (max-height: 590px) { img.img-responsive { max-width:60%; } #page-top .block-search { margin-top:50px; }}
@media (min-width: 960px) and (max-height: 560px) { img.img-responsive { max-width:55%; } #page-top .block-search { margin-top:50px; }}
@media (min-width: 960px) and (max-height: 540px) { img.img-responsive { max-width:50%; } #page-top .block-search { margin-top:50px; } }
@media (max-height: 500px) { #page-top .block-search { margin-top:20px; } }
/*@media (min-width: 960px) and (max-height: 520px) { img.img-responsive { max-width:45%; } }
@media (min-width: 960px) and (max-height: 500px) { img.img-responsive { max-width:40%; } #page-top .block-search { margin-top:50px; } }*/



#fluximage div.region {
    display: block;
    width: 68%;
    height: 60%;
    z-index: 3;
    position: absolute;
    margin: 0px auto 0px;
    top: 20%;
    left: 16%;
    right: 16%;
}
@media (min-width: 1100px) and (min-height: 730px) {	#fluximage div.region { width: 816px; } }
@media (min-width: 960px) and (max-height: 730px) {	#fluximage div.region { width: 60%; } }
@media (min-width: 960px) and (max-height: 680px) { #fluximage div.region { width: 56%; } }
@media (min-width: 960px) and (max-height: 660px) { #fluximage div.region { width: 53%; } }
@media (min-width: 960px) and (max-height: 640px) { #fluximage div.region { width: 50%; } }
@media (min-width: 960px) and (max-height: 615px) { #fluximage div.region { width: 47%; } }
@media (min-width: 960px) and (max-height: 590px) { #fluximage div.region { width: 44%; } }
@media (min-width: 960px) and (max-height: 560px) { #fluximage div.region { width: 41%; } }
@media (min-width: 960px) and (max-height: 540px) { #fluximage div.region { width: 40%; } }
@media (min-width: 960px) and (max-height: 500px) { #fluximage div.region { width: 35%; } }

@media (min-width: 601px)
{
	.form-search, form#search-block-form, form#custom-search-blocks-form-1
	{
		max-width: 530px;
		margin-right: auto;
		margin-left: auto;
	}
}

@media (max-width: 600px)
{
	.form-search, form#search-block-form
	{
		max-width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	
	form#custom-search-blocks-form-1
	{
		margin-left:0px;
	}
	#icoUtils_wish .icons-utils-text
	{
		right:2px;
	}
	div.prodotti .row
	{
		margin:0px;
	}
	
}

@media (min-width: 601px)
{
	#iframeVideo
	{
		width:560px;
		height:315px;
	}
}

@media (max-width: 600px)
{
		#iframeVideo
	{
		width:100%;
	}
}

#edit-custom-search-blocks-form-1--2
	{
		width:95%;
	}
@media (max-width: 305px)
{
	#icoUtils_search .icons-utils-text
	{
		right:2px;
	}
}

@media (max-width: 460px)
{
	#icoUtils_cart .icons-utils-text
	{
		right:2px;
	}
}

.tagclouds_random-term a
{
	color: #FFFFFF;
	/*text-shadow: 0 0 3px #383838;	*/
	font-weight: bold;
}


@media (max-width: 600px)
{
	.tagclouds_random_container
	{
		display:none;
	}
}



/************************/
/* GUIDE BOX RIGHT      */
/************************/

#guide-box
{
	/*right:0px;*/
	z-index:3;
	position:fixed;
}

#guide-box-text
{
	background-color:#383838;
	color:#FFFFFF;
	text-align:right;
	font-size:23px;
	font-weight:bold;
	text-align:center
}
#guide-box-text a
{
	color:#FFFFFF;
	text-decoration:none;
	
}

#guide-box-text a:hover
{
	text-decoration:none;
}

#guideNote
{
	width:150px;
}

#guide-box-text > div p
{
	font-size:15px;
	text-align:left;
	text-shadow: 0 1px 3px rgba(0,0,0,.5);
	font-weight:bold;
	padding:4px 25px 4px 4px;
}

@media (max-width: 768px) 
{
	#guide-box, #icoUtils_guide
	{
		display:none;
	}	
}

#icoUtils_guide{
	display: none;
}

#icoUtils_search{
	display: none;
}

#icoUtils_cart{
	display: none;
}

#icoUtils_wish{
	display: none;
}

@media (min-width: 769px) 
{
	#guide-box
	{
		width:150px;
	}
	#guide-box > div
	{
		width:150px;
	}
	#guide-box-text
	{
		width:150px;
	}
	#guide-box-text a.min
	{
		display:none;
	}
}

@media (min-width: 960px)
{
	#guide-box
	{
		margin-left:825px;
	}
}
@media (max-width: 959px)
{
	#guide-box
	{
		right:-15px;
	}
}

/******************************/
/******************************/

/*****************************/
/* GUIDE SOLUTIONS */
/*****************************/

div.view-guida div.view-header, div.view-risultati-guida div.view-header
{
	background-color: #373737;
	height: 50px;
	font-size: 24px;
	color: #FFFFFF;
	font-weight: 700;
	padding: 5px 15px;
}

div.view-guida .view-grouping-content h3
{
	font-size: 16px;	
}

div.view-guida .view-grouping-content 
{
	margin-left: 60px;
}

div.view-guida .view-grouping-content div.guida-risposta
{
	margin-left: 20px;
}

div.view-guida div.view-content
{
	margin-top:20px;
}

div.view-guida .view-grouping-header
{
	float:left;
	width:50px !important;
	height:50px !important;
	border-radius: 50px !important;
	background-color: #373737;
	color: #FFFFFF;
	font-size: 34px;
	text-align:center;
}

div.view-risultati-guida div.soluzione-prodotto, div.prodotto-wishlist div.soluzione-prodotto
{
	margin-top:5px;
	margin-bottom:5px;
	min-height: auto;
	padding: 10px;
}
div.view-risultati-guida div.soluzione-prodotto a, 
div.view-risultati-guida div.soluzione-prodotto, 
div.view-risultati-guida div.desc-breve, 
div.prodotto-wishlist div.soluzione-prodotto a,
div.prodotto-wishlist div.desc-breve
{
	color:#FFFFFF;
}

div.view-guida div.view-grouping
{
	display:none;
}
div.guida-pager
{
	width:100%;
	height:40px;	
}
div.guida-page
{
	float:left;
	width:34px !important;
	height:34px !important;
	border-radius: 34px !important;
	background-color: #828388;
	color: #FFFFFF;
	font-size: 22px;
	text-align:center;
	cursor:pointer;
	margin-top:5px;
}

div.guida-page.active
{
	background-color: #373737;
}

div.guida-pager div.guida-page + div.guida-page
{
	margin-left:6px;
}
@media (min-width: 768px) 
{
	div.guida-pager div.mobile + div.guida-page
	{
		margin-left:6px;
	}
}
div.guida-next
{
	margin-top:15px;
	text-align:right;
}

/*****************************/
/****************************/

/*******************/
/* ICON UTILS LEFT */
/*******************/
.icons-utils
{
	width:41px; 
	position:fixed; 
	z-index:2;
}

@media (min-width: 960px)
{
	.icons-utils
	{
		/*margin-left:-40px;*/
	}
}

@media (max-width: 959px)
{
	.icons-utils
	{
		left:-23px;
	}

	.icons-utils:hover
	{
		left:0px;
	}
}

.icons-utils-row
{
	width:41px;
	height:41px;
	margin-top:1px;
}

.icons-utils-icon
{
	float:left; 
	display:inline;
}

.icons-utils-text
{
	float:left; 
	display:inline; 	
	margin-left:1px;
	display:none;
	color:#FFFFFF;
	padding-left:2px;
	overflow:hidden;
	text-overflow: ellipsis;
}
.icons-utils-text a
{
	color:#FFFFFF !important;
}
#wishlist
{
	padding:10px;
	font-size: 14px;
	text-shadow: none;
	/*font-weight: 200;*/
	line-height: 18px;
}
#block-views-wishlist-block-1
{
	display:none;
}
.icons-utils-text div
{
	width:180px; 
	height:41px;	
	padding-right: 4px;
}
#icoUtils_language .icons-utils-text div
{
	width:auto; 
}

.ico-search
{
	background-image: url("../images/menu_ico_search.gif");
	width:41px;
	height:41px;
	cursor:pointer;
}
div.ico-search + div
{
	background-color:#91c798;

}
div.ico-search + div .form-search, div.ico-search + div .search-form
{
	max-width: none;
}
div.ico-search + div input.form-text
{
	margin-top:4px;
	margin-left:4px;
}

.ico-wish
{
	background-image: url("../images/menu_ico_wish.gif");
	width:41px;
	height:41px;
	cursor:pointer;
}
div.ico-wish + div
{
	background-color:#8baed8;
}
.ico-language
{
	background-image: url("../images/menu_ico_language.gif");
	width:41px;
	height:41px;
	cursor:pointer;
}
div.ico-language + div
{
	background-color:#ea6878;
}
.ico-box
{
	background-image: url("../images/menu_ico_box.gif");
	width:41px;
	height:41px;
	cursor:pointer;
}
div.ico-box + div
{
	background-color:#f6b283;
}

.ico-guide
{
	background-image: url("../images/menu_ico_guide.png");
	width:41px;
	height:41px;
	cursor:pointer;
}
div.ico-guide + div
{
	background-color:#000000;
}
@media (min-width: 769px)
{
	.ico-menu-m
	{
		display:none;
	}
	.icons-utils-text
	{
		height:41px;
	}		

}
@media (max-width: 768px)
{
	.icons-utils
	{
		width: 100% !important;
		position: absolute;
		top: 0px;
		z-index:1000;
		left: 0px;
	}
	.icons-utils-text
	{
		position: absolute;
		top: 42px;
	}	

	.icons-utils-row
	{
		float: left;
		width: 20% !important;
	}
		
	div.masthead button.navbar-toggle
	{
		display:none;
	}

	.ico-menu
	{
		background-image: url("../images/menu_ico_m.png");
		height:41px;
		text-align:center;
	}

	.ico-menu button.navbar-toggle
	{
		position:relative;
		width:41px;
		height:41px;
		margin: 0px auto;
		top: 0px;
		padding: 0px;
		float: none;
	}

	.ico-wish
	{
		background-image: url("../images/menu_ico_wish_m.png");
	}
	.ico-language
	{
		background-image: url("../images/menu_ico_language_m.png");
	}
	.ico-box
	{
		background-image: url("../images/menu_ico_box_m.png");
	}
	.ico-search
	{
		background-image: url("../images/menu_ico_search_m.png");
	}
	
	div.icons-utils-icon
	{
		background-position: center center;
		background-repeat: no-repeat;
		width:100%;
	}
	div.ico-language + div,
	div.ico-wish + div,
	div.ico-box + div,
	div.ico-search + div
	{
		background-color:#383838;
	}
	.icons-utils-text
	{
		margin-top:2px;
		margin-left:0px;
	}
	.ico-language + .icons-utils-text div
	{
		width:100%;
		height: inherit;
	}
	div.icons-utils div.icons-utils-row + div.icons-utils-row
	{
		border-left:2px solid #FFFFFF;
	}
}

/*******************/
/*******************/

/**************************/
/*  Internal page  */
/**************************/
div.main-container
{
	/* background-color: #e4f3f8; */
	/*padding-top:20px !important;*/
	/* padding-left:155px !important;
	padding-right:155px !important; */
	/*padding-bottom: 50px !important;*/
}
@media (max-width: 600px) 
{
	div.main-container
	{
		padding-bottom: 0px !important;
	}	
}


div.main-container h1.page-header
{
	border: 0px;
	margin-bottom:0px;
}

body.page-node-13  h1.page-header
{
	margin-top:0px;
}
#page-bottom
{
	padding-top:40px;
}
/**************************/
/**************************/

/**************************/
/*  block services  */
/**************************/

@media (max-width:990px)
{
	div.servizi
	{
		margin-top: 60px;
	}

	div.servizi-blocco-prodotti
	{
		position: absolute;
		z-index: 50;
		border-bottom: 2px solid #FFFFFF;
		margin-top: -50px;
		min-height:170px;
	}
}

@media (min-width:960px)
{
	div.servizi
	{
		/*position:fixed; bottom:100px;*/
margin-top: 60px;
	}
	
	div.servizi-blocco-prodotti
	{
		position:absolute; 
		bottom:20px; 
		width:100%;
	}

	div.view-elenco-raggruppamenti div.servizi-blocco:hover
	{
		margin-top: -20px;
		min-height: 100px !important;
	}
}

div.servizi-blocco-prodotti
{
	display:none;
	width:100%;
	margin-left:-30px;	
	overflow:hidden;
	text-overflow: ellipsis;
}

div.servizi-blocco-prodotto
{
	margin-bottom: 15px;
}
 
div.servizi-blocco-prodotto a.active
{
	text-decoration:underline;
}

div.ser-link-inner
{
	padding:50px 30px 20px;
}

div.servizi-blocco-prodotto a
{
	display:block;
	color:#FFFFFF;
	font-size: 15px;
	/*font-weight: 400;*/
	line-height: 1;
}
#section-varianti
{
	background-color: transparent;
}

.bk-servizi, .bk-servizi .box-variante-prezzo
{
	background-color:#1ba5da; 
}
#section-varianti.bk-servizi .box-variante, .stream li.bk-servizi, a.btnStd.bk-servizi, #section-varianti.bk-servizi a.btnStd
{
	border-color:#1ba5da;
}
.stream li.bk-servizi, div.node-blog.bk-servizi, .bk-servizi .indented
{
	border-color:#1ba5da !important;
}
.stream li.bk-servizi .section-intro
{
	background-color:#1ba5da !important;
}
.box-prodotto.bk-servizi
{
	background-color:#FFFFFF;
	border-color:#1ba5da;
}
.box-prodotto-acc.bk-servizi, .bk-servizi #comments .title .ico-lascia-commenti, .bk-servizi li.comment-reply 
{
	background-color:#1ba5da;
}
.bk-servizi .box-prodotto-link a, .node-blog.bk-servizi #comments .title,  li.bk-servizi.comment-reply a, h4.bk-servizi a, a.btnStd.bk-servizi
, #section-varianti.bk-servizi a.btnStd
{
	color:#1ba5da;
}

.bk-cloud, .bk-cloud .box-variante-prezzo
{
	background-color:#5d4391;
}
#section-varianti.bk-cloud .box-variante, .stream li.bk-cloud, a.btnStd.bk-cloud, #section-varianti.bk-cloud a.btnStd
{
	border-color:#5d4391;
}
.stream li.bk-cloud, div.node-blog.bk-cloud, .bk-cloud .indented
{
	border-color:#5d4391 !important;
}
.stream li.bk-cloud .section-intro
{
	background-color:#5d4391 !important;
}
.box-prodotto.bk-cloud
{
	background-color:#FFFFFF;
	border-color:#5d4391;
}
.box-prodotto-acc.bk-cloud, .bk-cloud #comments .title .ico-lascia-commenti, .bk-cloud li.comment-reply
{
	background-color:#5d4391;
}
.bk-cloud .box-prodotto-link a, .node-blog.bk-cloud #comments .title,  li.bk-cloud.comment-reply a, h4.bk-cloud a, a.btnStd.bk-cloud
, #section-varianti.bk-cloud a.btnStd
{
	color:#5d4391;
}

.bk-software, .bk-software .box-variante-prezzo
{
	background-color:#e4251d;
}
#section-varianti.bk-software .box-variante, .stream li.bk-software, a.btnStd.bk-software, #section-varianti.bk-software a.btnStd
{
	border-color:#e4251d;
}
.stream li.bk-software, div.node-blog.bk-software, .bk-software .indented
{
	border-color:#e4251d !important;
}
.stream li.bk-software .section-intro
{
	background-color:#e4251d !important;
}
.box-prodotto.bk-software
{
	background-color:#FFFFFF;
	border-color:#e4251d;
}
.box-prodotto-acc.bk-software, .bk-software #comments .title .ico-lascia-commenti, .bk-software li.comment-reply
{
	background-color:#e4251d;
}
.bk-software .box-prodotto-link a, .node-blog.bk-software #comments .title,  li.bk-software.comment-reply a, h4.bk-software a, a.btnStd.bk-software
, #section-varianti.bk-software a.btnStd
{
	color:#e4251d;
}

.bk-infrastruttura, .bk-infrastruttura .box-variante-prezzo
{
	background-color:#f4ad0e;
}
#section-varianti.bk-infrastruttura .box-variante, .stream li.bk-infrastruttura, a.btnStd.bk-infrastruttura, #section-varianti.bk-infrastruttura a.btnStd
{
	border-color:#f4ad0e;
}
.stream li.bk-infrastruttura, div.node-blog.bk-infrastruttura, .bk-infrastruttura .indented
{
	border-color:#f4ad0e !important;
}
.stream li.bk-infrastruttura .section-intro
{
	background-color:#f4ad0e !important;
}
.box-prodotto.bk-infrastruttura
{
	background-color:#FFFFFF;
	border-color:#f4ad0e;
}
.box-prodotto-acc.bk-infrastruttura, .bk-infrastruttura #comments .title .ico-lascia-commenti, .bk-infrastruttura li.comment-reply
{
	background-color:#f4ad0e;
}
.bk-infrastruttura .box-prodotto-link a, .node-blog.bk-infrastruttura #comments .title,  li.bk-infrastruttura.comment-reply a, h4.bk-infrastruttura a, a.btnStd.bk-infrastruttura
, #section-varianti.bk-infrastruttura a.btnStd
{
	color:#f4ad0e;
}

.bk-formazione, .bk-formazione .box-variante-prezzo
{
	background-color:#98bf0c;
}
#section-varianti.bk-formazione .box-variante, .stream li.bk-formazione, a.btnStd.bk-formazione, #section-varianti.bk-formazione a.btnStd
{
	border-color:#98bf0c;
}
.stream li.bk-formazione, div.node-blog.bk-formazione, .bk-formazione .indented
{
	border-color:#98bf0c !important;
}
.stream li.bk-formazione .section-intro
{
	background-color:#98bf0c !important;
}
.box-prodotto.bk-formazione
{
	background-color:#FFFFFF;
	border-color:#98bf0c;
}
.box-prodotto-acc.bk-formazione, .bk-formazione #comments .title .ico-lascia-commenti, .bk-formazione li.comment-reply
{
	background-color:#98bf0c;
}
.bk-formazione .box-prodotto-link a, .node-blog.bk-formazione #comments .title,  li.bk-formazione.comment-reply a, h4.bk-formazione a, a.btnStd.bk-formazione
, #section-varianti.bk-formazione a.btnStd
{
	color:#98bf0c;
}


@media (min-width:600px)
{
	.servizi-blocco
	{
		min-width:165px;
		min-height:175px;
		border:1px solid #FFFFFF;;
		text-align:center;
		padding:47px 30px;	
	}

	#menusx-prodotti
	{
		min-width: 130px;
		padding: 30px 10px;
	}
	
	/*.div-varianti
	{
		margin-left:120px;
	}*/
}

.servizi-blocco p.text, .servizi-blocco a, a .servizi-blocco div
{
	display:block;
	color:#FFFFFF;
	font-size: 17px;
	font-weight: 700;	
}


@media (max-width: 600px)
{
	.servizi-blocco
	{
		margin:1px;
		text-align:center;
		padding:20px 10px;
	}

	div.servizi-blocco-prodotti
	{

		margin-left:-10px;	
	}
	#menusx-prodotti
	{
		display:none !important;
	}

	.div-varianti
	{
		margin-left:0px;
	}
}

section#block-views-elenco-raggruppamenti-block
{
	margin-top:50px;
}

section#block-views-elenco-raggruppamenti-block .servizi-blocco
{
	padding:15px 10px;
	min-height:80px;
}
/**************************/
/**************************/

/**************************/
/* BOX PRODOTTI           */
/**************************/

.box-prodotto
{
	border:1px solid #1ba5da;
	text-align:center;
	margin-top:10px;	
}

div.list-correlati div.box-p div.box-prodotto
{
	padding:5px 0px;
}

.box-variante
{
	border-top:6px solid #FF0000;	
	margin-top:10px;
}

.prodotti .row > div
{
	padding:0px;	
}

.box-prodotto-link
{
	text-align:center;
	min-height:50px;
	padding-top:15px;
	font-size: 18px;
}

div.box-prodotto-link
{
	line-height: 90%;
}

.box-variante-name
{
	text-align:left;
	min-height:70px;
	padding-top:32px;
	font-size: 18px;
}

.box-variante-prezzo
{	
	display: none;			/* Momentaneo per non mostrare i prezzi dei prodotti */
	width:50%;
	margin-right:0px;
	background-color: #1ba5da;
	color: #FFFFFF;
	font-size: 14px;
	text-align:right;
	margin-top: 1px;
	height: 26px;
	font-weight:600;
	float:right;
	padding-right:5px;
}

.box-prodotto-text, .desc-breve
{
	font-size:14px;
	display:none;
	text-align:left;
	min-height:50px;
	padding:5px;	
}

.box-prodotto-text
{
/*	height: 110px;*/
	overflow:hidden;
	text-overflow: ellipsis;
}
@media (min-width: 768px)
{
	.box-prodotto-text
	{
		height: 110px;
	}
}
.box-sottoraggruppamento
{
	height:auto;
	overflow:visible;
}

.box-variante-text
{
	/*height: 170px;*/
	overflow:auto;
	max-height:420px;
}

.box-variante .box-show-gradient {
  position: absolute;
  bottom: 20px;  
  height: 60px;
  width: 100%;
  content: "";
  background: linear-gradient(to top, rgba(255,255,255, 1) 0%, rgba(255,255,255, 0) 90% );
  /*pointer-events: none;  so the text is still selectable */
  cursor:pointer;
}

.btn-show-more
{
	cursor:pointer;
	background-image: none;
}

.box-prodotto-acc
{
	height: 15px;
	text-align:right;
	background-color:#1ba5da;
}

.box-prodotto-acc.up
{
	display:none;

}

.box-prodotto-acc.go, .go
{	
	/*background-image: url("../images/arrow_up.gif");*/
	background-image: url("../images/arrow_right.png");
	background-position: right;
	background-repeat: no-repeat;
	cursor:pointer;
}

.box-prodotto-acc.up, .up
{	
	/*background-image: url("../images/arrow_up.gif");*/
	background-image: url("../images/arrow_up.png");
	background-position: right;
	background-repeat: no-repeat;
	cursor:pointer;
}

.box-prodotto-acc.down, .down
{
	/*background-image: url("../images/arrow_down.gif");*/
	background-image: url("../images/arrow_down.png");
	background-position: right;
	background-repeat: no-repeat;
	cursor:pointer;
}

.icon-del
{
	/*background-image: url("../images/arrow_down.gif");*/
	background-image: url("../images/delrow.png");
	background-position: left;
	background-repeat: no-repeat;
	cursor:pointer;
	float:left;
}
.icon-del a
{
	display:block;
	width:30px;
	height:30px;
}

@media (min-width:750px)
{
	/*div.prodotti div.box-p + div.box-p div.box-prodotto
	{
		margin-left:10px;
	}
	div.varianti div.box-pv + div.box-pv div.box-variante
	{
		margin-left:10px;
	}*/

	div.box-prodotto, div.box-variante
	{
		margin-right:10px;
	}
}

.box-pv
{
	padding-left: 0px;
}

.box-correlati .titolo
{
	font-size:18px;
	font-weight: 400;
}

.box-correlati div.list-correlati
{
	border-top:2px solid #383838;
	border-bottom:2px solid #383838;
	height:220px;
	overflow:auto;
}

@media (max-width: 600px) {
	.box-correlati div.list-correlati
	{
		height:auto;
	}
}

.box-correlati div.list-correlati div.box-p:last-child
{
	margin-bottom:10px;
}

div.list-correlati .box-prodotto-link
{
	min-height:0px;
	padding-top:0px;
}

.prodotto-bottom
{
	margin-top:60px;
}
.btn-variante
{
	margin:30px 0px 40px;
}
.btn-add-wishlist .row .col-xs-12
{
	height:40px;
}
/*************************/

/*********************/
/* Language switcher */
/*********************/

.locale-untranslated
{
	display:none;
}

ul.language-switcher-locale-url
{
	list-style: outside none none;
	padding:10px;
}

ul.language-switcher-locale-url li
{
	display: inline-block;
	color:#FFFFFF;
}

ul.language-switcher-locale-url li a
{
	color:#FFFFFF;
}

ul.language-switcher-locale-url li + li:before{
content: " - ";
/*padding: 0 10px;*/
}


/*******************/
/* Form guide */
/*******************/

form.webform-client-form-11
{
	margin-top:50px;
}

form.webform-client-form-11 div.form-item > label
{
	font-size:20px;
}

@media (min-width: 601px) {
	form.webform-client-form-11 div.form-radios
	{
		margin-left:200px;
	}
}

@media (max-width: 600px) {
	form.webform-client-form-11 div.form-radios
	{
		margin-left:50px;
	}
}


form.webform-client-form-11 button
{
	margin-top:50px;
}

.webform-progressbar-page-number
{
	display:inline !important;
	font-size:30px;
	color:#FFFFFF;
}

.webform-progressbar-page, .webform-progressbar-outer, .webform-progressbar-inner
{
	border:0px !important;
	background-color: #FFFFFF !important;
}

.webform-progressbar-page
{
	width:50px !important;
	height:50px !important;
	border-radius: 50px !important;
	background-color: #828388;
}


.webform-progressbar-page.current, .webform-progressbar-page.completed
{
	background-color: #343638;
}

.webform-progressbar
{
	width:80%;
	border-bottom: 3px solid #343638;
	margin-left:0px;
	padding-right:30px;
	height: 60px;
}

@media (min-width:768px)
{
	#block-webform-client-block-148
	{
	margin-top: -100px;
	}
}
/**********************/
/* BLOG               */
/**********************/

#block-jquery-social-stream-jquery-social-stream-2 li span.section-text img
{
	display:none !important;
}

@media (min-width:768px)
{

}

section#block-menu-menu-menu-blog, section#block-menu-menu-menu-blogwall, section#block-menu-menu-menu-wall
{
	text-transform: uppercase;
}

section#block-menu-menu-menu-blog > div > ul li ul li a, #block-menu-menu-sotto-menu-blog-categorie > div > ul li a, #block-menu-menu-sotto-menu-blog-autori > div > ul li a
{
	text-transform: capitalize;
}
#block-jquery-social-stream-jquery-social-stream
{
	margin-top:-60px;
}
#block-jquery-social-stream-jquery-social-stream-2
{
	margin-top:-10px;
}

.page-blog #block-system-main > div:nth-child(1)
{
	background-color:#FFFFFF;
	width: 90%;
	background-image:none;
	margin-right:0px;
	float: right;
}
.stream li
{
	margin:2px !important;
}
.stream li .section-intro
{
	height:30px;
}

.stream li .section-text
{
	color: #383838;
}
.stream li .section-title
{
	font-weight:normal;
}
.dcsns
{
	background-color:#FFFFFF;
	width: 90%;
	background-image:none;
	margin-right:0px;
	float: right;
}

div.node-blog
{
	border-top: 4px solid #FF0000;
	background-color: #FFFFFF;
}

div.node-blog > div.row
{
	margin-bottom:20px;
}

div.node-blog:not(.node-teaser)
{
	width: 80%;
	background-image:none;
	margin-right:0px;
	float: right;
	margin-top: 28px;
}



div.node-blog.node-teaser h2
{
	margin: 20px 0px 10px;
}

div.node-blog h2
{
	font-size: 18px;
	color:#383838;
	margin: 0px 0px 10px;
}

div.node-blog h2 a
{
	color:#383838;
}

div.node-blog div.content, .view-empty
{
	color: #383838;
}

div.node-blog .submitted
{
	color: #FFFFFF;
	font-style:normal;
	height:25px;
	margin-bottom:1px;
}

div.node-blog .submitted .comments
{
	background-image: url("../images/comments.png");
	background-position: left;
	background-repeat: no-repeat;
	float:left;
}

div.node-blog .submitted .comments div
{	
	padding-left:25px;
	min-width:45px;
}

div.node-blog .submitted .data
{
	float:right;
}

div.node-blog div.image
{
	width:250px;
	/*height:250px;*/
	overflow:hidden;
	
	float:left;
	margin:0px 10px 10px 0px;
}
div.node-blog .autore
{
	text-align:right;
	font-style: italic;
}

div.node-blog .tags
{
	margin-top:40px;
}

@media (max-width:600px)
{
	.dcsns, .page-blog #block-system-main > div:nth-child(1), div.node-blog:not(.node-teaser)
	{
		width: 100%;
	}
	
	#block-jquery-social-stream-jquery-social-stream, #block-jquery-social-stream-jquery-social-stream-2
	{
		margin-top:0px;
	}
	section#block-menu-menu-menu-blogwall div.block-content, section#block-menu-menu-menu-wall div.block-content
	{
		float:left;
	}
}

.dcsns-content, .stream li, .stream li .section-intro {
	border-radius: 0px; 
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px;
}

.stream li {
	border-top: 4px solid ;
}

.stream li.dcsns-rss {
	border-color: #FF9800;
}
.stream li.dcsns-flickr {
	border-color: #f90784;
}
.stream li.dcsns-delicious {
	border-color: #3271CB;
}
.stream li.dcsns-twitter {
	border-color: #4ec2dc;
}
.stream li.dcsns-facebook {
	border-color: #3b5998;
}
.stream li.dcsns-google {
	border-color: #2d2d2d;
}
.stream li.dcsns-youtube {
	border-color: #DF1F1C;
}
.stream li.dcsns-pinterest {
	border-color: #CB2528;
}
.stream li.dcsns-lastfm {
	border-color: #C90E12;
}
.stream li.dcsns-dribbble {
	border-color: #F175A8;
}
.stream li.dcsns-vimeo {
	border-color: #4EBAFF;
}
.stream li.dcsns-stumbleupon {
	border-color: #EB4924;
}
.stream li.dcsns-deviantart {
	border-color: #EB4924;
}
.stream li.dcsns-tumblr {
	border-color: #365472;
}
.stream li.dcsns-instagram {
	border-color: #413A33;
}


div.group-images.field-group-div
{
	overflow:hidden;
	text-overflow: ellipsis;
}

.indented
{
	border-left:4px solid #FF0000;
}

.indented
{
	/*margin-left:15px;*/
	padding-left:20px;
}

.comment h3
{
	margin-top:0px;
	margin-bottom: 0px;
}

.comment .username
{
	font-size:16px;
}

div.comment .submitted
{
	color:#383838;
	font-size: 12px;
}
.ico-lascia-commenti
{
	float:left;
}
.ico-lascia-commenti div
{
	background-image: url("../images/icona_commenta.png");
	background-position: left;
	background-repeat: no-repeat;
}
.ico-lascia-commenti div
{
	width:57px;
	height:45px;
}

#comments .title
{
	font-size:18px;
	height:45px;
}
#comments .lascia-commenti
{
	padding:4px 64px;
}

#comments li.comment-reply
{
	background-image: url("../images/icona_rispondi.png");
	background-position: left;
	background-repeat: no-repeat;
	height:30px;
	margin-top:20px;
}

#comments li.comment-reply a
{
	margin-left:38px;
	background-color:#FFFFFF;
	height:30px;
	display: block;
	width: 100%;
	padding-left: 10px;
	text-transform:capitalize;
	padding-top: 5px;
}
form.comment-form fieldset
{
	display:none;
}
form.comment-form fieldset.captcha
{
	display:block;
}

/*
.stream li.dcsns-facebook .section-intro
{
	background-color:#FFFFFF;
	border-top:1px solid #000000;
}

.stream li .section-intro a {
    text-decoration: underline;
    color: #383838;
    margin-left: 32px !important;
}

.stream li .section-intro {
    color: #383838;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
}

.stream li .icon {
    bottom: 2px;
}*/
/**********************/

/**********************/
/* Support            */
/**********************/
div.support
{
 border:1px solid #666666;
}

div.support div.section
{
	background-color: #e5e5e5;
	padding:15px 25px;
}

div.support div.section + div.section
{
	margin-top:5px;
}

div.support div.section span
{
	font-weight: 600;
	margin-bottom: 20px;
	display:block;
}

div.support div.section div
{
	font-size:16px;
}

div.support div.section div.imgC
{
	margin-top: 25px;
}

button
{
	background-color: #535353;
	color:#FFFFFF;
	font-weight: 600;
	padding:10px 10px;
	border:1px solid #535353;
}
/**********************/

/**********************/
/* Partnership        */
/**********************/

div.partner, div.partnerC
{
	border-top:6px solid #373737;
	border-right:1px solid #373737;
	border-left:1px solid #373737;
	background-color:#FFFFFF;	
}
div.partner
{
	margin-top: 30px;
}
div.partner div.pImage, div.partnerC div.pImage
{
	height: 133px;
	overflow:hidden;
	text-overflow: ellipsis;
	margin:0px auto;
	text-align:center;	
	width:95%;
}

div.partnerC div.pImage
{
	height: auto;
}

div.partner div.pImage img, div.partnerC div.pImage img
{
	padding-top:15px;
}

div.partner div.pImage img
{
	max-height:133px;
	max-width:100%;
	cursor:pointer;
}

div.partner div.pSummery
{
	height: 132px;
	overflow:hidden;
	text-overflow: ellipsis;
	background-color: #e5e5e5;
	padding: 5px 5px 5px;
	border-top:1px solid #373737;
	/*border-top-width: 90%;*/
	font-size:13px;
}

div.partnerC div.pBody
{
	background-color: #e5e5e5;
	padding: 10px 5px 5px;
	border-top:1px solid #373737;
	/*border-top-width: 90%;*/
}

div.modal-dialog-partner
{
	width: 90%;
	padding-top:15%;
	max-width:950px;
}
div.partnerC
{
	/*display:none;margin:20px;*/
	width: 100%;

}

div.pAltro, div.pChiudi
{
	height:25px;
	background-color: #373737;
	cursor:pointer;
}

div.pChiudi
{
	height:38px;
}
.xChiudi
{
	background-image: url("../images/x_chiudi.gif");
	background-position: right;
	background-repeat: no-repeat;
}
.xApri
{
	background-image: url("../images/x_apri.gif");
	background-position: right;
	background-repeat: no-repeat;
}

.view-partners form
{
	background-color: #383838;
}

.view-partners .form-item-field-filtri-value
{
	float:left;
}
.view-partners .form-item-field-filtri-value input, .view-partners .views-submit-button
{
	display:none;
}
.view-partners .form-item-field-filtri-value label
{
	display:block;
	width:150px;	
	color:#FFFFFF;
	margin:10px;
	font-size: 20px;
	text-align: center;
	border: 1px solid #380038;
}
.view-partners div.form-type-radio:nth-child(1)
{
	display:none;
}

.group-immagini
{
	padding-bottom:15px;
}

.group-servizi a
{
	margin-left: 20px;
	display:list-item;
}

div.form-type-radio:nth-child(2) > label:nth-child(2)
{
	border-color: #8BAED8;
}
div.form-type-radio:nth-child(3) > label:nth-child(2)
{
	border-color: #F6B283;
}
div.form-type-radio:nth-child(4) > label:nth-child(2)
{
	border-color: #B9D064;
}
div.form-type-radio:nth-child(4) > label:nth-child(2)
{
	border-color: #AE609E;
}
/**********************/

/*
<div>
<div class="partner">
<div class="pImage">[field_image]</div>
<div class="pSummery">[field_descrizione_breve]</div>
</div>
<div class="partnerC">
<div class="pImage">[field_image]</div>
<div class="pBody">[body]</div>
</div>
</div>
*/



.form-email {
	display:block;
	width:100%;
	height:34px;
	padding:6px 12px;
	font-size:14px;
	line-height:1.428571429;
	color:#555;
	vertical-align:middle;
	background-color:#fff;
	background-image:none;
	border:1px solid #ccc;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
.form-email:focus {
	border-color:#66afe9;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)
}
.form-email:-moz-placeholder {
	color:#999
}
.form-email::-moz-placeholder {
	color:#999
}
.form-email:-ms-input-placeholder {
	color:#999
}
.form-email::-webkit-input-placeholder {
	color:#999
}
.form-email[disabled],.form-email[readonly],fieldset[disabled] .form-email {
	cursor:not-allowed;
	background-color:#eee
}

.btn-primary
{
	/*margin-top:15px;	*/
}

ul.listProd, ul.list-correlati
{
	background-color:#FFFFFF;
	margin-top: 15px;
	list-style: none;
	padding-left: 0px;
}
ul.list-correlati
{
	margin-top: -10px;
}
ul.listProd li.box-prodotto-link, ul.list-correlati li.box-prodotto-link
{	
	text-align: left;
	font-size:14px;
	min-height: inherit;
	padding-top:inherit;
	background-image: url("../images/listarrowts.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-repeat: no-repeat;
}

a span.nlink
{
	color:#383838;
	font-size:14px;
}
.list-correlati a
{
	font-size:18px;
}
ul.listProd li.box-prodotto-link a, ul.list-correlati li.box-prodotto-link a
{
	margin-left: 7px;
	padding-left: 13px;
	background-color: #FFFFFF;
	display: block;
}

#content_row_left
{
	padding-left:0px !important;
}
#content_row_right
{
	padding-right:0px !important;
}

@media (max-width:767px)
{
	#content_row_right.col-xs-12
	{
	padding-left:0px !important;
	}
}


/* WALL */

#block-jquery-social-stream-jquery-social-stream-2 li
{
	padding:0px;
}

#block-jquery-social-stream-jquery-social-stream-2 li div.inner
{
	position:relative;
	padding:0px;
	background-color:#383838;
}

#block-jquery-social-stream-jquery-social-stream-2 li div.inner:hover a, #block-jquery-social-stream-jquery-social-stream-2 li div.inner a:hover
{
	opacity: 1 !important;
    filter: alpha(opacity=100) !important; /* For IE8 and earlier */
}

#block-jquery-social-stream-jquery-social-stream-2 li span.section-thumb
{
	position:relative;	
}
#block-jquery-social-stream-jquery-social-stream-2 li span.section-thumb img
{
	width:224px !important;
	max-width: none;	
}

#block-jquery-social-stream-jquery-social-stream-2 li span.section-thumb img:hover, #block-jquery-social-stream-jquery-social-stream-2 li:hover span.section-thumb img
{
	opacity: 0.2 !important;
    filter: alpha(opacity=20) !important; /* For IE8 and earlier */
}

#block-jquery-social-stream-jquery-social-stream-2 li span.section-title
{
	padding:15px;
	font-size: 20px;
	font-family: 'Lato', sans-serif;
	font-weight: bold;	
	position:absolute;
}

#block-jquery-social-stream-jquery-social-stream-2 li span.section-title a
{
	color: #FFFFFF;
	line-height: 25px;
	opacity: 0 !important;
    filter: alpha(opacity=0) !important; /* For IE8 and earlier */
}

#block-jquery-social-stream-jquery-social-stream-2 li span.section-text
{
	padding:15px;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	display:none;
}








#block-menu-menu-menu-blog, #block-menu-menu-menu-blogwall, #block-menu-menu-menu-wall {
     width:100%;
     height:auto;
     background:#FFFFFF;
 }
 #block-menu-menu-menu-blog ul.menu.nav, #block-menu-menu-menu-blogwall ul.menu.nav, #block-menu-menu-menu-wall ul.menu.nav {
     margin: 2px 0 0px 0px;
     padding: 0;
     list-style-type: none;
 }
 #block-menu-menu-menu-blog ul.menu.nav li, #block-menu-menu-menu-blogwall ul.menu.nav li, #block-menu-menu-menu-wall ul.menu.nav li {
     position: relative;
     display: inline-block;
     padding: 0px 10px 0 10px;
     margin: 0px 0px 0px 0px;
     line-height: 0px;
 }
 #block-menu-menu-menu-wall ul.menu.nav li 
 {     
     display: block;
 }
 #block-menu-menu-menu-blog ul.menu.nav li:hover > a, #block-menu-menu-menu-blogwall ul.menu.nav li:hover > a, #block-menu-menu-menu-wall ul.menu.nav li:hover > a {
     background-color: #FFFFFF;
 }
 #block-menu-menu-menu-blog ul.menu.nav li:hover ul {
     display: block;
 }
 #block-menu-menu-menu-blog ul.menu.nav li a, #block-menu-menu-menu-blogwall  ul.menu.nav li a, #block-menu-menu-menu-wall  ul.menu.nav li a {
     display: block;
     color: #878787;
     text-decoration: none;
     padding: 15px 10px 15px 10px;
 }
 #block-menu-menu-menu-blog ul.menu.nav li ul.dropdown-menu {
     float: none;
     position: absolute;
     left: 0px;
     margin: -1px 0 0px 10px;
     /*padding: 5px 10px 5px 10px;*/
     white-space: nowrap;
	 border:0px solid #FFFFFF;
	 box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);	 
 }
 #block-menu-menu-menu-blog ul.menu.nav li ul.dropdown-menu:hover {
     display: block;
 }
 #block-menu-menu-menu-blog ul.menu.nav li ul.dropdown-menu li {
     position: static;
     float: none;
     display: inline;
     padding: 5px 10px 5px 10px;
     margin: 10px 0px 0px -10px;
     background-color: #FFFFFF;
	 list-style: outside disc none !important;
 }

 #block-menu-menu-menu-blog ul.menu.nav li ul.dropdown-menu li a {
     display: inline;
     margin: 0 0px 0 0px;
     padding: 0px 10px 0px 10px;
     font-weight: normal;
 }

.responsive-menus.responsified .responsive-menus-simple li h3 {
  color: #fff;
  display: block;
  padding: 1em 5%;
  margin: 0;
  text-align: left;
  color: #fff;
  border-bottom: 1px solid #bbb;
  border-bottom: 1px solid rgba(255,255,255,0.5);
  text-decoration: none;
  text-transform: uppercase;
  background-color: #333 !important;
  font-size: 14px;
}

@media (min-width: 599px) 
{
	#block-menu-menu-blogwall-mobile
	{
		display:none;
	}
}
@media (max-width: 600px) 
{
	
	#block-menu-menu-menu-blog, #block-menu-menu-menu-blogwall
	{
		display:none;
	}
	 #block-menu-menu-menu-blog ul.menu.nav li ul.dropdown-menu li {
     padding: 5px 10px 5px 0px;
	 }
	 #block-menu-menu-menu-blog ul.menu.nav li ul.dropdown-menu li a {    
     padding: 0px 10px 0px 0px;
    
	}
	#block-menu-menu-menu-blog ul.menu.nav li, #block-menu-menu-menu-blogwall ul.menu.nav li {     
     padding: 0px 10px 0 0px;
	 }

	 #block-menu-menu-menu-blog ul.menu.nav li a, #block-menu-menu-menu-blogwall ul.menu.nav li a {
     padding: 15px 10px 15px 0px;
	}

	 #block-menu-menu-menu-blog ul.menu.nav li ul.dropdown-menu li {
     
     display: block;
	 margin:0px;
	 }
	#block-menu-menu-menu-blog ul.menu.nav li ul.dropdown-menu li a 
	{
     display: block;
	 }
	  #block-menu-menu-menu-blog ul.menu.nav li ul.dropdown-menu {
     padding-bottom:0px;
	 width:inherit;
	 }
	 .dcsns
	 {
		padding:0px;
	 }
}

 #block-menu-menu-menu-blog ul.menu.nav li ul.dropdown-menu li:first-of-type {
 }
 #block-menu-menu-menu-blog ul.menu.nav li ul.dropdown-menu li:last-of-type {
 }
 #block-menu-menu-menu-blog ul.menu.nav li:first-of-type {
     border-left: none;
 }


#block-menu-menu-menu-blog ul.menu.nav li ul.dropdown-menu > li a::before {
  content: "\2022\2002";  
}

@media (min-width: 601px) 
{
#sliding-popup.sliding-popup-top
{
	/*height:70px !important;*/
}
}

#sliding-popup .popup-content
{
	max-width:90%;
}

#sliding-popup .popup-content #popup-text p
{
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	display:block;
}
#sliding-popup .popup-content #popup-text 
{
max-width:none;
}
@media (min-width: 700px) 
{
	#sliding-popup .popup-content #popup-text p
	{
		font-size: 15px;
	}
}
@media (max-width: 699px) 
{
	#sliding-popup .popup-content #popup-text p
	{
		font-size: 13px;
	}
}

@media (max-width: 485px) 
{
	section.block-locationmap img
	{
		width: 100%;
	}
}

@media (min-width: 486px) 
{
	section.block-locationmap img
	{
	}
}

#table-linkISO td
{
	padding:5px;
	font-size: 16px;
    font-weight: 200;
}
#table-linkISO td.ico
{
	width:50px;
}
#table-linkISO td.ico img
{
	width:32px;
}
.book-navigation
{
	display:none;
}
.locale-untranslated
{
	display:inline;
	text-decoration:none;
}

#tblCaratteristiche
{
	border-collapse:separate;
	border-spacing: 4px 4px;
}

#tblCaratteristiche table
{
	margin: 0 !important;	/* toglie i margini verticali fra le righe*/
}

#tblCaratteristiche td {
	background-color: white;
	background-clip: padding-box;
	font-size: clamp(1rem, 1.2vw, 1.3rem);
    border: none;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:15px;
	transition: all 0.2s ease-out;
	}
#tblCaratteristiche td:hover {
	background-color: #eaeff8;
}
#tblCaratteristiche .titRi, #tblCaratteristiche .carCol {			
	color: white;
	font-weight:bold;
}

#tblCaratteristiche .titCol {
	background-color : #003c8b !important;		/* Per sovrascrivere il colore di hover delle altre righe */
	font-weight:bold;
	color: white;
}

#tblCaratteristiche tr.rowDati1 td.carCol
{			
	background-color : #378eff;
}
#tblCaratteristiche tr.rowDati1 td.titRi
{			
	background-color : #378eff;
}
#tblCaratteristiche tr.rowDati0 td.carCol
{			
	background-color : #015ed6;
}
#tblCaratteristiche tr.rowDati0 td.titRi
{			
	background-color : #015ed6
}

td.cellIns
{
	border:0px !important;
	padding:0px !important;
}

td.cellIns table
{
	border-collapse:separate;
	border: 1px solid #524e4e;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:0px;
	width:100%;
}
td.cellIns table td
{
	border:0px !important;
}

td.cellIns table td.carCol
{
	width: 177px;
	
	border:0px !important;
	-webkit-border-radius: 5px !important;
	-webkit-border-top-right-radius: 0px !important;
	-webkit-border-bottom-right-radius: 0px !important;
	-moz-border-radius: 5px !important;
	-moz-border-radius-topright: 0px !important;
	-moz-border-radius-bottomright: 0px !important;
	border-radius: 5px !important;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

.scroll-toright-arrow {
	display: none;
}

@media screen and (max-width: 700px) 
{
	/* #region Freccia per mostrare lo scorrimento, presente anche in SLA */
		.scroll-toright-arrow {
			display: flex;
			font-size: 24px;
			color: white;
			background: rgba(0, 0, 0, 0.4); /* Sfondo semitrasparente */
			backdrop-filter: blur(2px); /* Sfoca lo sfondo dietro la freccia */
			width: 50px;
			height: 50px;
			align-items: center;
			justify-content: center;
			border-radius: 50%;
			position: absolute;
			top: 45%;
			right: 10px;
			transform: translateY(-50%);
			pointer-events: none; /* Evita che interferisca con lo scroll */
			transition: 0.5s ease;
			animation: bounce 1.5s infinite ease-in-out;
		}

		/* Animazione per la freccia */
		@keyframes bounce {
			0%, 100% {
				transform: translateY(-50%) translateX(0);
			}
			50% {
				transform: translateY(-50%) translateX(-10px); /* Movimento oscillante */
			}
		}

		/* Nasconde la freccia durante lo scrolling */
		.hidden {
			opacity: 0;
		}
	/* #endregion */
	
	.table-responsive {
		position: relative;
		border: none;
	}

	#tblCaratteristiche
	{
		width: max-content;
    	min-width: 100%;
		max-width: none;
	}

	#tblCaratteristiche td {
		background-clip: padding-box;
		font-size: clamp(1rem, 1.2vw, 1.3rem);
		border: none;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding:15px;
		}

	td.cellIns
	{
		border:0px !important;
		padding:0px !important;
	}

	td.cellIns table
	{
		border-collapse:separate;
		border: 1px solid #524e4e;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding:0px;
		width:100%;
	}
	td.cellIns table td
	{
		border:0px !important;
	}

	td.cellIns table td.carCol
	{
		width: 177px;
		
		border:0px !important;
		-webkit-border-radius: 5px !important;
		-webkit-border-top-right-radius: 0px !important;
		-webkit-border-bottom-right-radius: 0px !important;
		-moz-border-radius: 5px !important;
		-moz-border-radius-topright: 0px !important;
		-moz-border-radius-bottomright: 0px !important;
		border-radius: 5px !important;
		border-top-right-radius: 0px !important;
		border-bottom-right-radius: 0px !important;
	}
}

div.numero_verde
{
	position: absolute;
	top: 12px;
	font-size: 30px !important;
	left: 24px;
	font-weight: bold;
	color: #000000;
	letter-spacing: 1px;
}

div.numero_verde a
{
	text-decoration:none;
	color: #000000;
}

button.webform-submit
{
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
button.webform-submit:hover
{
  color: #fff;
}
.blog-tutti
{
    background-color: #FFFFFF;
    width: 90%;
    background-image: none;
    margin-right: 0px;
    float: right;
	}

label.switch-realcomm {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
}

label.switch-realcomm input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider-realcomm {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider-realcomm:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  right: 22px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

label.switch-realcomm input:checked + .slider-realcomm {
  background-color: #2196F3;
}
label.switch-realcomm input:checked:disabled + .slider-realcomm {
  background-color: #C3E1F9;
}
label.switch-realcomm input:focus + .slider-realcomm {
  box-shadow: 0 0 1px #2196F3;
}

label.switch-realcomm input:checked + .slider-realcomm:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

/* Rounded sliders */
.slider-realcomm.round {
  border-radius: 20px;
}

.slider-realcomm.round:before {
  border-radius: 50%;
}
 body.html div#sliding-popup a{
	 color:#FFFFFF !important;
 }
 .eu-cookie-compliance-category
 {
 display:inline-block;
 float:left;
 margin-right:10px;
 }
 #sliding-popup .eu-cookie-compliance-default-button, #sliding-popup .eu-cookie-compliance-save-preferences-button
 {
 white-space:nowrap;
 margin-top:0px;
 margin-left:15px;
 }
 #sliding-popup .popup-content #popup-buttons
 {
 margin:0 0 0 0;
 }
.eu-cookie-compliance-categories-buttons, .eu-cookie-compliance-categories-end
{
float:right;
}
 @media (max-width: 486px) 
{
	.eu-cookie-compliance-category
	{
	float:none;
	display: block;
	}
	.eu-cookie-compliance-categories-buttons, .eu-cookie-compliance-categories-end
	{
	float:none;
	}
	#sliding-popup div.eu-cookie-compliance-categories-end > div > button
	{	width: 138px;}
	.eu-cookie-compliance-categories-end
	{
	margin-top:5px;
	}
}
#banner_offerte_lavoro
{
  position: absolute;
  top: -65px; 
}
@media (max-width: 768px)
{
	h3.masthead-brand {
		text-align: left !important;
	}
	#banner_offerte_lavoro
	{
	  position: relative;	  
	}
}

.contattateci p{
	font-size: large;
}

.color_blue{
	color: #015ed6;
}