@charset "utf-8";

@font-face {
    font-family: 'Bahnschrift Regular';
    font-style: normal;
    font-weight: normal;
	src: url('font/BAHNSCHRIFT 1.woff') format('woff'); }


/* CSS Document */
	:root {
		
		--base_font_family: 'Bahnschrift Regular';
		
		--header_gray: #E2E6E9;
		--toniolo_red: #A86153;
		--light_green: #9ED8CD;
		--dark_green: #A9BFB4;
		--toniolo_yellow: #FFF8D2;
		--footer_gray: #707070;
		--gray1: #808086;
		--gray2: #9999A3;
		--gray3: #B3B3B9;
		--gray4: #C7D2D6;
		--gray5: #E2E6E9;
		--gray6: #EAF2F2;
		
		--skeu_shadow: 0px 6px 4px rgba(18, 61, 101, 0.3), 0px -1px 5px rgba(255, 255, 255, 0.8);
		--fly_box_shadow: 16px 6px 74px rgba(1, 6, 10, 0.3), -1px -1px 5px rgba(255, 255, 255, 0.8), inset -1px -6px 80px rgba(255, 255, 255, 0.18);
		--fly_box_shadow_hover: -6px -6px 10px rgba(255, 255, 255, 0.8),
          6px 6px 10px rgba(0, 0, 0, 0.2);
		--shadow_inside: inset -4px -4px 8px rgba(255, 255, 255, 0.5),
          inset 8px 8px 16px rgba(0, 0, 0, 0.1);
		--card_shadow: 0px 6px 20px rgba(18, 61, 101, 0.3), 0px -1px 20px rgba(255, 255, 255, 1.9);
		--fontshadow: 0px 4px 5px rgba(0,0,0,0.51);
        --dark_card_shadow: 0px 0px 5px rgba(18, 61, 101, 0.4);
	}
	
	/*
	=======================================================
	impostazioni base
	=======================================================
	*/
	.titolo_desktop {display: none;}
	.menu_cards_chi .card_contatti {display: none;}
	.presentazione {display: none;}
	.desktop_navline{display: none;}
	.dimostrazione {display: none;} 

	
	#cookieChoiceInfo {
		display: block;
		position: absolute;
		font-family: 'Bahnschrift Regular';
		font-style: normal;
		box-shadow: var(--fly_box_shadow);
}


	html {
  overflow-y: scroll;
}
	a {
		text-decoration: none;
	}
	
	p {
		color: #808086;
		font-size: 1.3em;
		text-align: left;
		font-family: 'Bahnschrift Regular';
		font-style: normal;}
	
	h2 {
		color: black;
		font-size: 1.1em;
		text-align: left;
		font-family: 'Bahnschrift Regular';
		font-style: normal;}
	
	
	body {
  		background-color: var(--footer_gray);}
	
	header {
		display: block;
		align-items: center;
	background-color: var(--header_gray);}
	
	header .logo img {
		margin-left: auto;
		margin-right: auto;
		align-self: center;
		vertical-align: middle;
		display: block;
  		width: 25%;
  		height: auto;
		padding-bottom: 5%;
		padding-top: 5%;}
	
	footer {
		
		position:relative;
   		bottom:0px;
   		width:100%;
   		height:500px;  
		padding-bottom: 20px;
   		clear:both;}

	footer .designer {
		display: block;
		position: relative;
		bottom: 0;
		margin-top: 48px;
		color: var(--footer_gray);
		background-color: var(--gray6);
		text-align: left;
	}
	footer .designer h5 {
		color: var(--footer_gray);
		padding-top: 20px;
		text-align: left;
		margin-left: 4%;
		text-shadow: none;
	}	

	
	/*
	=======================================================
	navline home
	la barra bianca con il burger e il titolo della pagina
	=======================================================
	*/
	#navlinehome {
		display: block;
		position: relative;
		min-height: 550px;
		max-height: 1000px;
		height: 550%;
		width: 100%;
		background: #FFFFFF;
		z-index:1;
		box-shadow: var(--skeu_shadow);}
	
	.button_text_of_navline {
		padding-top: 25px;}
	
	.button_text_of_navline 
	.div_span {
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 1px;
		display:block;
		text-align: center;
		align-content: center;
		width: 50px;
    	height: 50px;}
	
	#navlinehome .button {
		display:block;
		align-content: center;
		align-items: center;
		text-align: center;
		float: left;
		width: 50px;
    	height: 50px;
    	border-radius: 25%;
		margin-left: 6%;
    	cursor: pointer;
    	background: linear-gradient(200.6deg, #FFFFFF 19.14%, #EBF2F9 154.68%);
		box-shadow: var(--fly_box_shadow);}
	
	#navlinehome .button:hover {
  		opacity: 0.3;
        box-shadow: var(--fly_box_shadow_hover);}
	
	div .menubar {
		display: block;
		align-self: center;
  		width: 30px;
  		height: 5px;
  		background-color: black;
  		margin: 6px 0;}	
	
	#navlinehome h1 {
		font-size: 2.3em;
		padding-top: 10px;
		margin-left: 26%;
		text-align: left;
		font-family: 'Bahnschrift Regular';
		font-style: normal;}
	
	/* (background) */
	.overlay { 
 		height: 100%;
  		width: 0;
  		position: fixed; 
  		z-index: 10; 
 		left: 0;
 		top: 0;
 		background-color: rgb(0,0,0); 
  		background-color: rgba(0,0,0, 0.95); 
  		overflow-x: hidden;  
  		transition: 0.5s;}  

	/* contenuto */
	.overlay-content {
		z-index: 10;
  		position: relative;
  		top: 25%; 
  		width: 100%; 
  		text-align: center; 
  		margin-top: 30px;}

	.overlay-content p {
		z-index: 10;
		color: gainsboro;
		font-size: 1.3em;
		text-align: center;
		font-family: 'Bahnschrift Regular';
		font-style: normal;}

	.overlay a {
		z-index: 10;
		font-family: 'Bahnschrift Regular';
		font-style: normal;
  		padding: 8px;
  		text-decoration: none;
  		font-size: 36px;
 		 color: #818181;
 		 display: block; 
		  transition: 0.3s;}

	.overlay a:hover, .overlay a:focus {
		z-index: 10;
  		color: #f1f1f1;}

	.overlay .closebtn {
		z-index: 10;
 		position: absolute;
  		top: 20px;
  		right: 45px;
  		font-size: 60px;}
	
	#navlinehome img {
		position: relative;
		display: block;
		margin-left: auto;
		margin-right: auto;
		align-self: center;
		vertical-align: middle;
  		width: 95%;
		height: auto;
		margin-top: 10px;
		border-radius:10%;
	}

	#navlinehome table{  
		display: block;
		margin-top: 4%;
		align-content: center;
		position: relative;
		margin-left: 10%;
		margin-right: 10%;
		width: 80%;
		height: auto;}
	
		.td1 {
		position: relative;
		font-size: 2.9em;
		padding-left: 0px ;
		margin: 0px;
		text-align: left;
		font-family: 'Bahnschrift Regular';
		font-style: normal;
		color: transparent;
		background-color: var(--gray2);
  		text-shadow: 2px 2px 3px rgba(255,255,255,0.9), inner -2px -2px 1px rgba(0,0,0,0.9);
  		-webkit-background-clip: text;
     	-moz-background-clip: text;
        background-clip: text;}
		.th1 p{
		font-size: 1em;
		color: black;
		margin-right: 20px;
		text-align: left;
		font-family: 'Bahnschrift Regular';
		font-style: normal;}
	
		.td2 {
		position: relative;
		font-size: 2.9em;
		text-align: center;
		font-family: 'Bahnschrift Regular';
		font-style: normal;
		color: transparent;
		background-color: var(--gray2);
  		text-shadow: 2px 2px 3px rgba(255,255,255,0.9), inner -2px -2px 1px rgba(0,0,0,0.9);
  		-webkit-background-clip: text;
     	-moz-background-clip: text;
        background-clip: text;}
	
		.th2 p{
		font-size: 1em;
		color: black;
		margin: 0;
		text-align: center;
		font-family: 'Bahnschrift Regular';
		font-style: normal;}
	
		.td3 {
		position: relative;
		font-size: 2.9em;
		margin: 0px;
		text-align: right;
		font-family: 'Bahnschrift Regular';
		font-style: normal;
		color: transparent;
		background-color: var(--gray2);
  		text-shadow: 2px 2px 3px rgba(255,255,255,0.9), inner -2px -2px 1px rgba(0,0,0,0.9);
  		-webkit-background-clip: text;
     	-moz-background-clip: text;
        background-clip: text;}
	
		.th3 p{
		font-size: 1em;
		color: black;
		margin-left: 20px;
		text-align: right;
		font-family: 'Bahnschrift Regular';
		font-style: normal;}
		
		.th4 {
		display: block;
		font-size: 1em;
		color: transparent;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		text-align: right;
		font-family: 'Bahnschrift Regular';
		font-style: normal;}


