@charset "utf-8";
/* CSS Document */

.navbar-brand img { height:40px; width:auto; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
.sticky .navbar-brand img { height: 35px }



//.carousel-control { display:none !important; }




.navbar-brand { margin-top:0px !important; }

#footer { background-color: #124d77 !important; text-align: center; }

.form-control { -webkit-border-radius:4px !important; -moz-border-radius:4px !important; border-radius:4px !important;}
span.wpcf7-form-control-wrap { width: 100% !important;}

.cerchio { width: 13em; padding: 2.5em;  margin: auto; background: #ececec; -webkit-border-radius: 9999px; -moz-border-radius: 9999px;  border-radius: 9999px; }
.cerchio-header { max-width:115px; display: block; margin:auto; }
.cerchio.bassa { margin-bottom: 20px; }

.cerchio.bassa:hover { color: #FFF; background:#00aeea;  }
.cerchio.alta:hover { color: #FFF; background:#114c76;  }


#barca .img-responsive { width: 100% !important; height: auto; }



.cc-cookies { background: #114C76 !important; text-shadow: none !important; padding: 1em 10% !important; font-weight: 400 !important; width: 80% !important; } 
.cc-cookie-accept { background: transparent !important; border: 1px solid #FFF !important; border-radius: 0 !important; text-shadow: none !important; box-shadow: none !important; display: block; margin: 0.5em auto !important; max-width: 200px; transition: 0.15s all ease-out; display: block !important; }
.cc-cookie-accept:hover, .cc-cookie-accept:active { background: #FFF !important; color:#114C76 !important;  }

.my-cc-close { margin: 0.6eem auto; cursor: pointer; text-align: center; text-decoration: none !important; }
.my-cc-close:hover { text-decoration: underline !important; }




@media screen and (min-width: 600px) {

.sticky #navigation .navbar-nav > li > a { padding: 20px 20px !important; }

}

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

.cerchio { width: 19.8em; padding: 5.8em; }

.carousel-caption .container {

	left: auto;
	right: auto;
	width: 100%;
	text-align: center;
	bottom: 15%;
	z-index: 5;

}

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

	.cerchio.bassa { margin-bottom: 0; margin-right: 3em }
	.cerchio.alta { margin-left:3em; }
}

@media screen and (min-width: 1024px) {

	#navigation .navbar-nav > li > a { padding: 20px 25px; }

	.carousel-caption { bottom:15% !important; }
	.carousel-caption .container {
	
		width:500px;
		text-align:right;
		position:relative;
		right:-18%;
		bottom: 30%;
	
		}

	.carousel-inner .due .carousel-caption, .carousel-inner .due .carousel-caption h2 { color:#114c76 !important; }
	.carousel-inner .due .carousel-caption { bottom: 34% !important; }

}

@media screen and (min-width: 1250px) {

	.carousel-caption { bottom:30% !important; }
	.carousel-inner .due .carousel-caption { bottom: 40% !important; }

}





/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	
	.cerchio.bassa { color: #FFF; background:#00aeea;  }
	.cerchio.alta { color: #FFF; background:#114c76;  }

}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
	
	.cerchio.bassa { color: #FFF; background:#00aeea;  }
	.cerchio.alta { color: #FFF; background:#114c76;  }

}


@media screen and (max-width: 480px) {
    .cc-cookies { position: fixed !important }
    
}