@font-face 
{
  font-family: 'Manrope';
  src: url('../Fonts/Manrope-Medium.ttf'); 
  weight:300;
}

@font-face 
{
  font-family: 'Manrope';
  src: url('../Fonts/Manrope-Bold.ttf'); 
  weight:700;
}

@font-face 
{
  font-family: 'Manrope';
  src: url('../Fonts/Manrope-ExtraBold.ttf'); 
  weight:900;
}

 

@font-face 
{
  font-family: 'f1942';
  src: url('../Fonts/1942.ttf'); 
  weight:300;
}

@font-face 
{
  font-family: 'Rubik';
  src: url('../Fonts/Rubik-VariableFont_wght.ttf'); 
}

.row
{
	margin-left:0 !important;
	margin-right:0 !important;

}

.manrope
{
	font-family:Manrope;
}

:root 
	{
	  --grigio-scuro:#474747; 
	  --grigio-chiaro:#dedede;
	  --verde:#8ab530;
	}
	*
	{
		font-family:Rubik;
	}
	
	a:link { 
	  text-decoration: none; 
	} 
	a:visited { 
	  text-decoration: none; 
	} 
	a:hover { 
	  text-decoration: none; 
	} 
	a:active { 
	  text-decoration: none; 
	}
	
	.navbar
	{
		
	}
	
	.navbar-brand 
	{
		display:flex;
		align-items:center;
		font-size:16px;
		line-height:18px;
		color:white !important;
	}
	.navbar-brand img
	{
		width:60px;
		margin-left:60px;
		margin-right:15px;
	}
	
	.bg-body-tertiary
	{
		background-color:var(--grigio-scuro) !important;
		
	}
	
	.navbar-collapse 
	{
		flex-grow:0 ;
		text-align: right;
		justify-content: flex-end;
		margin-right:10px;
	}
	
	.navbar-collapse a
	{ 
		color:white !important;
	}
	
	.pt40
	{
		padding-top: 40px;
	}
	
	.nav-item
	{
		font-size: 12px;
		line-height: 16px;
		text-align:center;
		padding:0 20px !important;
		border-left: 1px white solid;
		position:relative;
	}
	
	.nav-link.active::after
	{
		content:"  ";
		position:absolute;
		bottom:-18px;
		left:0;
		height:5px;
		width:60%;
		margin-left:20%;
		background:var(--verde);
		transform: translateY(-16px);
		-webkit-transform: translateY(-16px);
	}		
	
	.navbar-toggler
	{
		color:white !important;
	}
	/*
	.row
	{
		max-width:1280px;
		margin:auto;
	}
	
	.col
	{
		max-width: 1340px;
		margin: auto;
	}
	*/
	.template 
	{
		margin-top:0px;
		margin-bottom:0px;
		
	}
	
	.template_image
	{
		display:flex;
		align-items:center;
		padding:0;
	}
	
	.template_image img
	{
		width:100%;
		aspect-ratio:1.5;
		object-fit:contain;
		object-position:center;
	}
	
	.template_text
	{		
		display:flex;
		align-items:center;
		flex-wrap:wrap;
		padding:30px;
	}
	
	.template_title
	{
		font-weight:bold;
		font-size:24px;
		line-height:1.2em;
		margin-bottom:20px;
	}
	
	.template_description
	{
		font-size:18px;
		line-height:1.4em;
	}
	
	.cta_template
	{
		max-width:600px;
		text-align:center;
		font-size:18px !important;
	}
	
	.cta_template .template_description
	{
		font-size:18px !important;
	}
	
	.arrow_down 
		{
		  position: relative;
		  margin-top: -6px;
		}
		
		.arrow_down:before
		{
		  content: "";
			width: 0;
			height: 0;
			border-left: 30px solid transparent;
			border-right: 30px solid transparent;
			display: block;
			border-top: 15px solid var(--grigio-chiaro);
			position: absolute;
			right: 50%;
			margin-right: -30px;
			bottom: -8px; 
			z-index:9;
		} 
		
		.arrow_down2 
		{
		  position: relative;
		  margin-top: -6px;
		}
		
		.arrow_down2:before
		{
		  content: "";
			width: 0;
			height: 0;
			border-left: 30px solid transparent;
			border-right: 30px solid transparent;
			display: block;
			border-top: 15px solid var(--verde);
			position: absolute;
			right: 50%;
			margin-right: -30px;
			bottom: -8px;
			z-index:9;
		} 
		
		.arrow_down3 
		{
		  position: relative;
		  margin-top: -6px;
		}
		
		.arrow_down3:before
		{
		  content: "";
			width: 0;
			height: 0;
			border-left: 30px solid transparent;
			border-right: 30px solid transparent;
			display: block;
			border-top: 15px solid var(--grigio-scuro);
			position: absolute;
			right: 50%;
			margin-right: -30px;
			bottom: -15px; 
			z-index:9;
		} 
		
		.arrow_down4 
		{
		  position: relative;
		  margin-top: -6px;
		}
		
		.arrow_down4:before
		{
		  content: "";
			width: 0;
			height: 0;
			border-left: 30px solid transparent;
			border-right: 30px solid transparent;
			display: block;
			border-top: 15px solid black;
			position: absolute;
			right: 50%;
			margin-right: -30px;
			bottom: -15px; 
			z-index:9;
		} 
		
		.arrow_down5 
		{
		  position: relative;
		  margin-top: -6px;
		}
		
		.arrow_down5:before
		{
		  content: "";
			width: 0;
			height: 0;
			border-left: 30px solid transparent;
			border-right: 30px solid transparent;
			display: block;
			border-top: 15px solid #0c7733;
			position: absolute;
			right: 50%;
			margin-right: -30px;
			bottom: -15px; 
			z-index:9;
		} 
	
	.arrow_down6 
		{
		  position: relative;
		  margin-top: -6px;
		}
		
		.arrow_down6:before
		{
		  content: "";
			width: 0;
			height: 0;
			border-left: 30px solid transparent;
			border-right: 30px solid transparent;
			display: block;
			border-top: 15px solid #fff;
			position: absolute;
			right: 50%;
			margin-right: -30px;
			bottom: -15px; 
			z-index:9;
		} 
	
	
	@media only screen and (max-width: 991px)
	{
		.nav-link.active::after
		{
			content:"  ";
			position:absolute;
			bottom:unset;
			top:0;
			left:0;
			height:21px;
			width:20px;
			margin-left:0;
			background:var(--verde); 
			margin-top: 4px;
			        margin-left: -6px;
		}
		
		.nav-item
		{
			border:none;
			text-align:left;
			font-size:18px;
			margin:10px 0;
		}
		
		.nav-item br
		{
			display:none;
		}
		
		.navbar-collapse
		{
			margin-top:40px;
			
		}
		
		.navbar-brand img
		{
			width:60px;
			margin-left:00px;
			margin-right:15px;
		}
		
		.pt40
		{
			padding-top:0;
		}
		
		.template_text
		{
			   margin-top:20px;
			   margin-bottom:20px;
		}
	}
	
	.arrow-down 
	{
		  width: 0; 
		  height: 0; 
		  left: calc(50% - 40px);
		  border-left: 40px solid transparent;
		  border-right: 40px solid transparent; 
		  border-top: 20px solid #fff;
	}
	
	.homeImage
	{
		height: calc(100vh - 160px);
		position:relative;
	}
	
	.servizio
	{
		flex-basis:25%;
		position:relative;
	}
	
	.servizio img
	{
		width: calc(100% - 80px);
		margin:40px 40px 0 40px;
		
	}
	
	.servizioTitle
	{
		color:white;
		text-align:center;
		font-size:18px;
		line-height:21px;
		letter-spacing:1px;
		font-weight:bold;
		opacity:.75;
		margin-top:-15px;
	}
	
	.servizio::after
	{
		display: block;
		position: absolute;
		content: " ";
		width: 1px;
		background: #6a8638;
		height: 100px;
		top: 30%;
		
	}
	
	.mybutton
	{ 
		border:1px var(--grigio-scuro) solid;
		border-radius:40px;
		background: var(--grigio-chiaro);
		font-size:16px;
		padding:4px 40px; 
		max-width:200px;
		font-weight:bold;
	}
	
	.mybutton2
	{
		border:1px var(--grigio-scuro) solid;
		border-radius:40px;
		background: white;
		font-size:16px;
		padding:4px 40px; 
		max-width:200px;
		color:var(--verde);
		font-weight:bold;
		width:145px;
		text-align:center;
	}
	
	.tabCC
	{
		flex-basis:49.5%; 
	}
	.tabCC1
	{
		margin-right:1%;
	}
	
	.titoloneServizi
	{
		font-size:80px;
		height:87px;
	}
	
	.fiducia
	{
		font-size:24px;
	}
	
	.submenu-item
	{
		color:white;
		text-decoration:none;
		text-align:center;
		font-size:13px;
		line-height:15px;
		margin:5px 20px;
		display:flex;
		justify-content:center;
		align-items:center;
		height: 100%;
		padding: 0 0 10px 0;
	}
	
	.submenu-item.active
	{
		color:var(--verde);
	}
	
	.submenuservizi
	{
		padding: 10px 50px;
		background:#2a2a2a;
		color:white;
		display:flex;
		justify-content:space-between;
	}
	
	.header-image
	{
		width:100%;
		height:500px;
		background-image:url(../images/bkg1.jpg);
		background-repeat:no-repeat;
		background-size:cover;
		background-position:center;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	
	.htitle
	{
		color:white;
		text-shadow:0px 0px 10px black;
		font-size:40px;
		text-align:center;
	}
	
	.hiddenOnDesk
	{
		display:none;
	}
	
	@media only screen and (max-width: 991px)
	{
		.servizio
		{
			flex-basis:50%;
		}
		
		.tabCC
		{
			flex-basis:100%; 
		}
		 
		.tabCC1
		{
			margin-right:0;
			margin-bottom:10px;
		}
		
		.submenuservizi
		{
			display:none;
		}
		
		.header-image
		{
			background-image:url(../images/bkg1-mob.jpg);
			height:auto;
			aspect-ratio:1/1.4;
			max-height: calc(100vh - 90px);
		}
		
		.hiddenOnDesk
		{
			display:block;
		}
	}
	
	@media only screen and (max-width: 555px)
	{
		.homeImage
		{
			max-width:100%;
			height:auto;
		}
		
		.titoloneServizi
		{
			font-size:40px;
			height:43px;
		}
		
		.fiducia
		{
			font-size:15px;
		}
		
		
	}