/* ===================================================

anteprima 3 voci menù con 3 cards dedicate

====================================================*/
	
	.menu_cards {
		display: flex;
		flex-direction: column;
		position: relative;
		width: auto;
		height: 1900px;
		background: var(--light_green);
		background-image: url("media/sfondo_ceramica_verde.jpg");
		background-size: contain;
		box-shadow: var(--skeu_shadow);
		z-index:0;}
	
		.menu_cards_servizi {
		display: flex;
		flex-direction: column;
		position: relative;
		width: auto;
		height: 500px;
		background-image: url("media/servizi/green-brick-wall.jpg");
			background-size: cover;
		box-shadow: var(--fly_box_shadow);
		z-index:0;}
	
		.card_chi {
		border-radius: 30px;
		border: 1px solid white;
		position: relative;
		margin-top: 39px;
		margin-left: 5%;
		margin-right: 5%;
		height: 570px;
		max-height: 570px;
		width: 90%;
		z-index:1;
		background: var(--gray6);
		box-shadow: var(--card_shadow);}
	
			.card_head {
				display: block;
				position: relative;
				width: 80%;
				margin: 5%;
				margin-bottom: 0%;
				margin-left: 10%;
				height: 10%;
				float: none;
				text-align: right;}

			.card_head img {
				text-align: right;
				display: block;
				position: relative;
				margin-top: 0%;
				margin-right: 0%;
				margin-left: auto;
				height: 60%;}
	
			.card_title, .card_title p {
				margin-top: 1%;
				width: auto;
				float: left;
				color: black;
				font-size: 1.3em;}
	
	
			.card_cover {
				display: block;
				position: relative;
				top: -5%;
				margin-top: 0;
				width: 90%;
				margin: 5%;
				height: 30%;
				background-color: antiquewhite;
				background-size: cover;
				border-radius: 20px;}

			.card_subtitle {
				display: block;
				position: relative;
				margin-left: auto;
				margin-right: auto;
				width: 90%;
				top: -5%;
				margin-top: 5%;

				margin: auto;
				height: 25%;}
	
			.card_subtitle	h2 {
				padding-left: 5%;
				margin-right: auto;
				width: 90%;
				color: black;
				font-size: 1.4em;
				text-align: left;
				font-family: 'Bahnschrift Regular';
				font-style: normal;}	
	
			.card_subtitle	p {
				margin-left: 5%;
				margin-right: auto;
				width: 90%;
				color: #808086;
				font-size: 1.1em;
				text-align: left;
				font-family: 'Bahnschrift Regular';
				font-style: normal;}
	
			.card_button {
				display: flex;
  				justify-content: center;
				position: relative;
				width: 90%;
				margin: 5%;
				height: 10%;
				border-radius: 20px;
				border: 1px solid white;
				background: var(--gray6);
				background-image: url("media/sfondo_marmo.jpg");
				box-shadow: var(--fly_box_shadow_hover);}

				.card_button	a {
				position: relative;
				color: var(--footer_gray);
				font-size: 1.8em;
				text-align: center;
				font-family: 'Bahnschrift Regular';
				font-style: normal;
				margin-top: auto;
				margin-bottom: auto;
				height: auto;
				width: 100%;}
	
				.card_button:hover {
  				opacity: 0.3;
       			 box-shadow: var(--fly_box_shadow_hover);}
	
				.card_button_link {
				margin: 0%;
				width: 100%;
				height: 100%;
				position: relative;
				padding: 0;
				}

				.card_servizi {
				border-radius: 30px;
				border: 1px solid white;
				position: relative;
				margin-top: 39px;
				margin-left: 5%;
				margin-right: 5%;
				height: 570px;
				max-height: 570px;
				width: 90%;
				z-index:1;
				background: var(--gray6);
				box-shadow: var(--card_shadow);}

	
				.cover_chi {
				background-image: url("");
				background-size: cover;}

	
	
				.card_contatti {
				border-radius: 30px;
				border: 1px solid white;
				position: relative;
				margin-top: 39px;
				margin-left: 5%;
				margin-right: 5%;
				height: 570px;
				max-height: 570px;
				width: 90%;
				z-index:1;
				background: var(--gray6);
				box-shadow: var(--card_shadow);}
	
	
				.card_contatti_2 {
				border-radius: 30px;
				border: 1px solid white;
				position: relative;
				margin-top: 39px;
				margin-left: 5%;
				margin-right: 5%;
				height: 370px;
				max-height: 370px;
				width: 90%;
				z-index:1;
				background: var(--gray6);
				box-shadow: var(--card_shadow);}
	
	
				.card_button_2 {
				display: flex;
  				justify-content: center;
				position: relative;
				width: 90%;
				margin: 5%;
				height: 14%;
				margin-top: 20%;
				border-radius: 20px;
				border: 1px solid white;
				background: var(--gray6);
				box-shadow: var(--fly_box_shadow_hover);}
	
				.card_button_2	a {
				position: relative;
				color: var(--footer_gray);
				font-size: 1.8em;
				text-align: center;
				font-family: 'Bahnschrift Regular';
				font-style: normal;
				margin-top: auto;
				margin-bottom: auto;
				height: auto;
				width: 100%;}
	
				.card_button_2:hover {
  				opacity: 0.3;
       			 box-shadow: var(--fly_box_shadow_hover);}
			
	
/* ===================================================
footer
====================================================*/

	
	footer h1 {
		color: var(--toniolo_yellow);
		font-size: 1.3em;
		text-align: center;
		font-family: 'Bahnschrift Regular';
		font-style: normal;
		z-index: 1;
		text-shadow: var(--fontshadow);
		margin-top: 9px;
		text-decoration: none;
		
	}
	footer h1:hover {
		text-decoration: none;
		opacity: 0.3;}
	
	footer h2 {
		display: block;
		position: relative;
		text-decoration: none;
		color: black;
		font-size: 0.8em;
		text-align: left;
		margin-left: 20%;
		margin-right: 0px;
		font-family: 'Bahnschrift Regular';
		font-style: normal;
		z-index: 1;
		width: 70%;
		height: auto;
	}
	
	
		footer h3 {
		color: black;
		text-decoration: none;
		font-size: 0.9em;
		text-align: left;
		margin-left: 25%;
		margin-bottom: 25px;
		margin-top: 10px;
		font-family: 'Bahnschrift Regular';
		font-style: normal;
		z-index: 1;
		width: 35%;
	}
	footer h3:hover {
		text-decoration: none;
		opacity: 0.3;}
	
	footer h4 {
		text-decoration: none;
		color: white;
		font-size: 1.3em;
		margin-left: 9%;
		text-align: left;
		font-family: 'Bahnschrift Regular';
		font-style: normal;
		z-index: 1;
		text-shadow: var(--fontshadow);
	}
	footer h4:hover {
		text-decoration: none;
		opacity: 0.3;}
	
	footer p {
		text-decoration: none;
		color: white;
		font-size: 1em;
		text-align: left;
		font-family: 'Bahnschrift Regular';
		font-style: normal;
		z-index: 1;
		text-shadow: var(--fontshadow);
		margin-top: 5px;
	}
		footer p:hover {
		text-decoration: none;
		opacity: 0.3;}
	

	
	footer h5 {
		display: block;
		float: none;
		height: 30px;
		text-decoration: none;
		color: white;
		font-size: 1.0em;
		text-align: center;
		font-family: 'Bahnschrift Regular';
		font-style: normal;
		z-index: 1;
		padding-bottom: 20px;
		text-shadow: var(--fontshadow);
	}
	footer h5:hover {
		opacity: 0.3;}
	
	
	

