html, body
{
	height:100% !important;
	margin:0px !important;
}

.flex
{
	display:inline-flex;
	align-items: center;
}

.full-width:
{
	margin-left:-30px !important;
	margin-right:-30px !important;
}

.header
{
	background-color:#ffffff;
	padding:10px;
	display:inline-flex;
	align-items: center;
	padding-top:20px;
	padding-bottom: 20px;
}

/* XL screen  */
@media screen and (min-width:1200px)
{
	.header
	{
		height:90px;
	}
}

/* Large screen and iPad landscape */
@media screen and (min-width:992px) and (max-width:1200px)
{
	.header
	{
		height:90px;
		padding-top:30px;

	}
}

/*iPad portrait */
@media screen and (min-width:768px) and (max-width:992px) 
{
	.header
	{
		height:75px;
		padding-top:30px;
	}
}

/* iphone landscape  */
@media screen and (min-width:576px) and (max-width:768px)
{
	.header
	{
		height:70px;
	}
}

/* iphone portrait  */
@media screen and (max-width:576px)
{
	.header
	{
		height:70px;
	}
}


/*-----------------*/

.logo2
{
	max-height:75px;
	max-width:367px;
	width: auto;
	height: auto;
	display:block;
	margin-top:2.5px;
	margin-left: auto;
	margin-right: auto;
}


/* XL screen  */
@media screen and (min-width:1200px)
{
	.logo2
	{
		max-height:75px;
		max-width:367px;
		width: auto;
		height: auto;
		display:block;
		margin-top:2.5px;
		margin-left: auto;
		margin-right: auto;

	}
}

/* Large screen and iPad landscape */
@media screen and (min-width:992px) and (max-width:1200px)
{
	.logo2
	{
		max-height:75px;
		max-width:367px;
		width: auto;
		height: auto;
		display:block;
		margin-top:2.5px;
		margin-left: auto;
		margin-right: auto;
	}
}

/*iPad portrait */
@media screen and (min-width:768px) and (max-width:992px) 
{
	.logo2
	{
		max-height:75px;
		max-width:367px;
		width: auto;
		height: auto;
		display:block;
		margin-top:2.5px;
		margin-left: auto;
		margin-right: auto;
	}
}

/* iphone landscape  */
@media screen and (min-width:576px) and (max-width:768px)
{
	.logo2
	{
		max-height: 53px;
		max-width:367px;
		width: auto;
		height: auto;
		display:block;
		margin-top:5px;
		margin-left: auto;
		margin-right: auto;
	}
}

/* iphone portrait  */
@media screen and (max-width:576px)
{
	.logo2
	{
		max-height: 53px;
		max-width:367px;
		width: auto;
		height: auto;
		display:block;
		margin-top:5px;
		margin-left: auto;
		margin-right: auto;
	}
}



/*----------------*/




/*-----------------*/

h1
{
	font-size: 24px;
	text-align:center;
	color:#ffffff;
	position:absolute;

}




img.widget-background
{
	height:auto !important;
}


.cover
{
	background-image: url("../img/stripe-backg.jpg");
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-top:10px;
	min-height:100px;
	position:relative;

}

.visit
{
	font-size:26px !important;
	text-shadow: 2px 2px #2b3440;
	margin-top:12px !important;
}

/* XL screen  */
@media screen and (min-width:1200px)
{
	.avatar
	{
		height: 150px !important;
		width: 150px !important;
		margin-top: -75px !important;
		float:left !important;
		left:calc(50% - 75px) !important;
		position: absolute;
	}
}

/* Large screen and iPad landscape */
@media screen and (min-width:992px) and (max-width:1200px)
{
	.avatar
	{
		/*height: 80px !important;
		width: 80px !important;
		margin-top: -40px !important;
		float:left !important;
		left:calc(50% - 40px) !important;
		position: absolute;*/

		height: 150px !important;
		width: 150px !important;
		margin-top: -75px !important;
		float:left !important;
		left:calc(50% - 75px) !important;
		position: absolute;
	}
}

/*iPad portrait */
@media screen and (min-width:768px) and (max-width:992px) 
{
	.avatar
	{
		/*height: 80px !important;
		width: 80px !important;
		margin-top: -40px !important;
		float:left !important;
		left:calc(50% - 40px) !important;
		position: absolute;*/

		height: 150px !important;
		width: 150px !important;
		margin-top: -75px !important;
		float:left !important;
		left:calc(50% - 75px) !important;
		position: absolute;
	}
}

