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


a:link, a, a.visited { text-decoration:none; border: none; outline:none; } 
img { max-width: 90%; } 
.nimg{ max-width: 100%; } 
body { font-family: calibri, arial, Times, serif; background-color:#f5f6f7; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration:none; }
a, a:hover, a:active { text-decoration:none; font-size:20px; }
ul,ol { list-style:none; }
h1 { font-size:36px; font-weight:normal; margin:0px; padding:0px;}
h2 { font-size:30px; font-weight:normal;}
h3 { font-size:20px; font-weight:normal; margin-top:50px; margin-bottom:5px; padding-bottom:5px;}

hr {border: none 0; border-top: 1px dashed #CCC;/*the border*/ width: 100%; height: 1px;/*whatever the total width of the border-top and border-bottom equal*/ } 

.wrap_logo { height:auto; width:100%; padding:25px 0; text-align:center;background-color: #30a8e6;}
.logo { width:308px; margin-left:auto; margin-right:auto; }
.wrap_logo2 { height:auto; width:100%; padding-top:20px; text-align:center;}
.services {width:230px; margin-left:auto; margin-right:auto; margin-top:25px; margin-bottom:80px; }
.follow { display:block; float:left; margin-right:10px; }
.clear { clear:both; }

.wrapper { position: relative; margin: 0 auto -20px; }
.footer { width:100%; height:20px; clear: both; }
#footer2 {width:auto; margin-left:auto; margin-right:auto; padding-top:2px; font-size:12px;margin-bottom: 22px;}
/* immagini allineate liquid */

.containerallimm { text-align: center; margin-left: auto; margin-right: auto;

}



.allimm 

{display: inline-block; 

padding: 1px;

text-align: center;

background-color:#30a8e6;
margin-bottom: 15px;

}



.alldidascalia 

{ text-align: center; margin-left: auto; margin-right: auto; font-style:italic; margin-bottom: 0;

background-color: #30a8e6; color: #fff; padding: 4px 0;font-size: 20px; text-transform: capitalize;

}

.sign
{ color: ##634833;

}

/* bottoni speciali */


.boxbutton {
	/* padding: 0.5em 0; */
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
}


/* Box colors */

.bg-3 {
	background: #37474f;
	color: #fff;
}
.bg-3 h4
{
	color: #FFF;
	padding-top: 15px;
}

/* Common button styles */
.button {
	float: left;
	min-width: 150px;
	max-width: 250px;
	display: block;
	margin: 1em;
	padding: 1em 2em;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.button:focus {
	outline: none;
}
.button > span {
	vertical-align: middle;
}

/* Text color adjustments (we could stick to the "inherit" but that does not work well in Safari) */

.bg-3 .button {
	color: #fff;
	border-color: #fff;
}



/* Typography and Roundedness */
.button--text-upper {
	letter-spacing: 2px;
	text-transform: uppercase;
}
.button--text-thin {
	font-weight: 300;
}
.button--text-medium {
	font-weight: 500;
}
.button--text-thick {
	font-weight: 600;
}
.button--round-s {
	border-radius: 5px;
}
.button--round-m {
	border-radius: 15px;
}
.button--round-l {
	border-radius: 40px;
}



/* Individual button styles */


/* Pipaluk */
.button--pipaluk {
	width: 240px;
	/* padding: 1.5em 3em; */
	color: #fff;
	font-size:18px;
}
.button--pipaluk.button--inverted {
	color: #7986cb;
}
.button--pipaluk::before,
.button--pipaluk::after {
	content: '';
	border-radius: inherit;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
	transition: transform 0.3s, background-color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
	transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
}
.button--pipaluk::before {
	border: 2px solid #7986cb;
}
.button--pipaluk.button--inverted::before {
	border-color: #fff;
}
.button--pipaluk::after {
	background: #7986cb;
}
.button--pipaluk.button--inverted::after {
	background: #fff;
}
.button--pipaluk:hover::before {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
.button--pipaluk::before,
.button--pipaluk:hover::after {
	-webkit-transform: scale3d(0.7, 0.7, 1);
	transform: scale3d(0.7, 0.7, 1);
}
.button--pipaluk:hover::after {
	background-color: #3f51b5;
}
.button--pipaluk.button--inverted:hover::after {
	background-color: #fff;
}