.row .column {
  float: left;
  width: 50%;
  height: 300px;
	background-color: transparent;
}
	.row h1, .row h2, .row p {
		text-align: left;
		padding-left: 9%;
		line-height: 25px;
	}
	
	footer .row, footer .column, footer .table  {background-color: transparent; }
	
	footer .row {
		display: block;
		position: relative;
		margin-bottom: -50px;
		min-height: 150px;
		max-height: 500px;
	}

.row:after {
  content: "";
  display: table;
  clear: both;
	
}
	.row_2 {
		z-index: -2;
		white-space: pre;
		margin-top: 150px;
		display: block;
		position: relative;
		min-height: 50px;
		max-height: 200px;
		float: none;
		
	}
	.row_2:after {
  content: "";
  display: table;
  clear: both;
	
}
	
	.column_testi, .column_logo {
		z-index: 0;
		white-space: normal;
		float: left;
	}
	.column_logo {
		margin-top: 23px;
		padding-left: 20px;
		height: 100%;
		width: 15%;
	}
	.column_testi {
		min-height: 50px;
		max-height: 200px;
		width: 68%;
	}
	.column_testi h2, .column_testi h3{
		margin-left: 10px;
		width: 90%;
	}
	
		footer img {
				text-align: left;
				display: block;
				position: relative;
				margin-left: 5%;
				
				height: auto;
				min-width: 10px;
			max-width: 100px;
				float: right;
	}
	footer img:hover {
		opacity: 0.3;}
	footer {z-index: 0;}
/*
##########################################################
	=======================================================
	servizi
	=======================================================
##########################################################
*/


	#navlineservizi {
		display: block;
		position: relative;
		min-height: 100px;
		max-height: 1000px;
		height: 100%;
		width: 100%;
		background: #FFFFFF;
		z-index:1;
		box-shadow: var(--skeu_shadow);}
	
	#navlineservizi .button_text_of_navline {
		padding-top: 25px;}
	
	#navlineservizi .button_text_of_navline 
	span {
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 1px;
		display:block;
		text-align: center;
		align-content: center;
		width: 50px;
    	height: 50px;}
	
	#navlineservizi .button {
		display:block;
		align-content: center;
		align-items: center;
		text-align: center;
		float: left;
		width: 50px;
    	height: 50px;
    	border-radius: 25%;
		margin-left: 6%;
    	cursor: pointer;
    	background: linear-gradient(200.6deg, #FFFFFF 19.14%, #EBF2F9 154.68%);
		box-shadow: var(--fly_box_shadow);}
	
	#navlineservizi .button:hover {
  		opacity: 0.3;
        box-shadow: var(--fly_box_shadow_hover);}
	
	div .menubar {
		display: block;
		align-self: center;
  		width: 30px;
  		height: 5px;
  		background-color: black;
  		margin: 6px ;}	
	
	#navlineservizi h1 {
		font-size: 2.3em;
		padding-top: 10px;
		margin-left: 30%;
		text-align: left;
		font-family: 'Bahnschrift Regular';
		font-style: normal;}
	
	.logo_servizi {
		padding-top: 15px;
		padding-bottom: -15%;
		margin-bottom: -15%;
		margin-left: 36%;
		position: relative;
		display: block;
		height: 12%;
		size: 20%;
	}
	
		.background_section_cards {
		z-index:0;
		display: block;
		flex-direction: column;
		position: relative;
		width: auto;
		height: 2050px;
		background-image: url("media/servizi/brown-brick-wall.jpg"); 	
		background-size: cover;
		box-shadow: var(--skeu_shadow);
		}
		
	.service_info {
		display: block;
		line-height: 20px;
		
			margin: 10%;
		margin-top: 0;
			width: 80%;
			height: 15%;
			border: 0px solid white;
			color: gainsboro;
			font-size: 1.1em;
			text-align: left;
			font-family: 'Bahnschrift Regular';
			font-style: normal;}
.service_info h1 {
	font-size: 1.6em;
	line-height: 26px;
}
	
	.card_zone {
		display: block;
		padding-top: 2%;
		padding-left: 3%;
		padding-right: 3%;
		flex-direction: column;
		position: relative;
		width: auto;
		height: 1200px;
		z-index:1;}
	
	.mail_icon_servizi {
		margin-top: 5%;
		margin-left: 45%;
		margin-right: 45%;
		width: 55px;
		height: 40px;
	}
	
		.mail_icon_servizi:hover {
		opacity: 0.5;
	}


.card-1 .card_img, .card-1 .card_img-hover {
    background-image: url('media/servizi/restauri_conservativi_venezia_toniolo.jpg');
}
.card-2 .card_img, .card-2 .card_img-hover {
    background-image: url('media/servizi/immobili_storici_soggetti_a_tutela_storico_ambientale.jpg');
}
.card-3 .card_img, .card-3 .card_img-hover {
    background-image: url('media/servizi/lavori_pubblici_toniolo_antonio_edilizia.jpg');
}
.card-4 .card_img, .card-4 .card_img-hover {
    background-image: url('media/servizi/nuove_costruzioni_antonio_toniolo_casa.jpg');
}
.card-5 .card_img, .card-5 .card_img-hover {
    background-image: url('media/servizi/manutenzione_di_impianti_toniolo_pavimenti_riscaldati.jpg');
}
.card-6 .card_img, .card-6 .card_img-hover {
    background-image: url('media/servizi/vasche_contenimento_maree_acquaalta.JPG');
}
.card-7 .card_img, .card-7 .card_img-hover {
    background-image: url('media/servizi/vasca_contenimento_acqua_alta_con_fossa.jpg');
}
.card-8 .card_img, .card-8 .card_img-hover {
    background-image: url('media/servizi/intonaco_storico_venezia_edilizia_cantiere.jpg');
}
.card-9 .card_img, .card-9 .card_img-hover {
    background-image: url('media/servizi/tetti_edilizia_venezia.jpg');
}
.card-10 .card_img, .card-10 .card_img-hover {
    background-image: url('media/servizi/pavimenti_casa_edilizia_venezia.jpg');
}
.card-11 .card_img, .card-11 .card_img-hover {
    background-image: url('media/servizi/rivestimenti_messa_in_sicurezza_cantiere_toniolo_venezia.jpg');
}
.card-12 .card_img, .card-12 .card_img-hover {
    background-image: url('media/servizi/rinforzo_solaio_venezia_toniolo.jpg');
}
.card-13 .card_img, .card-13 .card_img-hover {
    background-image: url('media/servizi/impianto_guaina_rame_venezia.jpg');
}
.card-14 .card_img, .card-14 .card_img-hover {
    background-image: url('media/servizi/chiavi_in_mano.jpg');
}
.card-15 .card_img, .card-15 .card_img-hover {
    background-image: url('media/servizi/demolizioni_venezia_toniolo_antonio.jpg');
}
.card-16 .card_img, .card-16 .card_img-hover {
    background-image: url('media/buste.jpg');
}
.card-17 .card_img, .card-17 .card_img-hover {
    background-image: url('media/illustrazione_toniolo_antonio_3D_render.gif');
}

	.card_link {
		min-width: 40px;
		width: 100%;
		height: 100%;
		
		margin: 0;
	}

	.card {
		border-radius: 12px;
		position: relative;
		width: 48%;
		height: 19%;
		min-width: 40px;
		background-color: azure;
		box-shadow: 0px 4px 16px 1px rgba(0, 0, 0,0.5);
		float: left;
		margin: 1%;
		margin-top: 1%;
		z-index: 1;
		transition: all .4s cubic-bezier(0.175, 0.885, 0, 1);
	}	
	.card:hover {
  	box-shadow: 0px 0px 16px 2px rgba(0, 0, 0,0.2);
    transform: scale(0.95, 0.95);
	}
	
		.card_img {
		border-radius: 12px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		background-size: cover;
    	background-position: center;
   		background-repeat: no-repeat;
		position: relative;
		width: 100%;
		height: 68%;
		min-width: 40px;
		z-index: 1;
		
	}
	.card:hover .card_img {
		height: 68%;
		
		
	}
	
	.card_titolo {
		color: black;
		padding-top: 4%;
		margin-top: 4%;
		font-size: 0.9em;
		text-align: center;
		margin-left: 10%;
		margin-right: 10%;
		font-family: 'Bahnschrift Regular';
		font-style: normal;
		z-index: 2;
	}
	
	
	.card-15 i {
		color: black;
		margin-top: 15%;
		width: 100%;
		height: 68%;
		text-align: center;}
	
	.i_15 {
		border-radius: 12px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		background-color: gainsboro;
		background-size: cover;
    	background-position: center;
   		background-repeat: no-repeat;
		position: relative;
		width: 100%;
		height: 68%;
		min-width: 40px;
		z-index: 1;
	}
	
	
	
