/* 
**** COLORI 1 AUDIT ****
AZZURRO = #6699CC
*/

/* SOVRASCRIVE STILI STANDARD IN style.css */
	/* MENU SUPERIORE */
	@media (min-width: 768px) {
		.navbar .inizia_btn a {
			border-radius: 4px;
			line-height: 28px !important;
			padding: 8px 20px 8px !important;
			background-color: #08cf65;
			color: #fff !important;
			text-align: center;
		}

			.navbar .inizia_btn a:hover {
				background-color: #04ba71 !important;
			}

		.navbar .accedi_btn a {
			color: #6699CC !important;
			margin-left: 40px;
			margin-right: 10px;
		}
	}

	/* HOME PAGE */
	.services-box-details {
		padding-left: 30px;
		padding-bottom: 5px;
		font-size: 14px;
	}

	/* PAGINA TARIFFE */
	.container_tariffe .center-heading {
		margin-bottom: 10px;
	}

	.selezione_anno a {
		display: block;
		padding: 20px;
	}
		.selezione_anno h4 {
			padding: 0px;
		}

			.selezione_anno h4:hover {
				background-color: #04ba71 !important;
				color: white;
			}

		.selezione_anno a:hover {
			color: white;
		}

	.pricing-simple {
	    box-shadow: 0 0 15px rgb(0 0 0 / 10%);
	}

	.pricing-simple h4 {
	    text-transform: none;
	}

	.pricing-simple ul {
		padding-top: 0px;
	}

	.pricing-simple h3 sup, .pricing-simple h3 sub {
		color: #333333;
	}

	.pricing-simple .bottom {
	    padding: 0 20px 0px 20px;
	    margin: 20px;
	}

	.calcola_tariffe .Bilanci {
		font-size: 40px;
	    width: 100%;
	    padding: 20px;
	    border: 0px;
	}
	
	.alert_numerico {
		font-size: 20px; 
		color: #ef6464;
	}

	.calcola_tariffe .list-unstyled.small {
		line-height: 18px;
		padding-top: 0px;
	}

	.calcola_tariffe .prosegui_btn, .calcola_tariffe .indietro_btn {
		margin-bottom: 20px;
	}

	.calcola_tariffe .inizia_btn, .calcola_tariffe .prosegui_btn, .calcola_tariffe .indietro_btn {
		border-radius: 4px;
		line-height: 28px !important;
		padding: 8px 30px 8px !important;
		background-color: #08cf65;
		color: #fff !important;
		text-align: center;
		font-size:20px;
		border: 0px;
	}

	.calcola_tariffe .indietro_btn {
		background-color: #CCCCCC;
	}

		.calcola_tariffe .inizia_btn:hover, .calcola_tariffe .prosegui_btn:hover {
			background-color: #04ba71 !important;
		}

		.calcola_tariffe .indietro_btn:hover {
			background-color: #999999 !important;
		}


	/* BOX PRIMA LICENZA GRATUITA (https://codepen.io/nxworld/pen/oLdoWb) */
		.prima_licenza {
			position: relative;
			font-size: 25px;
			font-weight: bold;
			background: #fff;
			box-shadow: 0 0 15px rgb(0 0 0 / 10%);
			margin-top: 20px;
			margin-bottom: 40px;
			padding: 30px;
			text-align: center;
			border: 1px solid #D0D6DF;
		}

		.prima_licenza h2 {
				color: #08cf65;
				margin: 20px 0 30px 0;
			}
				.prima_licenza h2 del {
					color: #ef6464;
					font-size: 0.6em;
				}

		/* ribbon in alto a dx */
		.ribbon {
			width: 150px;
			height: 150px;
			overflow: hidden;
			position: absolute;
		}

		.ribbon::before, .ribbon::after {
			position: absolute;
			z-index: -1;
			content: '';
			display: block;
			border: 5px solid #2980b9;
		}

		.ribbon span {
			position: absolute;
			display: block;
			width: 225px;
			padding: 15px 0;
			background-color: #3498db;
			box-shadow: 0 5px 10px rgba(0,0,0,.1);
			color: #fff;
			font: 700 18px/1 'Lato', sans-serif;
			text-shadow: 0 1px 1px rgba(0,0,0,.2);
			text-transform: uppercase;
			text-align: center;
		}

		.ribbon-top-right {
			top: -10px;
			right: -10px;
		}
		.ribbon-top-right::before, .ribbon-top-right::after {
			border-top-color: transparent;
			border-right-color: transparent;
		}
		.ribbon-top-right::before {
			top: 0;
			left: 0;
		}
		.ribbon-top-right::after {
			bottom: 0;
			right: 0;
		}
		.ribbon-top-right span {
			left: -25px;
			top: 30px;
			transform: rotate(45deg);
		}





	h1 {
	  margin: 0 0 24px 0;
	}
	
	h3 {
		line-height: 34px;		
	}

	/* logo */
	.navbar-brand {
		padding: 5px 5px;
	}
	
	/* BREADCRUMB */
	.breadcrumb-wrap {
		background-color: #f6f6f6;
		background-image: url("../images/shadow-bg.png");
		background-position: center center;
		background-repeat: no-repeat;
		border-bottom: 1px solid #d2d3d4;
		border-top: 1px solid #d2d3d4;
		padding: 30px 0;
	}
	
	.breadcrumb-wrap h4 {
		color: #333;
	}

	ol.breadcrumb li, ol.breadcrumb li a {
		color: #333;
	}
	
	/* slider come funziona */
	#ComeFunziona .carousel-caption {
		left: 0%;
		right: 0%;
		bottom: 0px;
		padding-top: 0px;
		padding-bottom: 20px;
		background-color:rgba(0, 0, 0, 0.7);
	}

	#ComeFunziona .carousel-indicators {
		bottom: 0px;
	}

	#ComeFunziona .carousel-caption h4{
		margin-top: 10px;
		margin-bottom: 2px;
		font-weight: 400;
		color: #EB8A0C;
	}
	
	#ComeFunziona ol{
		margin-bottom: 5px;
	}
	
	#ComeFunziona p{
		margin: 0px;
		margin-bottom: 10px;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	#ComeFunziona .glyphicon-chevron-right, #ComeFunziona .glyphicon-chevron-left {
		color: black;
	}
	
	#ComeFunziona img {
		width: 1920px;
	}
	
