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

* {
	padding:0;
	margin:0;
}

html, body {
	background-color:#fff;
	height:100%;
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	color:#1f1f1f;
}
a {
	color:#600;
	text-decoration: none;
	cursor:pointer;
}
a:hover {
	text-decoration: none;
	border-bottom: 2px solid #600;
}

.skrollr-desktop body {
	height:100% !important;
}

p {
	margin:1em 0;
}

ul {
	padding:0 inherit;
}

.parallax-image-wrapper {
	position:fixed;
	left:0;
	width:100%;
	overflow:hidden;
}

.parallax-image-wrapper-50 {
	height:50%;
	top:-50%;
}

.parallax-image-wrapper-100 {
	height:100%;
	top:-100%;
}

.parallax-image {
	display:none;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	background-size:cover;
}

.parallax-image-50 {
	height:200%;
	top:-50%;
}

.parallax-image-100 {
	height:100%;
	top:0;
}

.parallax-image.skrollable-between {
	display:block;
}

.no-skrollr .parallax-image-wrapper {
	display:none !important;
}

#skrollr-body {
    width: 100%;
	height:100%;
	overflow:visible;
	position:relative;
}

.gap {
	background:transparent top no-repeat;
	background-size:cover;
}

.skrollr .gap {
	background:transparent !important;
}

.gap-50 {
	height:50%;
}

.gap-100 {
	height:100%;
}

.topmenu {
	position:fixed;
	top: 0;
	left:0;
	width:100%;
	background: rgba(0,0,0,0.5);
	z-index:4000;
}
.intro img {
	position:absolute;
	top:140px;
	height:70%;
	max-height: 466px;
}