/* ===================================================

#####################contatti########################
====================================================*/	
	
	.menu_cards_contatti {
		background: url("media/soft_blur.jpg");
		background-size: cover;
		display: flex;
		flex-direction: column;
		position: relative;
		width: auto;
		height: 2150px;
		box-shadow: var(--skeu_shadow);
		z-index:0;}	
	
	
#navlinecontatti {
		display: block;
		position: relative;
		min-height: 100px;
		max-height: 1000px;
		height: 100%;
		width: 100%;
		background: #FFFFFF;
		z-index:1;
		box-shadow: var(--skeu_shadow);}
	
	#navlinecontatti .button_text_of_navline {
		padding-top: 25px;}
	
	#navlinecontatti .button_text_of_navline 
	span {
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 1px;
		display:block;
		text-align: center;
		align-content: center;
		width: 50px;
    	height: 50px;}
	
	#navlinecontatti .button {
		display:block;
		align-content: center;
		align-items: center;
		text-align: center;
		float: left;
		width: 50px;
    	height: 50px;
    	border-radius: 25%;
		margin-left: 6%;
    	cursor: pointer;
    	background: linear-gradient(200.6deg, #FFFFFF 19.14%, #EBF2F9 154.68%);
		box-shadow: var(--fly_box_shadow);}
	
	#navlinecontatti .button:hover {
  		opacity: 0.3;
        box-shadow: var(--fly_box_shadow_hover);}
	
	div .menubar {
		display: block;
		align-self: center;
  		width: 30px;
  		height: 5px;
  		background-color: black;
  		margin: 6px 0;}	
	
	#navlinecontatti h1 {
		font-size: 2.3em;
		padding-top: 10px;
		margin-left: 28%;
		text-align: left;
		font-family: 'Bahnschrift Regular';
		font-style: normal;}
	
	
	.card_contattarci {
			border: 1px solid white;
			position: relative;
			margin-top: 39px;
			margin-left: 5%;
			margin-right: 5%;
			height: 810px;
			max-height: 810px;
			width: 90%;
			z-index:1;
			background: var(--gray6);
			box-shadow: var(--card_shadow);}

	.card_contattarci form {
			z-index: 2;
			border: 0px solid black;
			background-color: white;
			position: relative;
			margin-top: 25px;
			margin-left: 5%;
			margin-right: 5%;
			height: 550px;
			max-height: 550px;
			width: 90%;
			box-shadow: 0px 6px 20px rgba(18, 61, 101, 0.3), 0px -1px 20px rgba(255, 255, 255, 1.9);
			}
		form p {
			font-size: 1.1em;
			text-align: left;
			padding-top: 3%;
			margin-bottom: -1%;
			padding-left: 9%;
			color: black;
		}
		form input {
			background-color: white;
			margin-left: 9%;
			width: 80%;
			border: 1px solid gainsboro;
			
		}

		textarea {
			border: 1px solid gainsboro;
			margin-left: 9%;
			margin-right: 5%;
			height: 50%;
			width: 80%;}
		
		 .button_form {
			z-index: 2;
			width: 35%;
			height: 10%;
			border: 0px solid white;
			background-color: var(--light_green);
			background-image: url("media/sfondo_ceramica_verde.jpg");
			background-size: 550px;
			box-shadow: 0px 3px 5px rgba(18, 61, 101, 0.3), 0px -1px 5px rgba(255, 255, 255, 1.9);
			color: black;
			font-size: 1.1em;
			text-align: center;
			font-family: 'Bahnschrift Regular';
			font-style: normal;}
	
	.card_contattarci .button_form:hover {
  		opacity: 0.6;
        box-shadow: inset -4px -4px 8px rgba(255, 255, 255, 0.5),
          inset 8px 8px 16px rgba(0, 0, 0, 0.1);}
		


	.card_subtitle_contatto	p {
		margin-top: -40px;
		line-height: 20px;
				margin-left: 10%;
				margin-right: 10%;
				color: #808086;
				font-size: 1.1em;
				text-align: left;
				font-family: 'Bahnschrift Regular';
				font-style: normal;}
	
	
		.card_dove {
			border-radius: 30px;
			border: 1px solid white;
			position: relative;
			margin-top: 39px;
			margin-left: 5%;
			margin-right: 5%;
			height: 580px;
			max-height: 580px;
			width: 90%;
			z-index:1;
			background: var(--gray6);
			box-shadow: var(--card_shadow);}
	.card_dove .card_subtitle	p {
				margin-left: 10%;
				margin-right: 10%;
				color: #808086;
				font-size: 1.1em;
				text-align: left;
				font-family: 'Bahnschrift Regular';
				font-style: normal;}
	
	.card_dove .card_cover {
		height: 40%;
		background-color: empty;
		background-image: url("media/google_maps.PNG");
			
	}
	
	
	
	.card_dove .card_button {
				display: flex;
  				justify-content: center;
				position: relative;
				width: 90%;
				margin: 5%;
				margin-top: -10%;
				height: 10%;
				border-radius: 20px;
				border: 1px solid white;
				background: var(--gray6);
				background-image: url("media/sfondo_marmo.jpg");
				box-shadow: var(--fly_box_shadow_hover);}
	
			.card_dove .card_button	a {
				position: relative;
				color: var(--footer_gray);
				font-size: 1.8em;
				text-align: center;
				font-family: 'Bahnschrift Regular';
				font-style: normal;
				margin-top: auto;
				margin-bottom: auto;
				height: auto;
				width: 100%;}
	
			.card_dove .card_button:hover {
  				opacity: 0.3;
       			 box-shadow: var(--fly_box_shadow_hover);}
	
	
	
	
	
/* ===================================================

        ##########    chi siamo   ##########
	
====================================================*/
		.menu_cards_chi {
		background: url("media/soft_blur.jpg");
		background-size: cover;
		margin-top: -40px;
		display: block;
		padding-bottom: 5%;
		position: relative;
		width: auto;
		height: auto;
		min-height: 1580px;
		max-height: 7050px;
		box-shadow: var(--skeu_shadow);
		z-index:0;}
		
		.cover_page_chi {
			padding-top: 24px;
			width: 100%;
			height: auto;
			box-shadow: var(--skeu_shadow);
		}
	
	
	.card_intro_azienda	h2 {
		margin-top: 46px;
		font-size: 1.8em;
		text-align: center;
	}
	.card_subtitle_intro_azienda	p {
			display: block;
			width: 80%;
			margin-left: 5%;
			margin-right: 5%;
				padding-left: 5%;
				padding-right: 5%;
				margin-bottom: 10px;
				padding-bottom: 15px;
				color: black;
				font-size: 0.9em;
				text-align: left;
				line-height: 25px;
				text-shadow: 2px 2px 3px rgba(255,255,255,0.9), inner -2px -2px 1px rgba(0,0,0,0.9);
				font-family: 'Bahnschrift Regular';
				font-style: normal;
				z-index: 1;
				background: white;
				box-shadow: var(--skeu_shadow);}
	
		

		.card_espe_preview {
			position: relative;
			display: block;
			border-radius: 30px;
			border: 1px solid white;
			margin-top: 3%;
			margin-left: 5%;
			margin-right: 5%;
			height: 570px;
			max-height: 570px;
			width: 90%;
			z-index:1;
			background: var(--gray6);
			box-shadow: var(--card_shadow);}
	.card_espe_preview .card_button{
		margin-top: 1%;
	}

	.cover_azienda {
		background-image: url("media/immagini/collage.jpg");
		background-size: contain;}
	.cover_esperienza {
		background-image: url("media/immagini/colonna_san_marco_venezia.JPG");
		background-size: cover;}
		
