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

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');


/*---------------- verde: #a3b64a -----   blu : #38528b -----------  grigio testo: #787878  ---------*/

.sezione-privacy {width: 100%; float: left; position: relative; padding: 5px; box-sizing: border-box; color: #787878;}

.sezione-privacy a {font-size: 16px; line-height: 20px; color: #787878; text-decoration: none;}

.mostra-in-mobile {display: none;}

.slide-bottone {
   position: relative;
	overflow: hidden !important;
	width: auto !important;
	display: inline-block;
	cursor: pointer;
	font-size: 15px;
	line-height: 18px;
	font-weight: 600;
	padding: 16px 30px;
	border-radius: 26px;
	background: transparent;
	text-transform: none;
	letter-spacing: .05em;
	transition: 0.3s;
	text-decoration: none;
	color: #ffffff;
	border: 2px solid #ffffff;
}


.slide-bottone::before {
  content: "";
position: absolute;
top: 0;
left: 0;
width: 130%;
height: 55px;
background-color: rgba(255, 255, 255, 0.2);
transform: translate(-110%, 0) skew(-30deg);
transition: 0.5s;
}


.slide-bottone:hover {
  color: #ffffff !important;;
}

.slide-bottone:hover::before {
  transform: translate(-5%, 0) skew(-15deg);
}

.sezione-bottone p {color: #ffffff;	z-index: 99999999999; position: relative; margin: 0px;}

body, html {width: 100%; float: left; text-align: center; margin: 0px; height: 100%; font-family: 'Roboto', sans-serif;}

.logo-centrale {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; max-width: 300px;}

.sezione-sinistra-interna, .sezione-destra-interna {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}

.sezione-sin-e-des {width: 100%; float: left; text-align: center; height: 100%;}

.sezione-sinistra {width: 50%; float: left; background-color: #38528b; height: 100%; position: relative;}

.sezione-destra {width: 50%; float: left; background-color: #a3b64a; height: 100%; position: relative;}

.img-dottore {width: 100%; float: left; position: relative;opacity: 0;}

.img-dottore-interna {height: 590px;}

.img-dottore-interna-grasso {margin-left: -70px;}

.img-dottore-interna-casellato {margin-right: -70px;}

.logo-settore {width: 100%; float: left; margin-bottom: 10px;}

.logo-settore img {height: 60px;}

.sezione-testo {width: 50%; float: none; display: inline-block; color: #FFFFFF; font-size: 16px; line-height: 20px; height: 80px; overflow: hidden;}

.sezione-bottone {width: 100%; float: left; margin-top: 20px;}

.freccetta {max-width: 15px !important; padding-left: 5px;}


.zoom { transition: transform .5s;}

.zoom:hover {transform: scale(1.1);}




@media screen and (max-width: 1700px) {
	
.logo-centrale {max-width: 225px;}
	
}



@media screen and (max-width: 1400px) {
	
.logo-settore img {height: 47px;}
	
.sezione-testo {width: 80%;}	
	
}



@media screen and (max-width: 1000px) {
	
		.sezione-testo {height: auto;}
	
	.logo-centrale {display: none;}
	
	.cancella-in-mobile {display: none;}
	
	.mostra-in-mobile {display: inline-block;}
	
	body, html, .sezione-sin-e-des {height: 100%;}
	
	.sezione-sinistra, .sezione-destra {padding: 10px; box-sizing: border-box;}
	
	.img-dottore-interna {max-width: 100%; height: auto; max-height: 311px;}
	
	.logo-settore img {max-width: 100%; height: auto;}
	
}



@media screen and (max-width: 700px) {
	
		.sezione-sinistra, .sezione-destra {width: 100%; height: 50%; overflow: hidden;}

		.sezione-testo {display: none;}

		.img-dottore-interna  {max-width: 160px;}
	
	.logo-settore img  {max-width: 200px;}

		.sezione-sin-e-des img {width: 100%; height: auto;}

		.sezione-testo {width: 100%;}
	
	.sezione-bottone {margin-top: 0px;}
	
	.slide-bottone {padding: 10px 17px;}
	
}