/* iphone landscape  */
@media screen and (min-width:576px) and (max-width:768px)
{
	.avatar
	{
		/*height: 80px !important;
		width: 80px !important;
		margin-top: -40px !important;
		float:left !important;
		left:calc(50% - 40px) !important;
		position: absolute;*/

		height: 150px !important;
		width: 150px !important;
		margin-top: -75px !important;
		float:left !important;
		left:calc(50% - 75px) !important;
		position: absolute;
	}
}

/* iphone portrait  */
@media screen and (max-width:576px)
{
	.avatar
	{
		/*height: 80px !important;
		width: 80px !important;
		margin-top: -40px !important;
		float:left !important;
		left:calc(50% - 40px) !important;
		position: absolute;*/

		height: 150px !important;
		width: 150px !important;
		margin-top: -75px !important;
		float:left !important;
		left:calc(50% - 75px) !important;
		position: absolute;
	}
}


/* div contenente i dati del dipendente */
.info-container
{
	background-color:rgba(255, 255, 255, 0.8);
}

.main-name
{
	font-size:28px;
	text-transform:uppercase;
	font-weight: 400;
}

.main-name > small
{
	color:#83959a !important;
	margin-top:8px;
}


.info-container
{
	margin-top:45px;
}


.fa-icon-container
{
	
}


.fa-icon-container > h3
{
	color:#83959a;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}


/* iphone portrait  */
@media screen and (max-width:576px)
{
	.fa-icon-container > h3
	{
		font-size:20px !important;	
	}
}

.fa-icon-container > h3 > i
{
	color:#c5161d;	
	margin-bottom:15px;
}

.fa-icon
{

}


.downloadBtn
{
	color:#ffffff;
	background-color:#c5161d;
	margin-top:15px;
	margin-bottom:50px;
}

.downloadBtn:hover
{
	background-color:#84969a;
	color:#ffffff;
}

.wrap
{
	min-height:100% !important;
	margin-bottom:-120px !important;
}

.wrap:after
{
	content:" ";
	display:block;
	height:120px;
}


footer
{
	background-image: url("../img/stripe-backg-gradient.jpg");
	background-size:cover;
	background-position: bottom;
	background-repeat: no-repeat;
}



/* XL screen  */
@media screen and (min-width:1200px)
{
	footer
	{
		padding: 20px;
		min-height:200px !important;
		position:absolute;
		bottom: -100%;
		
	}
}

/* Large screen and iPad landscape */
@media screen and (min-width:992px) and (max-width:1200px)
{
	footer
	{

		padding: 20px;
		min-height:200px !important;
		position:absolute;
		bottom: -100%;
		margin-top: 5%;

	}
}

/*iPad portrait */
@media screen and (min-width:768px) and (max-width:992px) 
{
	footer
	{

		padding: 20px;
		min-height:120px !important;
		position:absolute;
		bottom: -100%;

	}
}

/* iphone landscape  */
@media screen and (min-width:576px) and (max-width:768px)
{
	footer
	{

		padding: 20px;
		min-height:120px !important;
		max-height:120px !important;
		position:absolute;
		bottom: -100%;
	}

}

/* iphone portrait  */
@media screen and (max-width:576px)
{
	footer
	{
		padding: 20px;
		min-height:120px !important;
		max-height:120px !important;
		position:absolute;
		bottom: -80%;
	}

}



/*--------*/

footer > p
{
	color: #2b3440;
	/* font-weight:bolder; */
	/* text-shadow: 1px 1px #ffffff; */
}

/* XL screen  */
@media screen and (min-width:1200px)
{
	footer > p
	{
		font-size:18px;
	}
}

/* Large screen and iPad landscape */
@media screen and (min-width:992px) and (max-width:1200px)
{
	footer > p
	{
		font-size:16px;
	}
}

/*iPad portrait */
@media screen and (min-width:768px) and (max-width:992px) 
{
	footer > p
	{
		font-size:16px;
	}
}

/* iphone landscape  */
@media screen and (min-width:576px) and (max-width:768px)
{
	footer > p
	{
		font-size:14px;

	}
}

/* iphone portrait  */
@media screen and (max-width:576px)
{
	footer > p
	{
		font-size:14px;
	}
}

.mail-link
{
	color:#83959a;
}

.mail-link:hover,
.mail-link:active
{
	text-decoration: none;
}