/* ===================================================

        ##########    esperienza   ##########
	
====================================================*/		
	#navlineesperienza {
		display: block;
		position: relative;
		min-height: 100px;
		max-height: 1000px;
		height: 100%;
		width: 100%;
		background: #FFFFFF;
		z-index:1;
		box-shadow: var(--skeu_shadow);}
	
	#navlineesperienza .button_text_of_navline {
		padding-top: 25px;}
	
	#navlineesperienza .button_text_of_navline 
	span {
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 1px;
		display:block;
		text-align: center;
		align-content: center;
		width: 50px;
    	height: 50px;}
	
	#navlineesperienza .button {
		display:block;
		align-content: center;
		align-items: center;
		text-align: center;
		float: left;
		width: 50px;
    	height: 50px;
    	border-radius: 25%;
		margin-left: 6%;
    	cursor: pointer;
    	background: linear-gradient(200.6deg, #FFFFFF 19.14%, #EBF2F9 154.68%);
		box-shadow: var(--fly_box_shadow);}
	
	#navlineesperienza .button:hover {
  		opacity: 0.3;
        box-shadow: var(--fly_box_shadow_hover);}
	
	div .menubar {
		display: block;
		align-self: center;
  		width: 30px;
  		height: 5px;
  		background-color: black;
  		margin: 6px 0;}	
	
	#navlineesperienza h1 {
		font-size: 1.1em;
		padding-top: 5px;
		margin-left: 28%;
		color: var(--gray3);
		text-align: left;
		font-family: 'Bahnschrift Regular';
		font-style: normal;}
	#navlineesperienza h2 {
		font-size: 1.6em;
		margin-top: -11px;
		padding-top: -10px;
		margin-left: 28%;
		text-align: left;
		font-family: 'Bahnschrift Regular';
		font-style: normal;}
	
	
	
	
	.menu_cards_esperienza {
		display: flex;
		flex-direction: column;
		position: relative;
		width: auto;
		height: 2050px;
		background: url("media/soft_blur.jpg");
		background-size: cover;
		box-shadow: var(--skeu_shadow);
		z-index:0;}	
	
	
	
	.card_intro_espe {
			position: relative;
			border: 0px solid black;
			margin-top: 39px;
			margin-left: 5%;
			margin-right: 5%;
		padding-bottom: 20px;
			min-height: 200px;
			max-height: 1999px;
			width: 90%;
			z-index:1;
			background: white;
			background-size: 100%;
			box-shadow: var(--skeu_shadow);}
	.card_subtitle_intro_espe	p {
				margin-left: 5%;
				margin-right: 5%;
				color: black;
				font-size: 1.1em;
				text-align: left;
				line-height: 25px;
				text-shadow: 2px 2px 3px rgba(255,255,255,0.9), inner -2px -2px 1px rgba(0,0,0,0.9);
				font-family: 'Bahnschrift Regular';
				font-style: normal;
				z-index: 2;}
		.card_cover_esperienza {
				margin-top: -3%;
				margin-bottom: 80px;
				position: relative;
				width: 100%;
				height: 42%;
				background-image: url('media/immagini/colonna_san_marco_venezia.JPG');
				background-size: cover;
				border-radius: 0%;
				box-shadow: var(--card_shadow);}
		.card_esperienza_top {
			border-radius: 30px;
			border: 1px solid white;
			position: relative;
			margin-top: 39px;
			margin-left: 5%;
			margin-right: 5%;
			height: 580px;
			max-height: 580px;
			width: 90%;
			z-index:1;
			background: var(--gray6);
			box-shadow: var(--card_shadow);}
	
			.card_esperienza_top .card_head {
					display: block;
					align-content: center;
					align-items: center;
					position: relative;
					width: 45%;
					margin: 5%;
					padding-top: 1%;
				padding-bottom: 6%;
					margin-left: 10%;
					height: 5%;
					float: none;
					text-align: right;}
			.card_esperienza_top img {
					padding-left: 80%;
					height: 100%;
					width: auto;
					}
			.card_esperienza_top h2 {
					text-align: center;
					margin-top: -1%;
					width: 100%;
					margin-left: 0%;
					margin-right: 0%;
			}
				.card_esperienza_top p {
					text-align: center;
					width: 100%;
					margin-left: 0%;
					margin-right: 0%;
			}
				.card_esperienza_top .card_button {
					display: flex;
  					justify-content: center;
					position: relative;
					width: 90%;
					margin-top: -7px;
					padding-top: -7%;
					margin: 5%;
					height: 10%;
					border-radius: 20px;
					border: 1px solid white;
					background: var(--gray6);
					background-image: url("media/sfondo_marmo.jpg");
					box-shadow: var(--fly_box_shadow_hover);}
	
				.card_esperienza_top .card_button	a {
				position: relative;
				color: var(--footer_gray);
				font-size: 1.8em;
				text-align: center;
				font-family: 'Bahnschrift Regular';
				font-style: normal;
				margin-top: auto;
				margin-bottom: auto;
				height: auto;
				width: 100%;}
	
				.card_esperienza_top .card_subtitle {
					display: block;
					position: relative;
					margin-left: 10%;
					width: 90%;
					top: -9%;
					margin-top: 9%;
					margin: auto;
					height: 6%;}
	
				.card_esperienza_top .card_subtitle	h2 {
					color: black;
					margin: 0%;
					font-size: 1.4em;
					text-align: center;
					font-family: 'Bahnschrift Regular';
					font-style: normal;}	
	
				.card_esperienza_top .card_subtitle	p {
					color: #808086;
					font-size: 1.1em;
					text-align: center;
					font-family: 'Bahnschrift Regular';
					font-style: normal;}
	
				.card_esperienza_2 .card_cover_esperienza {
					margin-top: -3%;
					margin-bottom: 30px;
					position: relative;
					width: 100%;
					height: 42%;
					background-image: url('media/servizi/chiavi_in_mano.jpg');
					background-size: cover;
					border-radius: 0%;
					box-shadow: var(--card_shadow);}
	
				.card_esperienza_2 {
					border-radius: 30px;
					border: 1px solid white;
					position: relative;
					margin-top: 39px;
					margin-left: 5%;
					margin-right: 5%;
					height: 450px;
					max-height: 450px;
					width: 90%;
					z-index:1;
					background: var(--gray6);
					box-shadow: var(--card_shadow);}
	
			.card_esperienza_2 .card_head {
				display: block;
				align-content: center;
				align-items: center;
				position: relative;
				width: 45%;
				margin: 5%;
				margin-top: 5%;
				margin-left: 10%;
				margin-bottom: 12%;
				height: 5%;
				float: none;
				text-align: right}
			.card_esperienza_2 img {
				display: block;
				position: relative;
				padding-left: 80%;
				height: 120%;
				width: auto;
				}
			.card_esperienza_2 h2 {
				text-align: center;
				padding-top: 25px;
				width: 100%;
				margin-left: 0%;
				margin-right: 0%;
			}
				.card_esperienza_2 p {
				text-align: center;
				width: 100%;
				margin-left: 0%;
				margin-right: 0%;
				margin-bottom: 120px;
			}
				
	
				.card_esperienza_2 .card_subtitle {
				display: block;
				position: relative;
				margin-left: 10%;
				margin: auto;
				min-height: 50px;
				max-height: 500px;}
	
				.card_esperienza_2 .card_subtitle	h2 {
				color: black;
				margin: 0%;
				font-size: 1.4em;
				text-align: center;
				font-family: 'Bahnschrift Regular';
				font-style: normal;}	
	
				.card_esperienza_2 .card_subtitle	p {
				color: #808086;
				font-size: 1.1em;
				text-align: center;
				font-family: 'Bahnschrift Regular';
				font-style: normal;}
	
	
	
				.card_esperienza_3 .card_cover_esperienza {
					margin-top: -3%;
					margin-bottom: 30px;
					position: relative;
					width: 100%;
					height: 42%;
					background-image: url("media/servizi/impermeabilizzazioni_locale_edilizia_venezia_toniolo.JPG");
					background-size: cover;
					border-radius: 0%;
					box-shadow: var(--card_shadow);}
	
				.card_esperienza_3 {
					border-radius: 30px;
					border: 1px solid white;
					position: relative;
					margin-top: 39px;
					margin-left: 5%;
					margin-right: 5%;
					height: 450px;
					max-height: 450px;
					width: 90%;
					z-index:1;
					background: var(--gray6);
					box-shadow: var(--card_shadow);}
	
			.card_esperienza_3 .card_head {
				display: block;
				align-content: center;
				align-items: center;
				position: relative;
				width: 45%;
				margin: 5%;
				margin-top: 5%;
				margin-left: 10%;
				margin-bottom: 12%;
				height: 5%;
				float: none;
				text-align: right}
			.card_esperienza_3 img {
				display: block;
				position: relative;
				padding-left: 80%;
				height: 120%;
				width: auto;
				}
			.card_esperienza_3 h2 {
				text-align: center;
				padding-top: 25px;
				width: 100%;
				margin-left: 0%;
				margin-right: 0%;
			}
				.card_esperienza_3 p {
				text-align: center;
				width: 100%;
				margin-left: 0%;
				margin-right: 0%;
				margin-bottom: 120px;
			}
				
	
				.card_esperienza_3 .card_subtitle {
				display: block;
				position: relative;
				margin-left: 10%;
				margin: auto;
				min-height: 50px;
				max-height: 500px;}
	
				.card_esperienza_3 .card_subtitle	h2 {
				color: black;
				margin: 0%;
				font-size: 1.4em;
				text-align: center;
				font-family: 'Bahnschrift Regular';
				font-style: normal;}	
	
				.card_esperienza_3 .card_subtitle	p {
				color: #808086;
				font-size: 1.1em;
				text-align: center;
				font-family: 'Bahnschrift Regular';
				font-style: normal;}
	
	
	
	
