@charset "utf-8";
/* CSS Document INTRO */
img {	height: auto;   /* width: 100%;*/	max-width: 100%;	border: 0;	-ms-interpolation-mode: bicubic;}
html { font-size: 16px; }
body { font-size: 16px; } 
::-moz-selection  { background: var(--color); color: white; }
::selection { background:  var(--color); color: white;  }
html {
  scroll-behavior:smooth;
}

@media all and (max-width:767px){
body{font-size:14px; }	 
}


.container{ position:relative}

.content section{display:block;}

.content > section{padding:30px; }
@media all and (max-width:767px){
.content > section{padding:15px;}
}
@media all and (max-width:565px){
	.content > section{padding:15px 15px ;}
}

/*LINK*/
a{outline: none!important;color: var(--color);}
a:hover, a:focus, a:active { color: var(--color-hover); }
a:hover, a:active, a:focus {text-decoration: none;}
*:focus {	outline: 0;	color: var(--color);}
/*LINK*/
/*COLORI / TESTI*/



/*BOTTONI*/
.btn  {
	border-radius:var(--border-radius-button);
	color: var(--color-light);
	background: var(--color);
	font-size: var(--font-size-button);
	font-weight:600;
	border: none;
	text-align: center;
	padding:8px 20px;
	cursor:pointer!important;
}
.btn:hover,.btn:active,.btn:focus
{
	color: var(--color-light-hover);
	background:var(--color-hover);
	border-bottom-color:var(--color2);
}

.btn-white {
	color: var(--color-dark);
	background: var(--color-light);
}

.btn-bordo
{color:var(--color); border:1px solid var(--color);background:none;}
.btn-bordo:hover,.btn-bordo:active,.btn-bordo:focus
{color:var(--color-hover);background:var(--color-hover);}


.form-control,.custom-select{
	font-size: var(--font-size-form);
	background-color:var(--very-light-grey);
	border-radius:var(--border-radius-form);
	border: none;
	font-weight:300;	
	padding: 10px 20px;
	height: 44px;	
	margin-bottom:10px;
}
textarea.form-control{min-height:100px}
.custom-control-label{color:var(--light-grey)}
/*BOTTONI*/

/*FOOTER*/
footer{ display:block; background:var(--color-dark); padding:15px 15px; color:var(--color-light);}
footer a{ color:var(--color-light);}
footer a:hover{ color:var(--color-light);}
footer {font-size:11px}
footer .logo{width:40px;}
@media all and (max-width:991px)
{
footer{padding: 15px 0px;}
footer{ font-size:10px}

}
/*FINE FOOTER*/