/* FONT GOOGLE*/

/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
/*  src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2'); */
  src: url(/fonts/Raleway_normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
/*  src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2'); */
    src: url(/fonts/Raleway_normal.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }

/* ---------------------------------------------------------------------------------------*/
/* X TUTTE LE PAGINE*/

.container {
	width: 100%;
	position: relative;
 	max-width: 1280px;
	min-width: 100px;
 	margin: 0 auto;
 	padding: 0;
 	box-sizing: border-box;
} 

.row{
	display: flex;
	flex-wrap: wrap;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0 auto;
} 

.row25{
	flex: 0 0 25%;	
	min-width: 150px;
	max-width: 300px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0 auto;
}

.contenuti .row33{
	flex: 0 0 33%;	
	min-width: 100px;
	max-width: 350px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0 auto;
}

.row33{
	flex: 0 0 33%;	
	min-width: 100px;
	max-width: 340px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0 auto;
}

.halfRow{
	flex: 0 0 50%;
	min-width: 150px;
	max-width: 630px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0 auto;
}

.row75 {
	flex: 0 0 75%;
	min-width: 150px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0 auto;
	}
	
/* For devices smaller than 1050px */
@media (max-width: 1050px) {
	
	.row25 {flex: 0 0 100%;}
	.row75 {flex: 0 0 100%;}
	.contenuti .row33{flex: 0 0 100%;}
	.row33 {
		flex: 0 0 100%;
		max-width: 1020px;	 
	}
	.halfRow .informazioni{flex: 0 0 100%;}
	.halfRow .preventivo {flex: 0 0 100%;}	
}

		
/* For devices smaller than 550px */
@media (max-width: 550px) {			
	
	.halfRow{
		flex: 0 0 100%;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	.contenuti.row33{
		flex: 0 0 100%;
	}
	
}

.corpo{	
	background-color: #F5F5F5;
	text-align:center;	
}

.testoNoHome{
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0px;
}

.testoNoHome p{	
	padding-right: 10px;
	padding-left: 10px;
	margin: 0px;
	margin-right:10px;
}

.testoNoHome h1{	
	padding-right: 0px;
	padding-left: 10px;
	margin-top: 7px;
	margin-bottom: 7px;
}

.testoNoHome h2{	
	padding-right: 0px;
	padding-left: 10px;
}

.emoi{
	font-size:2.0rem;
}


/*----------------------------------------------------------------------------------------*/ 
/* CLASSI ATOMICHE*/ 

.nobr{white-space:nowrap;}
.testoBianco{color:white;}
.testoRosso{color:#ff0040;}
.testoNero{color:black;}
.testoSottolineato{text-decoration: underline;}
.grassetto{font-weight:600;}
.centrato{text-align:center;}
.italic{font-style:italic;}

/*----------------------------------------------------------------------------------------*/ 
/* SELLETTORI DA TAG */

html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

body {
	font-size: 1.1rem;
	line-height: 1.6;
	font-weight: 400;
	font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #222;
	margin: 0;
}
	
div, p {
	margin: 0; 
	padding:0;
}
  
h1,h2,h3{
	margin-top: 0px;
 	margin-bottom:0;
 	padding-top:15px;
}
  
h1 {font-size: 2.2rem; font-weight: 600; color:#595959;}
h2 {font-size: 1.8rem; font-weight: 600; color:#595959;}
h3 {font-size: 1.5rem; font-weight: 500; color:#595959;}
  
@media (max-width: 550px){
  
	h1 {font-size: 1.5rem; line-height: 1.2; letter-spacing: -.1rem;}
	h2 {font-size: 1.4rem; line-height: 1.25; letter-spacing: -.1rem;}
	h3 {font-size: 1.2rem; line-height: 1.0; letter-spacing: -.1rem;}

}

a{text-decoration:none;}
a:active{outline: 0;}
a:hover {
	outline: 0;
	color: #ffb3e0;
}

img {height: auto;}
	 
/* ---------------------------------------------------------------------------------------*/
/*HEADER*/ 	

.margEpadHeader{	
	margin:0px;
	padding:10px;
	padding-top:5px;
}

.margEpadHeader p{
	font-size:1.5rem;
	line-height:1.2;
}

.header{background-color: #696969;}

.animazione {
  animation-name: name;
  animation-duration: 10s;
  animation-iteration-count:infinite;
  animation-delay: 2s;
  animation-direction:alternate;
}

@keyframes name {
	
	from { color: white;}
	to {color:#ff3366;}
	
}


/* scroll menu */

.item-inner {	 
	margin: 0 auto;
}

.itemNavBar{
	width:auto;
	margin:0;
	margin-left:30px;
	margin-right:0px;
}

.navbar1{
	margin:0px;
	padding:0px;
	padding-right:10px; 
	font-size: 1.1rem; 
}

.slidemenu {
	display: flex;
	width: 555px;
	justify-content: flex-end;
	margin-left: auto;
}



/*
.slidemenu span {
	width:auto;
	margin:0;
	margin-left:30px;
	margin-right:0px;
}
*/

.slidemenu-container {
 	width:100%;
 	overflow-x: scroll;
 	background-color:trasparent;	
 	position: relative; 
}

.elemento-senza-scrollbar {
  /* Nasconde la scrollbar su Firefox */
  scrollbar-width: none;
  /* Nasconde la scrollbar su Internet Explorer e Edge */
  -ms-overflow-style: none;
}

.elemento-senza-scrollbar::-webkit-scrollbar {
  /* Nasconde la scrollbar su Chrome, Safari e Opera */
  display: none;
}

div.slidescroll {
	position: sticky;
	display:inline-block;
	bottom: 0;  
	right: 0;
	z-index: 100;	
	background-color: #696969;
	background-image:linear-gradient(to right, rgba(105, 105, 105, 0) 0px, rgba(105, 105, 105) 40px);
	opacity: 70%;
}

/* For devices larger than 550px */
@media (min-width: 550px) {
	
   .navbar1{font-size: 1.2rem;} 
   div.slidescroll {display:none;} 
   .slidemenu {width: 540px;}
}

/* For devices larger than 650px */
@media (min-width: 650px) {
	
   .navbar1{font-size: 1.3rem;}
   .slidemenu {width: 565px;}
    
}

/* ----------------------------------------------------------------------------------------- */
/* HOME PAGE*/ 

.sloganHome{padding:3% 0 3% 0}
  
.sloganHome p{
	text-align: center;
	line-height:1.6;
	font-size:1.4rem;
	font-weight:600px;
	padding:0 3% 0 3%;	
}

/* For devices larger than 520px */
@media (min-width: 520px) {

	.sloganHome{padding:6% 0 0 0;}

	.sloganHome p{
		line-height:1.6;
		font-size:1.4rem;
		font-weight:600px;	
		}
			
}

.fotoHome{
	width:100%;
	max-width:350px;
	margin:2%;
	border-radius: 50%;	
}

/* For devices larger than 520px */
@media (min-width: 520px) {
	
	.fotoHome{max-width:370px;}

}

div.videoCont {width:100%;}

div.video {
	width:100%;
	max-width:646px;
	aspect-ratio: 16/9;
	margin: 0 auto;
	
}
	
.video img {
	width:100%;
	max-width:646px;
	height: 100%;
}
	
.video iframe {
	width:100%;
	max-width:646px;
	height: 100%;
}
									/*CARD*/

.card {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
	width:300px;
	margin:0 auto;
	background-color:#696969;	
	}
 
.card:hover{box-shadow: 0 8px 16px 0 #696969;}
  
.cardUpperPart{	
	background-size:cover;
	background-position: center;
	background-color:#e6e6e6;
	height:170px;
	padding:0px;
	}
	
.sfondoSitiWeb{	background-image: url("/img/siti_c_325x190.png");}	
.sfondoPromozione{background-image: url("/img/promozione_325x190.png");}
	
.sfondoAnalytics{background-image: url("/img/analisi_325x190.png");}
	
.sfondoSocial{background-image: url("/img/advertising_325x190.png");}
	
.cardLowerPart{
	height:160px;
	background-color:#696969;
	padding-bottom:10px;
	padding-top:10px;
	}
	
.cardLowerPart h3{	
	font-size: 1.4rem;
	font-weight: 600;
	padding:0px;
	margin:0px;
	}
	
.cardLowerPart p{
	padding: 0px 8px;
	line-height:1.3;
	text-align:center;
	color:#FFFFFF;
	font-size:1.0rem;
	font-weight: 400;
	}

/* For devices smaller than 550px */
@media (max-width: 550px){
		
	.cardLowerPart p{font-size:1.1rem;}	
		
}

.serviziHome h2{
	padding-bottom:10px;	
}

.serviziHome p{
	text-align: left;
	padding-right: 11px;
	padding-left: 11px;
	margin: 0px;
	
}


/* For devices smaller than 550px */
@media (max-width: 550px){
	
	.serviziHome p{text-align: center;}
}



/* ---------------------------------------------------------------------------------------*/
/* PAGINA SERVIZI */

.servizi{
	text-align: left;
	padding-right: 11px;
	padding-left: 10px;
	margin: 0px;
}

.servizi p{margin:0px;}
.servizi ul{margin:0px;}

.prodotti li{
	list-style-type: "\1F30F";
	padding-right:5px;
	padding-left:5px;
	margin:0px;
}

.insegnamento li{
	list-style-type: "\270D";
	padding-right:5px;
	padding-left:5px;
	margin:0px;
}

.servizi h2{
	margin:0;
	padding-left: 15px;
		
}

/* For devices smaller than 550px */
@media (max-width: 550px){
	
	.servizi h2{padding-left: 0px;}
		
}	

.immServizi{text-align:center;}

.immServizi img{
	width:50%;
	margin-top:5%;
	
}


/* For devices smaller than 550px */
@media (max-width: 550px) {
	
	.immServizi img{
		margin-top:0px;
	}	
}

/* ---------------------------------------------------------------------------------------*/
/* PAGINA SITI WEB */

.sitiWeb{
	text-align:center;
	padding:40px 0px 40px 0px;
}

/* For devices smaller than 550px */
@media (max-width: 550px) {

	.sitiWeb{
		padding:5px 0px 5px 0px;
	}

}
	
.sitiWeb img{	
	margin:auto;
	max-width:350px;	
}

.sitiWeb1{
	padding-top:0px;
	padding-bottom:0px;
}

.sitiWeb1 p{
	margin-right:60px;
}

/* For devices smaller than 550px */
@media (max-width: 550px) {

	.sitiWeb1 p{margin-right:10px;}

}

.prevEinfo{
	text-align:center;
	padding:30px 0px 0px 0px;
}

 .prevEinfo button{
  	font-size:1.2rem;
  	font-weight:600;
	background-color:#F5F5F5;
	border-radius: 15px 15px 15px 15px;
	border-color:#ffb3e0;
	cursor:pointer;
	color:#696969;
	box-shadow: 0 4px 8px 0 #ffb3e0;
 }
 
 .preventivo button{
 	padding:10px 80px 10px 80px;
 }
 
.informazioni button{
	padding:10px 70px 10px 70px;	
}

/* For devices smaller than 550px */
@media (max-width: 550px) {	
	
	.informazioni button{
		margin-bottom:15px;	
	}
	
	.preventivo button{
 		margin-top:15px;
 		margin-bottom:10px;
 	}
	
}

/* ---------------------------------------------------------------------------------------*/
/* PAGINA TECNOLOGIE */

/*Used in the tecnologie page for contenuti*/

.row25a{
	flex: 0 0 25%;	
	min-width: 30px;
	max-width: 150px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin: 0 auto;
}

.row75a {
	flex: 0 0 75%;
	min-width: 100px;
	max-width: 1200px;
	padding-top: 50px;
	padding-bottom: 0px;
	margin: 0 auto;
	}
	
/* For devices smaller than 700px */
@media (max-width: 700px) {	
	
	.row25a{
		flex: 0 0 100%;	
	}
	
	.row75a {
		flex: 0 0 100%;
		padding-top: 10px;
	}
}

/* ----------------------------------------------------------------------------------------- */
/* PAGINA PROGETTI*/ 

.fotoProgetti{	
	border-radius: 50%;	
	width: 100%;
  	margin: 0 0 70px 20px;
}

.fotoProgettiGladiatore{	
	border-radius: 30%;	
	width: 100%;
  	margin: 0 0 70px 20px;
}

/* For devices smaller than 880px */
@media (max-width: 880px) {
	
	.fotoProgetti{
		margin: 0 auto;
		width: 70%;
	}
	
	.fotoProgettiGladiatore{	
		margin: 0 auto;
		width: 70%;
	}
 
}

.row25Progetti{
	flex: 0 0 25%;	
	min-width: 30px;
	max-width: 150px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin: 0 auto;
}

.row75Progetti {
	flex: 0 0 75%;
	min-width: 100px;
	max-width: 1200px;
	padding-top: 10px;
	padding-bottom: 0px;
	margin: 0 auto;
	}
	
/* For devices smaller than 700px */
@media (max-width: 700px) {	
	
	.row25Progetti{flex: 0 0 100%;}	
	.row75Progetti {
		flex: 0 0 100%;
		padding-top:0px;
	}
	
	.row75Progetti h2{padding-top:0px;}
	
}

/* ---------------------------------------------------------------------------------------*/
/* PAGINA CONTATTI */

.boxInsideInformazioni{
	max-width:380px;
	min-width:300px;
	width: 50%;
	margin:auto;
	text-align: center;
	background-color:#696969;
	padding:15px;
	}
	
#formOK p{	
	color:#ffb3e0;
	min-width:320px;
	padding:15px 0px;
	margin:0px;
	margin-top:25px;
	margin-bottom:50px;	
}
   
.formGroup{
	text-align:left;
 	}
        
.contactForm .formGroup{
	margin-bottom: 15px;
	color:#F5F5F5;
}
	
.contactForm label{
	display: flex;
	padding-bottom: 3px;
}

.contactForm textarea, .contactForm input{
	border-radius: 5px;
	font-size: 14px;
	text-align:left;
}

.contactForm input{
	width: 300px;
    height: 33px;
    color: black;
}

.contactForm textarea{
	width: 300px;
    height: 200px;
    color: black;
}

.contactForm .inviaButton{
    background-color: #F5F5F5;
    border: none;
    width: 120px;
    height: 50px;
    font-size: 16px;
    border-radius: 5px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 10px;
    color:#696969;
    cursor: pointer;
}

/* ---------------------------------------------------------------------------------------*/
/* PAGINE CONTENUTI IN GENERALE */

.contenuti{
	padding-left:10px;
	padding-right:10px;
}

.contenuti h1{
	line-height:0.9;
	margin:0px;
	padding-top: 15px;
	padding-bottom:15px;
}
	
.contenuti h2{
	margin-left:0px;
	margin-bottom:0px;
}

.immContenuti{
	max-width:170px;
	margin:auto;
	padding-top:30px;
}

/* ---------------------------------------------------------------------------------------*/	
/* PAGINA CONTENUTO 1 */

.figure{
	text-align:center;	
}

.figure img{
	width:100%;
	max-width:700px;
	margin:0 auto;
	margin-top:10px;
}

/* For devices smaller than 720px */
@media (max-width: 720px) {

	.figure img{
		width:87%;
		max-width:600px;	
	}
	
}
	
.figure p{
	font-style: italic;
	margin:0 auto;
	margin-bottom:10px;
}

.sottotitolo{font-weight:300;}
	
.esempio{
	font-size:1.9rem;
	color:#595959;
}

/* ---------------------------------------------------------------------------------------*/
/* PAGINA CONTENUTO 2 */

.divBlock{
	display:block;
	text-align:center;
	padding-top:2%;
	padding-bottom:2%;
}
	
.divBlock .figcaption{
	padding-left:100px;
	padding-right:100px;
	font-size:1.0rem;	
}

/* ---------------------------------------------------------------------------------------*/	
/* PAGINA Mi PRESENTO */

.fotoChiSono{	
	border-radius: 50%;	
	width: 100%;
  	margin: 0 0 0 20px;
}

/* For devices smaller than 880px */
@media (max-width: 880px) {
	
	.fotoChiSono{
		margin: 0 auto;
		width: 70%;
	}
 
}

.chiSono .row25a{	
	flex: 0 0 25%;	
	min-width: 50px;
	max-width: 200px;
	padding-top: 20px;
	padding-bottom: 10px;
	margin: 0 auto;	
}

.chiSono .row75a{	
	flex: 0 0 75%;
	min-width: 100px;
	padding-top: 20px;
	padding-bottom: 10px;
	margin: 0 auto;	
}

	
/* For devices smaller than 880px */
@media (max-width: 880px) {	
	
.chiSono .row25a{
		flex: 0 0 100%;
		max-width: 600px;	
	}
	
.chiSono .row75a {
		flex: 0 0 100%;
		max-width: 600px;	
	}
}

/* ---------------------------------------------------------------------------------------*/
/*FOOTER*/ 	
	
.margEpadfooter{	
	margin:0px;
	padding:0px;
	padding-left:10px;
	padding-bottom:2px;
	padding-top:10px;
}
.footerContatti{background-color: #696969;}

.footer{text-align: center;}

											/* LOGHI */ 
	
.logo{
	width:70px;
	height:70px;
	border-radius:50%;
	text-align:center;
	border:solid 1px #696969;
	margin-bottom: 10px;
	margin-top:10px;
}

.logoLinkedIn{
	background-color:white;
	margin-right:0px;
	margin-top:10px;
	margin-bottom:15px;
	margin-left:6px;
	padding:5px;
}
 
@media(min-width:550px){
	
	.logoLinkedIn{
		margin-bottom:20px;
	}

}

.pFooter{
	padding:0px;
	padding-left:10px;
	margin:0px;
	} 

	
/* ---------------------------------------------------------------------------------------*/	
/* PAGINA PRIVACY */	

.privacy{	
	padding-top:10px;
	padding-bottom:10px;
	}
	
.privacyFooter{
	height:50px; 
	background-color:#F5F5F5; 
	text-align:center;
	vertical-align:middle;
	padding-top:20px;
}

div.privacy ul{
	list-style-type: disc;
	padding-right:2%;
	text-align:left;}

/* ---------------------------------------------------------------------------------------*/
/* COOKIE BANNER*/

.cookieBanner{
	display: block;
	padding: 3px;
	background-color: #ccc;
	position: fixed; bottom:30px; left:0%; right:0%;
	z-index: 100;
	font-size:0.7em;
	line-height:1.4;
	}

.buttonCookieBanner{
	margin-top:0px;
	margin-left:7px;
	}
	
@media(min-width:550px){
	
	.cookieBanner{
		display: block;
		padding: 3px;
		background-color: #ccc;
		position: fixed; bottom:30px; left:10%; right:10%;
		z-index: 100;
		font-size:0.7em;
		line-height:1.4;
	}
		
	.buttonCookieBanner{
		margin-top:10px;
		margin-left:7px;
		}
	
}