/* ===================================================

        ##########    servizio singolo   ##########
	
====================================================*/
	
	
				#navlineesperienza {
		display: block;
		position: relative;
		min-height: 100px;
		max-height: 1000px;
		height: 100%;
		width: 100%;
		background: #FFFFFF;
		z-index:1;
		box-shadow: var(--skeu_shadow);}
	
	#navlineesperienza .button_text_of_navline {
		padding-top: 25px;}
	
	#navlineesperienza .button_text_of_navline 
	span {
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 1px;
		display:block;
		text-align: center;
		align-content: center;
		width: 50px;
    	height: 50px;}
	
	#navlineesperienza .button {
		display:block;
		align-content: center;
		align-items: center;
		text-align: center;
		float: left;
		width: 50px;
    	height: 50px;
    	border-radius: 25%;
		margin-left: 6%;
    	cursor: pointer;
    	background: linear-gradient(200.6deg, #FFFFFF 19.14%, #EBF2F9 154.68%);
		box-shadow: var(--fly_box_shadow);}
	
	#navlineesperienza .button:hover {
  		opacity: 0.3;
        box-shadow: var(--fly_box_shadow_hover);}
	
	div .menubar {
		display: block;
		align-self: center;
  		width: 30px;
  		height: 5px;
  		background-color: black;
  		margin: 6px 0;}	
	
	#navlineesperienza h1 {
		font-size: 1.1em;
		padding-top: 5px;
		margin-left: 28%;
		color: var(--gray3);
		text-align: left;
		font-family: 'Bahnschrift Regular';
		font-style: normal;}
	#navlineesperienza h2 {
		font-size: 1.6em;
		margin-top: -11px;
		padding-top: -10px;
		margin-left: 28%;
		text-align: left;
		font-family: 'Bahnschrift Regular';
		font-style: normal;}
	
	
	
	
	
			.background_restauro {
				z-index:0;
				display: block;
				flex-direction: column;
				position: relative;
				width: auto;
				height: 50%;
				padding-bottom: 10%;
				background-image: url("media/servizi/brown-brick-wall.jpg"); 	
				background-size: cover;
				box-shadow: var(--skeu_shadow);
				}
			.background_restauro .service_info {
				height: 50%;
				}


			.background_restauro img {
				position: relative;
				display: block;
				width: 100%;
				height: auto;
				z-index: -1;
				}


			.servizi_e_contatti {
				border: 1px solid white;
				display: block;
				width: 100%;
				height: 100px;
				background-color: var(--gray6);
				box-shadow: var(--fly_box_shadow_hover);
			}

			.servizi_e_contatti div {
				display: flex;
  				justify-content: center;
				border: 1px solid white;
				background: var(--gray6);
				box-shadow: var(--fly_box_shadow_hover);
				text-align: center;
				position: relative;
				margin-top: 30px;
				margin-right: 10%;
				padding-top: 20px;
				height: 30px;
				background-image: url("media/toniolo_yellow_mat.jpg");
				background-size: cover;
				float: right;
				width: 35%;
				border-radius: 20px;
			}
			.servizi_e_contatti a {
				text-align: center;
				font-size: 0.9em;
				color: #808086;
				font-family: 'Bahnschrift Regular';
				font-style: normal;
			}
	
			.servizi_e_contatti div:hover {
  				opacity: 0.5;
       			 box-shadow: var(--shadow_inside);}
			.logo_servizi {
					margin: auto;
				}
	




.card_chi .card_cover {
	background-color: none;
	background-image: url("media/chi_siamo.jpg")
}
.card_servizi .card_cover {
	background-color: none;
	background-image: url("media/servizi.jpg")
}
.card_contatti .card_cover {
	background-color: none;
	background-image: url("media/buste.jpg")
}

/* }===================================================

schermo molto piccolo


			background-image: url(brand/logo_impresa_edile_toniolo_antonio_venezia_verticale-05.svg) ;
table, th, tr {  
		border: 1px solid black;}
====================================================*/
@media (max-width: 242px) {
	.td1 p, .td2, .td3 {font-size: 1.9em;
			}
			.card_espe_preview p{
				margin-top: 10px;
				font-size: 0.9em;
				}
			.row_2 {
				margin-top: 280px;
				padding-top: 100px;
				padding-bottom: 60px;
				height: auto;}

			#navlinehome table {
				display: none;
			}
			#navlinehome {
			height: 300px;
			min-height: 100px;
				max-height: 300px;
			}
			.logo_servizi {
					margin: auto;
				}
			.background_section_cards {
				position: relative;
				z-index: 0;
				height: 2199px;
				}
				.card_zone {
					margin-top: 190px;
					padding-top: 100px;
					height: 1980px;
					font-size: 0.6em;
				}
				.card_zone .card {
					height: 9%;
				}

}
@media (max-width: 340px) 
{
				.background_restauro .service_info {
				font-size: 0.9em;}
	
				.servizi_e_contatti a {
				text-align: center;
				font-size: 0.7em;}
				
				.menu_cards .card_button {
					margin-top: 50px;
				}
				.menu_cards .card_title {
				font-size: 1.0em;
				}

				.card_espe_preview .card_button{
				top: 45px;
				}
				.card_espe_preview p{
				margin-top: 10px;
				font-size: 1.1em;
				}
				.card_intro_espe {
				font-size: 0.7em;
				}
				.card_esperienza_top .card_button{
				top: 45px;
				}
				footer .row p {
					font-size: 0.7em;
					line-height: 16px;
				}
				.row_2 .column_testi{
					width: 70%;
				}
				.row_2 h2{
					font-size: 0.7em;
					line-height: 16px;
				}
				.row_2 {
					padding-top: -49px;
					margin-top: -49px;
				}
				#navlinehome img {
					min-width: 100px;
					max-width: 200px;
				}
				#navlinehome table, #navlinehome tr  {
					display:contents;
					margin-top: 10px;
					width: auto;
					min-width: 50px;
					max-width: 460px;
					margin-left: 11%;
					margin-right: 11%;
				}
				#navlinehome table .td1, #navlinehome table .td2, #navlinehome table .td3, #navlinehome table td, #navlinehome table p {
					font-size: 0.7em;
				}
				#navlinehome {
					display: block;
					position: relative;
					min-height: 150px;
					max-height: 1000px;
					height: auto;
					width: 100%;
					background: #FFFFFF;
					z-index:1;
					box-shadow: var(--skeu_shadow);}
				.logo_servizi {
					margin: auto;
				}
				.background_section_cards {
					position: relative;
				z-index: 0;
				height: 1870px;
				}
				.card_zone {
					padding-top: 100px;
					height: 1980px;
					font-size: 0.6em;
				}
				.card_zone .card {
					height: 9%;
				}
	
	
	
	
	
	
}