.topmenu .wrap, .content {
	padding:5px 20px;
	max-width: 1024px;
	margin: auto;
  
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.topmenu ul {list-style:none;float:right;padding:0;}
.topmenu ul li {display: inline-block;padding: 35px 20px;position:relative;color:#fff;}
.topmenu a, .footer a {color:#fff;text-decoration:none;font-weight: bold;}
.topmenu a:hover, .footer a:hover {padding-bottom: 4px;border-bottom: 2px solid #fff;}
.topmenu a.fa {display:none;float: right;display: block;cursor: pointer;margin-right: -20px;}
.topmenu a.fa:hover {border:none;}
.topmenu a.fa i.fa {display: none;color: #fff;font-size: 35px;opacity:0.8}
.topmenu a.fa i.fa:hover {opacity:1}
.footer h3 {font-weight: normal;font-size: 14px;text-align: center;}

.topmenu div.cosapuoifare {position:absolute;border-radius: 0 0 5px 5px;padding: 0 5px;margin-top: 4px;/*background: rgba(0,0,0,0.5);*/}
.topmenu div.cosapuoifare i.fa {margin:0 3px;vertical-align:middle;}
.topmenu div.cosapuoifare i.fa-mobile {font-size:40px;}
.topmenu div.cosapuoifare i.fa-users {font-size:25px;}
.topmenu div.cosapuoifare i.fa-comments-o {font-size:30px;}
.topmenu div.cosapuoifare a:hover {border:none;padding-bottom:12px;opacity:0.8;}

.topmenu img#logoCuamm {width:230px;height:auto;}



.content {
	padding:60px 20px 90px 20px;
}

.content.footer {
	background-color: #1f1f1f;
	color: #fff;
	padding: 20px;
	max-width: none;
	text-align:center;
}

h1.post-title {
	text-align: center;
	font-size: 50px;
	border-bottom: 2px solid #1f1f1f;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.content-full {
	height:100%;
}

#done {
	height:100%;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
hr {
	clear:both;
	border: none;
}
blockquote {
	margin-top:20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 1.5em;
}
#nseC blockquote {
	margin: 50px 0;
	background: #1f1f1f;
	color: #fff;
	padding: 10px 25px;
	width: 100%;
	border-radius: 5px;
}
blockquote img {
	width:330px;
	height:220px;
}
blockquote span.autore {
	font-family: 'PT Sans', sans-serif;
	font-style:normal;
	line-height: 1.2em;
	display:inline-block;
	margin-top: 20px;
	border-top: 1px solid #1f1f1f;
	padding-top: 5px;	
}
div.firma, div.sms, div.kit, div.social {
	width: 22%;
	float: left;
	padding: 0 2% 0 1%;
}
div.firma i.fa, div.sms i.fa, div.kit i.fa, div.social i.fa {
	font-size:40px;
	display:block;
	height:70px;
}
div.sms i.fa {font-size:60px;}


/* ADDTHIS */
div.addthis_toolbox {margin-top:20px;}
div.addthis_toolbox a {margin-right:5px;}
div.addthis_toolbox a:hover {border:none;}

/* FIX MOBILE DETECTION */
.parallax-image-wrapper.mobile {position:absolute !important;}
/* body.mobile .topmenu {position:absolute !important;} */
body.mobile img#logoCuamm {width:150px;}
body.mobile .topmenu i.fa {font-size:50px;}

/* ASIDE */
div#postit {
	position: absolute;
	top:200px;
	right:20px;
	width:250px;
	z-index: 5000;
	background:#FFC;
	color: #000;
	font-family: 'Indie Flower', cursive;
	font-size:20px;
	padding: 15px 10px 15px 20px;
	transform: rotate(-3deg);
	border-bottom-left-radius: 50% 20px;
	border-bottom-right-radius: 100% 50px;
	-webkit-box-shadow: -5px 10px 15px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: -5px 10px 15px rgba(0, 0, 0, 0.25);
	box-shadow: -5px 10px 15px rgba(0, 0, 0, 0.25);
	cursor:move;
}
div#postit i.fa {display:none;}
div#postit ul {padding:inherit;}
div#postit ul li {line-height:20px;margin: 20px 0;}
div#postit a {color:#8C5A1F;}
div#postit a:hover {border:none;color:#000;}
div.popup {
	display:none;
	position: fixed;
	top: 50px;
	width: 480px;
	color:#fff;
	background: #000;
	left: 50%;
	margin-left: -200px;
	z-index: 5000;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
	cursor:move;
	font-size: 14px;
	opacity:0.9;
}
div.popup i.fa {color:#777;float:right;font-size: 25px;}
div.popup i.fa:hover {color:#fff;}
div.popup h1.post-title {
	text-align: center;
	border-bottom: 1px solid #fff;
	padding: 10px;
	margin: 20px 0;
	font-size:20px;
}
div.popup a {color:#BF7B3E;}
div.popup a:hover {border:none;color:#fff;}
div.content a.pp1:after, div.content a.pp2:after, div.content a.pp3:after, div.content a.pp4:after {
	content:'\f08e';
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	margin:0px 0px 0px 10px;
	text-decoration:none;
}

a.privacy {
	font-size:11px;
	position:fixed;
	right:0;
	bottom:0;
	border-radius:5px 5px 0 0;
	padding: 10px;
	background: #1f1f1f;
}
a.privacy:hover {
	border:none;
	padding: 10px;
	background:#85152e;
}

@media screen and (max-width: 990px) {
	h1.post-title {font-size:40px;}
	
	.topmenu {position: absolute;}
	.topmenu i.fa {display:block !important;}
	.topmenu ul {display: none;width:100%;float:none;}
	.topmenu ul li {display: block;padding: 15px;text-align:center;margin: 1px;background: #1f1f1f;}
	.topmenu ul li a {font-size:18px;}
	.topmenu div.cosapuoifare {display:none;}
	
	blockquote {width:85% !important;}
	blockquote img {display:block !important;float:none !important;margin:0 0 10px 0 !important;}
	body.mobile blockquote img {max-width: 100%;height: auto;}
	blockquote p {text-align:left !important;}
	
	div.firma, div.sms, div.kit, div.social {width:100%;float:none;margin-bottom:50px;}
	div.firma i.fa, div.sms i.fa, div.kit i.fa, div.social i.fa {height:50px;margin-bottom: 10px;border-bottom: 1px solid #000;}
	div.sms i.fa {height:70px;}
}

@media screen and (max-width: 500px) {
	div#postit {display:none;}
	div.popup {width:270px;margin-left:-150px;}
	blockquote img {width: 280px;height: 190px;}
}