
/****stile cursore typed*****/ 

.typed-cursor{
    opacity: 1;
	color:white;
	font-size:38px;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
/**********************STYLE IN COMUNE**************************/
body{
	background-color:#EDEDED;
}

#gruppo_sezioni{
	background-color:white;
	
}

section{
	padding-top:120px;
}
/*correzione bordi row*/
.row {
     margin-right: 0px;
     margin-left: 0px; 
}

/******************SEZIONE INIZIALE SLIDER********************/
.sfondo_tizio{
    position: relative;
}

.sfondo_tizio img{
	width: 100%;
	
}

.sfondo_tizio::before {
    position: absolute;
    content: '';
    z-index: 3;  
	opacity:0.35;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(../images/overaly.png);
}


.div_frasi{
  position: absolute;
  z-index: 1000;
  top: 30%; 
  left:0;
  right:0;
  text-align: center;
}

.frase_1{
	display: inline;
	color:white;
	
	
}

.frase_2{
	padding-top:20px;
	color:white;
	
	
}

.pulsante_scopri{
	height:62px;
	width:250px;
	border-style:solid;
	border-width:2px;
	border-color:white;
	border-radius:30px;
	background-color: Transparent;
	color:white;
	font-size:20px;

	transition: all 0.3s ease-in;
	transition: all 0.3s ease-out;
	 outline:none;
}

.pulsante_scopri:hover{
	background-color: #89BB6A;
}


.slogan{
	text-align:center;
}


/**********************SEZIONE CONTRO************************/
.contro{
	text-align: center;

}

.contro dl{
	font-size:20px;
	 
    display: inline-block;
	margin-top:40px;
	padding-left:5%;
	padding-right:5%;
}

.contro dl>dt{
	margin-top:50px;
	

}

.contro dl>dt>span{
	color:black;
	padding-left:28px;
	text-transform: uppercase;
	font-weight:500;
	/*letter-spacing: -1px;*/
	white-space: nowrap;
}

.contro p {
	
	padding-left:48px;
}


.contro img{
	height:25px;
	width:25px;
	opacity:0.9;
	
}

/******************SEZIONI MOTIVAZIONI*************************/

.sezione_motivazioni{
	background-color:#F5F5F5;
	padding-left:60px;
	padding-right:60px;
	padding-top:30px;
	padding-bottom:30px;
	margin-left:-10px;
	margin-right:-10px;
}


.sezione_motivazioni .motivazione{
	display: inline-block;
	margin-bottom: 30px;
}

.sezione_motivazioni h3{
	/*color:white;*/
	font-size:32px !important;
	text-transform: uppercase;
	font-weight:800;
}

.sezione_motivazioni h4{
	/*color:white;*/
	font-size:20px ;
	text-transform: uppercase;
	font-weight:700;
	color:#424242;
	margin-top:-8px;
}

.sezione_motivazioni p{
	font-size:16px;
	line-height:17px;
}

.sezione_motivazioni  img{
	height:22px;
	width:22px;
	margin-right:10px;
	margin-bottom:5px;
}

/*****************SEZIONE STORIE DI SUCCESSO*******************/
.storie_di_successo{
	margin-left:8%;
	margin-right:8%;
}

.riquadro_successo{
margin-bottom:50px;	
}	


.storie_di_successo .thumbnail {
	padding:0px;
	border:0px solid #ddd !important;
	border-radius:10px;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	/*background-color:black;*/
}


.thumbnail:hover{
	cursor: pointer;
	cursor: hand;
}


.storie_di_successo img{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
}

.storie_di_successo img:hover{
	/*opacity:0.5;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
}

.storie_di_successo p{
	
	font-size:16px;
}


/********************** SEZIONE FORM CONTATTI***************************/

/*  NON VOGLIO CHE SI VISIBILE SUI PICCOLI DISPOSITIVI....SOLO PC E TABLET
.racconta_progetto{
	background-image: url("../images/home_page/pattern.jpg");
	background-size:100% 75%;
	 background-repeat: no-repeat;
	  background-position: center;
}*/

.racconta_progetto>h1{
	text-align:center;
	font-size:38px;
	text-transform: uppercase;
}

.dati_contatti{
	display:none;
	
}

.dati_contatti img{
	margin-top:-60px;
	height:420px;
	width:auto;
}


.dati_contatti h3{
	font-family:crayon;
	color:black;
	font-size:35px;
}

.form-group{
}


.div_form form{
	min-height:480px;
	padding-left:5%;
	padding-right:5%;
	padding-top:5px;
	width:100%;
	margin:0px auto;
	background-color:#616161;
	
	color:white;
}


.bubble 
{
position: absolute;
width: 250px;
margin-top:-395px;
margin-left:200px;
padding: 0px;
background: #7FC83C;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
}

.bubble:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 25px 15px 0;
border-color: transparent #7FC83C;
display: block;
width: 0;
z-index: 1;
left: -15px;
top: 25px;
}

.bubble >h2{
	font-size:18px;
	line-height:22px;
	color:white;
	
}


.div_form form p{
	position: relative;
    top: -50%;
    transform: translateY(50%);
	color:White;
	font-size:20px;
}


.form-group input,textarea, .form-group a{
	color:white !important;
	height:36px;
	margin-top:-5px;
	padding-left:5%;
	padding-right:5%;
}



.div_form{ 
}

.div_form h2{
	padding-top: 0;
    margin-bottom: 25px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
	color:white;
}


.div_form button{
	height:40px;
	width:210px;
	background-color:white;
	color:#0066AA;
	font-size:20px;
}

.div_form button:hover{

}

*::-webkit-input-placeholder {
    color: white !important;
}
*:-moz-placeholder {
    /* FF 4-18 */
     color: white !important;
}
*::-moz-placeholder {
    /* FF 19+ */
     color: white !important;
}
*:-ms-input-placeholder {
    /* IE 10+ */
     color: white !important;
}