@media (min-width: 410px)  
{	
					.card_espe_preview .card_button {
					margin-top: 8px;
					font-size: 1.3em;
				}
				.column_testi {
					min-height: 50px;
					max-height: 200px;
					width: 75%;
				}
	.row_2 {
		margin-top: 0px;
		
	}
		#navlinehome {
		display: block;
		position: relative;
		min-height: 550px;
		max-height: 1000px;
		height: 550%;
		width: 100%;
		background: #FFFFFF;
		z-index:1;
		box-shadow: var(--skeu_shadow);}
	#navlinehome table {
		display: block;
	}
	.logo_servizi {
		padding-top: 20px;
		margin-left: auto;
		margin-right: auto;
	}
	.service_info {
		padding-bottom: -50px;
		height: 100px;
	}
	.background_section_cards {
		position: relative;
		z-index: 0;
		height: 1945px;
	}
	.card_zone {
		padding-top: 90px;
	}
	
}

@media (min-width: 520px)  
{
	
				.card_esperienza_top .card_button {
					margin-top: -1%;
				}
				.card_espe_preview .card_button {
					margin-top: 8px;
					font-size: 1.3em;
				}
		#navlinehome table {
		display: table;
		max-width: 1000px;
			width: 78%;
    height: auto;
		}
		#navlinehome .td1, #navlinehome .td2, #navlinehome .td3, #navlinehome table td, #navlinehome td p {
						font-size: 3.1em;
					}
		
	.tr {
		display: block;
		width: 10px;
		padding-right: auto;
		padding-left: auto;
		margin-right: auto;
		margin-left: auto;}
	.logo_servizi {
		padding-top: 20px;
		margin-left: auto;
		margin-right: auto;
	}
	.service_info {
		padding-bottom: -50px;
		height: 100px;
	}
	.background_section_cards {
		position: relative;
		z-index: 0;
		height: 2010px;
	}
	.card_zone {
		padding-top: 90px;
	}
	
	
}

@media (min-width: 630px)  {
	
				.menu_cards .card_button {
					margin-top: -1%;
				}
				.card_espe_preview .card_button {
					margin-top: -1%;
				}
	#navlinehome .td1, #navlinehome .td2, #navlinehome .td3, #navlinehome table td, #navlinehome td p {
						font-size: 3.4em;
					}
	#navlinehome p {
		font-size: 1.4em;
	}
	.background_section_cards {
		position: relative;
		z-index: 0;
		height: 1700px;
	}
	.logo_servizi {
		padding: 0;
		padding-top: 30px;
		margin: auto;
	}
	.service_info {
		margin-top: -30px;
		padding-bottom: -150px;
		height: 100px;
	}
	.card_zone {
		margin: auto;
		width: 70%;
		margin-top: -50px;
		padding-top: -650px;
	}
	.background_restauro .service_info {
		padding-top: 60px;
		height: auto;
	}

	.service_info {
		padding-bottom: -50px;
		height: 100px;
	}
	.background_section_cards {
		position: relative;
		z-index: 0;
		height: 1960px;
	}
	.card_zone {
		padding-top: 90px;
	}
	.menu_cards .card_chi, .menu_cards .card_servizi, .menu_cards .card_contatti {
		min-height: 100px;
		max-height: 480px;
		min-width: 10%;
		max-width: 50%;
		margin: auto;
	}
	
	
				
}	


/* ===================================================

        ##########    DESKTOP   ##########
	
====================================================*/

@media (min-width: 850px)  {
	
/* ===================================================

HOME PAGE and basics DESKTOP
	
====================================================*/
	#navlineesperienza {display: none;}
	.no_deskt {display: none;}
	#navlinecontatti {display: none;}
	header {display: none;}	
	.button_text_of_navline {display: none;}
	#navlineservizi {display: none;}
	#navlinehome {display: none;}
	
	
	.desktop_navline {
		top: 0;
		background-color: white;
		position: relative;
		display: flex;
		flex-direction: row;
		width: 100%;
		height: 100px;
		box-shadow: var(--skeu_shadow);
		z-index: 3;
	}
	
	.desktop_navline .logo {
		margin: auto;
		margin-right: 17%;
		display: block;
		position: relative;
		height: auto;
		min-width: 225px;
		max-width: 225px;
		z-index: 3;
	}
	
	.d_n_titolo {
		height: 100%;
		float: right;
		padding-top: 40px;
		padding-right: 10px;
		margin: auto;
		display: flex;
		flex-direction: column;
		position: relative;
		font-size: 1.5em;
		color: var(--gray2);
		text-align: right;
		font-family: 'Bahnschrift Regular';
		font-style: normal;
  		text-shadow: 2px 2px 3px rgba(255,255,255,0.9), inner -2px -2px 1px rgba(0,0,0,0.9);
	}
	.d_n_titolo:hover {
		color: black;
	}
	
	
	
	
	
	.presentazione {
		display: flex;
		position: relative;
		flex-direction: row;
		height: auto;
		min-height: 500px;
		max-height: 780px;
		background-color: var(--gray6);
		z-index: 3;
		box-shadow: var(--skeu_shadow);
	}
	.presentazione_immagine {
		display: block;
		position: relative;
		height: 100%;
		width: 50%;
		margin: auto;
		float: left;
	}
	.presentazione_immagine div {
		background-image: url("media/illustrazione_toniolo_antonio_3D_render.jpg");
		background-size: 380px;
		display: block;
		position: relative;
		margin: auto;		
		margin-top: 30px;
		margin-bottom: 26px;
		width: 380px;
		height: 380px;
	}
		.presentazione_immagine div:hover {
			border: solid 4px white;
		background-image: url("media/illustrazione_toniolo_antonio_3D_render.gif");
	}
	.presentazione_immagine table {
		display: block;
		position: relative;
		margin: auto;
		width: 380px;
		height: auto;
	}
	.presentazione_immagine tr {

	}
	
	.presentazione_linea_verticale {
		display: block;
		position: relative;
		height: 500;
		width: 1px;
		background-color: var(--gray3);
		z-index: 1; 
		margin-right: 2%;
		margin-left: 2%;
	}
	
	.p_toniolo1 {display: none;}
	
	.presentazione_testo {
		line-height: 25px;
		margin-right: 6%;
		margin-left: 0%;
		margin-top: 30px;
		font-size: 0.8em;
		display: block;
		position: relative;
		height: 100%;
		width: 59%;
		float: right;
	}
	.presentazione_testo p {
		padding-bottom: 15px;
		margin-top: 0;
		padding-top: 15px;
	}
	
	
	
	
	
	.menu_cards {
		position: relative;
		display: flex;
		flex-direction: row;
		height: auto;
		min-height: 500px;
		max-height: 780px;
		z-index: 1;
	}
	
	.menu_cards .card_chi, .menu_cards .card_servizi, .menu_cards .card_contatti {
		font-size: 0.8em;
		float: left;
		min-height: 100px;
		max-height: 480px;
		min-width: 10%;
		max-width: 40%;
		margin: 20px;
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.menu_cards .card_title {
		font-size: 0.9em;
	}
	.menu_cards .card_subtitle p{
		line-height: 21px;
		white-space:pre-wrap;
		font-size: 1.0em;
	}
	.menu_cards .card_cover {
		height: 39%;
		min-height: auto;
		max-height: 420px;
	}
	.menu_cards .card_button {
		
		font-size: 0.8em;
		margin-top: -5px;
		min-height: 20px;
		max-height: 50px;
	}

	
	.dimostrazione{ 
		display: block;
		height: auto;
		padding-bottom: 40px;
		background-color: white;
		box-shadow: var(--skey_shadow);
		z-index: 1;
	}
	.dimostrazione h2 {
		font-size: 1.3em;
		margin: auto;
		padding-top: 40px;
		padding-bottom: 20px;
		text-align: center;
	}
	.row_2 {
		margin-left: 1%;
		margin-right: 40%;
		
	}
	
	
	/* slider comparazione */

			.img-comp-container {
				z-index: 1;
				margin: auto;
			  position: relative;
				width: 82%;
				min-height: 478px;
			  	height: auto;	
				box-shadow: var(--card_shadow);
				border-radius: 20px;
			}

			div#after { 
			  position: relative; font-size: 0; 
			  -ms-touch-action: none;
			  -webkit-touch-callout: none;
			  -webkit-user-select: none;
			}
			div#after img { 
			  width: 100%; height: auto; 
			}
			div#before { 
			  background-image: url("media/immagini/before.JPG");
			  position: absolute;
			  top: 0; left: 0; height: 100%;
			  width: 50%;
			  background-size: cover; 
			}
			div#after:hover {
			  cursor: col-resize; 
			} 
	
	footer {
		padding-bottom: 20px;
	}
	footer .designer {
		display: block;
		position: relative;
		bottom: 0;
		margin-top: 48px;
		color: var(--footer_gray);
		background-color: var(--gray6);
		text-align: left;
	}
	footer .designer h5 {
		color: var(--footer_gray);
		padding-top: 20px;
		text-align: left;
		margin-left: 4%;
		text-shadow: none;
	}
	
	
	.card_intro_azienda {
		margin: auto;
		width: 100%;
		float: left;
	}
	.card_espe_preview {
		width: 42%;
		float: left;
		margin: auto;
		margin-left: 5%;
		min-height: 500px;
		max-height: 900px;
	}
	.menu_cards_chi {
		height: 1900px;
		max-height: 1900px;
	}

	
	.menu_cards_chi .card_contatti {
		display: block;
		width: 42%;
		float: right;
		margin: auto;
		margin-right: 5%;
		min-height: 500px;
		max-height: 900px;}
	.menu_cards_chi .card_button {
		
		font-size: 0.8em;
		margin-top: 20px;
		min-height: 20px;
		max-height: 50px;
	}
	.menu_cards_contatti{
	height: 1810px;
		
	}
	.card_contattarci {
	padding-bottom: 100px;
	}
	.card_contattarci form{
		padding-bottom: 50px;
	}
	.card_dove {
		float: none;
		margin: auto;
		width: 49%;
		min-height: 800px;
		max-height: 900px;
		}

	.card_dove .card_button{
		margin-top: -2px;
	}
	
	.background_section_cards {
		height: 1700px;
	}
	.logo_servizi {
		padding: 0;
		padding-top: 30px;
		margin: auto;
	}
	.service_info {
		margin-top: -30px;
		padding-bottom: -150px;
		height: 100px;
	}
	.card_zone {
		margin: auto;
		height: 1600px;
		width: 90%;
		margin-top: -150px;
		padding-top: -870px;
		padding-bottom: -500px;
		margin-bottom: -500px;
	}
	.background_section_cards .card {
		width: 30%;
		height: 19%;
	}
	.titolo_desktop {
		font-family: 'Bahnschrift Regular';
		font-style: normal;
		margin: auto;
		margin-top: 35px;
		margin-bottom: 0;
		text-align: center;
		width: 100%;
		display: block;
		height: auto;
		font-size: 2em;
		color: white;
	}
	.menu_cards_esperienza {
		height: 900px;
	}
	.espe_card_zone {
		display: flex;
		width: 100%;
		height: auto;
	}
	.card_intro_espe {
		height: auto;
		min-height: 100px;
		max-height: 150px;
	}
	.card_esperienza_top {
		float: auto;
		width: 60%;
		max-width: 900px;
	}

	.card_esperienza_top .card_button {
		margin-top: 53px;
	}
	.card_esperienza_2 {
		float: left;
		width: 60%;
		max-width: 900px;
	}
	.card_esperienza_3 {
		float: right;
		width: 60%;
		max-width: 900px;}
	
	.background_restauro {
		height: 900px;
	}
	.background_restauro img {
		margin-top: 0;
		padding-top: 0;
		margin-bottom: 50px;
	}
	.background_restauro .service_info {
		height: auto;
	}
	
