/* disable the auto adjustment (chrome problem) */
* {
	-webkit-text-size-adjust: none;
}

body {
	margin: 0;
	padding: 0;
	font-family: "Open Sans", raleway, Arial, Helvetica, sans-serif;
	font-feature-settings: normal;
	font-kerning: auto;
	font-language-override: normal;
/* 	font-optical-sizing: auto; */
	font-weight: normal;
	font-size: 22px;
}

h1 {
	font-weight: normal;
	font-size: 36px;
	margin: 0px;
	padding: 0px;
}

h2 {
	font-weight: normal;
	font-size: 18px;
}

h3 {
	font-weight: normal;
	font-size: 14px;
}

big {
	font-weight: normal;
	font-size: 52px;
}

a, a:link, a:visited, a:active {
	color: inherit;
	text-decoration: none;
	font-style: italic;
}

a:hover {
	font-weight: bold;
}

.edea {
	color: #0D3954;//#224E69;
	font-weight: bold;
}

.edea-white {
	color: #EEEEEE;//#224E69;
	font-weight: bold;
}

/* GENERICs */
.area-body {
	/* 	display: flex; */
	/* 	flex-direction: column; */
	
}

.area-row {
	padding: 15px 15px 15px 15px;
}

.area-row-big {
	padding: 10px 15px 50px 15px;
}

/* AREE PUNTUALI */
.area-section-topmenu {
	background-color: white;
	display: flex;
	flex-direction: row;
	justify-content: left; /* space-around; */
}

.area-section-topmenu-link {
	padding: 0 20px 0 20px;
}

.area-section-main {
	background: transparent url('../images/1.jpg') no-repeat left top;
/* 	opacity: 0.5; */
	background-size: cover;
	background-attachment: fixed;
	height: 300px;
}

.area-section-main-content {
	margin-top: 20px;
}

.area-section-bkgimage1 {
	background: transparent url('../images/1light.jpg') no-repeat left top;
/* 	opacity: 0.5; */
	background-size: cover;
	background-attachment: fixed;
	height: 160px;
}

.area-section-bkgimageBanner {
	background: transparent url('../images/banner.png') no-repeat left top;
/* 	opacity: 0.5; */
	background-size: 90%;
	height:50px;
}

.edealogo {
	background: transparent url('../images/edea.png') no-repeat left top;
	background-size: 100% 100%;
	height: 100px;
	width: 400px;
}

.shapeWidelogo {
	background: transparent url('../images/shapewide.png') no-repeat left top;
	//background-size: 50% 50%;
	height: 50px;
	width: 400px;
}

.area-section-type1 {
		color: #686868;
	background-color: white;
	text-align: center;
}

.background-black {
	background-color: #000000;
}

.background-blue {
	background-color: #224E69; /* #224E69; */
}

.background-grey {
	background-color: #2D373C; /* #224E69; */
}

.area-section-type2 {
	text-align: center;
	color: white;
}

.area-section-type2 h1 {
	color: #FFB900;
}

.row {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.col {
	margin: 10px;
	padding: 10px 10px;
	border: 10px;
	text-align: center;
	flex: 1;
}

.area-section-footer {
	text-shadow: none;
	margin-top: 50px;
	text-align: center;
}

.whiteshadowedfont {
	text-shadow: rgb(235, 235, 235) 0px 1px 2px;
}

/* box-shadow: 0 1px 0 rgba(0,0,0,.1) ,0 2px 0 rgba(255,255,255,.9); */
/* #EEEEEE grey back A */
/* #4D8DC4 cyan forg A*/
/* #0058A3; blue back B*/

/* MEDIA QUERIES */
@media screen and (max-width: 1300px) {
	.area-section-main {
		font-size: 1.7vw;
	}
}

@media screen and (max-width: 800px) {
	.area-section-main {
		font-size: 12px;
	}
	.fiveicons {
		flex-direction: column;
	}
}

@media screen and (max-width: 700px) {
	.area-section-type1>.row, .area-section-type2>.row {
		flex-direction: column;
	}
	.area-section-main {
		font-weight: bold;
	}
}


/* -----------------------------------------
  =CSS3 Loading animations
-------------------------------------------- */

/* =Elements style
---------------------- */
.edea2line {
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 15px;
	background-color: #4b9cdb;
}

.edea2ring {
	width: 10px;
	height: 10px;
	margin: 0 auto;
	padding: 10px;
	border: 7px dashed #4b9cdb;
	border-radius: 100%;
}

.edea2spinner {
	position: relative;
	width: 45px;
	height: 45px;
	margin: 0 auto;
}

.edea2ball1, .edea2ball2 {
	position: absolute;
	top: 0;
	width: 25px;
	height: 25px;
	border-radius: 100%;
	background-color: #4b9cdb;
}

.edea2ball2 {
	top: auto;
	bottom: 0;
}

/* =Animate the stuff
------------------------ */
.edea2bouncinglines .edea2line:nth-last-child(1) {animation: edea2load1 1.5s 1s infinite;}
.edea2bouncinglines .edea2line:nth-last-child(2) {animation: edea2load1 1.5s .5s infinite;}
.edea2bouncinglines .edea2line:nth-last-child(3) {animation: edea2load1 1.5s 0s infinite;}

.edea2rotatingcycles .edea2ring {animation: edea2load2 1.5s .3s cubic-bezier(.17,.37,.43,.67) infinite;}

.edea2swingingballs .edea2spinner {animation: edea2load3 2s linear infinite;}
.edea2swingingballs .edea2ball1, .edea2swingingballs .edea2ball2 {animation: bounce 2s ease-in-out infinite;}
.edea2swingingballs .edea2ball2 {animation-delay: -1.0s;}

@keyframes edea2load1 {
    0% {width: 15px;}
    50% {width: 35px;}
    100% {width: 15px;}
}

@keyframes edea2load2 {
    0% {transform: rotate(0deg);}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}

@keyframes edea2load3 {
    100% {transform: rotate(360deg);}
}

@keyframes bounce  {
  0%, 100% {transform: scale(0.0);}
  50% {transform: scale(1.0);}
}