/* Risparmia */
	.risparmia .services-box-icon i {
	    background-color: white;
	    color: #6699CC;
	    font-size: 55px;
	}

/* "Punti di forza" e "Fasi"  */
	.punti_di_forza .services-box-icon, .processo .services-box-icon {
	  width: 20px;
	  height: 20px;
	  float: left;
	  height: 20px;
	  line-height: 20px;
	  margin-right: 0px;
	  top: 0px;
	}	
		.punti_di_forza .services-box-icon i, .processo .services-box-icon i {
		  width: 20px;
		  height: 20px;
		  line-height: 20px;
		  text-align: center;
		  background-color: #EB8A0C;
		  color: #fff;
		  font-size: 10px;
		  -webkit-border-radius: 50%;
		  -moz-border-radius: 50%;
		  -ms-border-radius: 50%;
		  border-radius: 50%;
		}

		.punti_di_forza .services-box-info, .processo .services-box-info {
		  padding-left: 35px;
		}

/* contatori */
	.fun-fact-wrap {
	    background-repeat: repeat !important;
	    padding-top: 30px;
	    padding-bottom: 30px; */
	}

	.constro-cta {
	  background: url(../images/bg_contatore.jpg);
	}


/* SLIDER HOME */
	/* colore di sfondo */
	.tp-revslider-mainul {
		background-color: #6699cc;
	}
		
	/* per testo nero in titolo in revolutionary slider */
	.caption.title-2.text-black {
		color: black;
	}

	/* per testo bianco su pulsante nero in revolutionary slider */
	.tp-caption a.btn-theme-dark:hover {
		color: white;
		background-color: #585858;
	}



.pointer {
	CURSOR: pointer;
	cursor: hand;
}

.display-none { 
    display: none;  /* hide di bootstrap è "none !important" */
}


.help-block {
	FONT-SIZE: 12px;
	LINE-HEIGHT: 16px;
}

/* fix posizionamento icona form validator */
.form-control-feedback {
    right: 12px;
}

.has-feedback label~.form-control-feedback {
    top: 28px;
}

.blog-post a {
  color: #32c5d2;
}

.blog-post h2, .navbar .dropdown-menu li a {
	text-transform: none;
}

/* dimensione errore non troppo piccola (default 85%)*/
small.help-block {
	font-size: 100%;
}

.frm_login .alert {
	padding: 5px;
}

.hr-separator {
    margin: 17px 0;
    background: url(../images/hr-separator.gif) repeat-x 0 50%;
    height: auto;
    border: 0;
    text-align: center;
}

.hr-separator span {
    background-color: #fff;
	padding: 0 12px;
    color: #9a9997;
}

.testo-pagina p, .testo-pagina ul, .testo-pagina ol, .testo-pagina a {
  font-size: 16px;
  line-height: 35px;
}

body, .footer-col p {
	font-size: 16px;
}

/*parahraphs*/
p {
  margin: 5px 0 5px;
}