/*media screen parentesi*/
}

@media (min-width: 1300px)  {
	.no_deskt {display: none;}
	
	.menu_cards .card_chi, .menu_cards .card_servizi, .menu_cards .card_contatti {
		font-size: 1.2em;
		float: left;
		min-width: 5%;
		max-width: 25%;
		margin: auto;
		margin-top: 35px;
		margin-bottom: 35px;
		height: 620px;
		min-height: 600px;
		max-height: 620px;
	}
		.menu_cards .card_button {
		
		font-size: 0.8em;
		margin-top: -11px;
		min-height: 20px;
		max-height: 50px;
	}
	.presentazione_immagine { width: 36%;}
	.presentazione_testo {
		line-height: 25px;
		margin-right: 4%;
		left: 0;
		margin-top: auto;
		margin-bottom: auto;
		font-size: 0.86em;
		display: block;
		position: relative;
		height: 100%;
		width: 64%;
		float: right;
	}
	.p_toniolo1 {display: block;}
	.presentazione_linea_verticale {
		display: block;
		position: relative;
		height: 500;
		width: 1px;
		background-color: var(--gray3);
		z-index: 1; 
		margin-right: 2%;
		padding-left: 0;
		margin-left: 0;
	}
	footer .row h1 {
		font-size: 1.7em;
	}
	footer .row p {
		line-height: 32px;
		font-size: 1.2em;
	}
	footer .row_2 {
		z-index: -2;
		white-space: pre;
		font-size: 1.2em;
		margin-left: -0.5%;
	}
	.column_logo img{
		z-index: 0;
		margin-top: 23px;
		padding-left: 20px;
		height: auto;
		width: 70%;
	}
	.column_testi {
		z-index: 0;
		margin-left: 30px;
		padding-top: 60px;
		padding-bottom: 0;
	}
		.column_testi, .column_logo {
		white-space: normal;
	}
	footer {
		padding-bottom: 20px;
	}
	footer .designer {
		display: block;
		position: relative;
		bottom: 0;
		margin-top: 48px;
		color: var(--footer_gray);
		background-color: var(--gray6);
		text-align: left;
	}
	footer .designer h5 {
		color: var(--footer_gray);
		padding-top: 20px;
		text-align: left;
		margin-left: 4%;
		text-shadow: none;
	}
	

	.card_intro_azienda {
		margin: auto;
		width: 100%;
		float: left;
	}
	.card_espe_preview {
		width: 38%;
		float: left;
		margin: auto;
		margin-left: 11%;
		min-height: 600px;
		max-height: 800px;
	}
	.menu_cards_chi {
		height: auto;
		min-height: 2260px;
		max-height: 2260px;
	}

	.card_subtitle_intro_azienda, .card_subtitle_intro_azienda p {
		width: 83%;
		margin: auto;
		margin-bottom: 17px;
	}
	
	
	.menu_cards_chi .card_contatti {
		display: block;
		width: 38%;
		float: right;
		margin: auto;
		margin-right: 11%;
		min-height: 600px;
		max-height: 800px;}
	
	.menu_cards_chi .card_button {
		
		font-size: 0.8em;
		margin-top: 20px;
		min-height: 20px;
		max-height: 50px;
	}
	
	.menu_cards_contatti{
		height: 900px;
		display: flex;
		flex-direction: row;
		
	}
	.card_contattarci {
		width: 60%;
		float: left;
		padding-bottom: 30px;
	}
	.card_contattarci form{
		padding-bottom: 35px;
	}
	.card_dove {
		padding: 0;
		display: block;
		width: 30%;
		float: right;
		margin-left: auto;
		margin-right: 5%;
		min-height: 700px;
		max-height: 800px;
			height: 580px;
			z-index:1;}

	.card_dove .card_button{
		margin-top: -5px;
	}
	.background_section_cards {
		height: 1480px;
	}
	.logo_servizi {
		padding: 0;
		padding-top: 30px;
		margin: auto;
	}
	.service_info {
		width: 30%;
		margin: auto;
		margin-top: -30px;
		padding-bottom: 100px;
		height: 100px;
	}
	.card_zone {
		
		margin: auto;
		margin-left: 10%;
		margin-top: 10px;
		float: none;
		height: 900px;
		width: 80%;
		padding: 0;
	}
	.background_section_cards .card {
		
		width: 23%;
		height: 36%;
	}
	.servizi_e_contatti {
		font-size: 1.3em;
	}
	.menu_cards_esperienza {
		height: 900px;
	}
	.espe_card_zone {
		display: flex;
		width: 100%;
		height: auto;
	}
	.card_intro_espe {
		height: auto;
		min-height: 100px;
		max-height: 150px;
	}
	.card_esperienza_top {
		float: auto;
		width: 25%;
	}

	.card_esperienza_top .card_button {
		margin-top: 30px;
	}
	.card_esperienza_2 {
		float: left;
		width: 25%;
	}
	.card_esperienza_3 {
		float: right;
		width: 25%;
	}
	.i_15 {
		margin: auto;
	}
	.background_restauro {
		height: 1285px;
	}
	.background_restauro img {
		margin-top: 0;
		padding-top: 0;
		margin-bottom: 50px;
	}
	.background_restauro .service_info {
		padding-top: 0;
		height: auto;
	}
	
	
	
	
	}