@font-face {
			  font-family: "Metropolis";
			  src: url("https://ssl.autoroute.it/apps/remanfredi_platf/css/fonts/Metropolis-Regular.otf");
			  }
		body  {
		  background-image: url("../img/pergola.png");
		  background-repeat: no-repeat;
		  background-size: 100% 100%;
		}	
		@media (max-width: 575px)                        {.text-xsmall{font-size: 11px;}.text-small{font-size:15px;}.text-small2{font-size:15px;}.text-medium{font-size:20px;}.text-large{font-size:20px;}.text-xlarge{font-size:24px;}}
		@media (min-width: 576px) and (max-width: 767px) {.text-xsmall{font-size: 9px;}.text-small{font-size:13px;}.text-small2{font-size:15px;}.text-medium{font-size:17px;}.text-large{font-size:21px;}.text-xlarge{font-size:25px;}}
		@media (min-width: 768px) and (max-width: 991px) {.text-xsmall{font-size:10px;}.text-small{font-size:14px;}.text-small2{font-size:16px;}.text-medium{font-size:18px;}.text-large{font-size:22px;}.text-xlarge{font-size:26px;}}
		@media (min-width: 992px) and (max-width: 1199px){.text-xsmall{font-size:11px;}.text-small{font-size:15px;}.text-small2{font-size:17px;}.text-medium{font-size:19px;}.text-large{font-size:23px;}.text-xlarge{font-size:26px;}}
		@media (min-width: 1200px) and (max-width: 1366px){.text-xsmall{font-size:10px;}.text-small{font-size:15px;}.text-small2{font-size:18px;}.text-medium{font-size:14px;}.text-large{font-size:33px;}.text-xlarge{font-size:45px;}}
		@media (min-width: 1440px)                       {.text-xsmall{font-size:12px;}.text-small{font-size:15px;}.text-small2{font-size:19px;}.text-medium{font-size:25px;}.text-large{font-size:33px;}.text-xlarge{font-size:45px;}}

		.Arial_bianco {
			font-family:Arial;
			color:#FFF;
		}
		.Arial_bianco2 {
			font-family:Arial;
			color:#FFF;
			font-weight: bold;
		}
		.Arial_blu {
			font-family:Arial;
			color:#00affa;
			font-weight: bold;
		}
		.Arial_gray {
			font-family:Arial;
			color:#7f7f7f;
			font-weight: bold;
			line-height: normal;
		}
		.Metropolis_gray {
			font-family:Metropolis !important;
			color:#595959 !important;
			line-height: normal !important;
		}
		.Metropolis_gray2 {
			font-family:Metropolis !important;
			color:#595959 !important;
			line-height: normal !important;
			font-size: 0.875em;
		}

		.Metropolis_gray_bold {
			font-family:Metropolis !important;
			color:#595959 !important;
			font-weight: bold !important;
			line-height: normal !important;
		}
		.Metropolis_green_bold {
			font-family:Metropolis !important;
			color:#5655aa !important;
			font-weight: bold !important;
			line-height: normal !important;
		}
		.Metropolis_green {
			font-family:Metropolis !important;
			color:#5655aa !important;
			line-height: normal !important;
		}
		
		.cursor-pointer{
		  cursor: pointer;
		}
		.btn-primary2 {
		  font-family:Arial !important;
		  font-weight: bold !important;
		  font-size: 15px !important;
		  background-color: #ffffff !important;
		  color: #5655aa !important;
		  line-height: 20px !important;
		  border: 1px solid rgba(86, 85, 170, 0.75) !important;
		  border-radius: 10px !important;
		  background: transparent !important;
		  transition: all 0.3s ease 0s;
		}
		.btn-primary2:hover {
			color: #ffffff !important;
			background: #00affa !important;
			text-decoration: none;
		}
		.btn-greenblue {
		  font-family:Metropolis !important;
		  font-weight: bold !important;
		  font-size: 15px !important;
		  background-color: #5655aa !important;
		  color: #ffffff !important;
		  line-height: 20px !important;
		  border-radius: 10px !important;
		  transition: all 0.3s ease 0s;
		}
		.btn-greenblue:hover {
			color: #ffffff !important;
			background: #00affa !important;
			text-decoration: none;
		}
		.btn-primary3 {
		  font-family:Arial !important;
		  font-weight: bold !important;
		  font-size: 15px !important;
		  background-color: #00affa !important;
		  color: #ffffff !important;
		  transition: all 0.3s ease 0s;
		}
		.btn-primary4 {
		  font-family:Arial !important;
		  font-weight: bold !important;
		  font-size: 15px !important;
		  background-color: #ffd5d5 !important;
		  color: #c00000 !important;
		  line-height: 20px !important;
		  border: 1px solid rgba(255, 213, 213, 0.75) !important;
		  border-radius: 10px !important;
		  transition: all 0.3s ease 0s;
		}
		.btn-primary4:hover {
			color: #ffffff !important;
			background: #5655aa !important;
			text-decoration: none;
		}
		.grow { transition: all .3s ease-in-out; }
			.grow:hover { transform: scale(1.1); z-index:9999; }
			.fade
			{
					opacity:0.5;
			}
			.fade:hover
			{
					opacity:1;
			}
		.grow2 {background-color:#ffffff;}