@media(max-width:980px){ .container{ width:100%;} }
body{ font-family: 'Droid Serif', serif; background:#f9f9f9; font-size:14px; color:#333; line-height: 20px;}
h1,h2,h3,h4{ color:#333; font-weight:700;}
.maincontainer{ background:#fefefe; box-shadow:0px 0px 14px 5px #d6e1c0; }
h5,h6{font-weight:700;}
a{color:#333;}
p{text-align:justify;}  
.footer{ background:#eee; border-top:3px solid #d6e1c0; padding:20px 0px;color:#222; margin-top:30px;}
.footer .footlink a{ display:block; font-weight:bold; font-size:14px;  }
.footer .footlink  a.sub{margin-left:10px;padding-left:5px; border-left:1px solid #ccc;}
.footer a{ color: #2a6496; text-decoration: underline;}
.home-slide{ position:relative;   width:100%; display:table; height:460px;}
.home-slide .background{
width:100%; height:100%; position:absolute; z-index:10;background-size:cover; 
background-repeat:no-repeat; background-position:center center;  
}
.home-slide .hs-wrp{  background-image:linear-gradient(
     rgba(214,225,192, 0.2),
      rgba(0, 0, 0, 0.5)
    ); z-index:80;position:relative; text-align:center; vertical-align:middle; display:table-cell; width:100%; height:100%;  }

.home-slide .slogan{  font-size:50px;  display:inline-block; color:#f8f8f8; padding:25px 30px;font-weight:400;  text-align:center; }
.home-slide .slogan small{display:block; font-size:20px; color:#f8f8f8;}
.home-slide .brand{ font-size:70px; color:#f9f9f9; width:100%; text-align:center; position:absolute; bottom:0px; } 
.home-slide img{width:200px;}
#menu{border-bottom:4px solid #d6e1c0; z-index:1030; top:0px;left:0px;background:#fff;width:100%;box-sizing: border-box;}
#menu .logo{ height:50px;}
#menu .container{ padding-top:10px; }
#menu a { color:#555; font-weight:400; border-bottom:0px solid #d6e1c0; transition: border-bottom 0.2s, padding-bottom 0.2s; padding:19px 10px; font-size:14px; display:inline-block;}
#menu .btn-scroll{ font-size:16px; font-weight:700; display:none; padding:20px 10px; text-align:center; }
#menu ul{clear:both;list-style:none;}
#menu ul>li{float:left;}

#menu li.pull-right a{padding:0px;padding-top:14px; padding-right:15px;}
#menu .fa-facebook{background:#47639E; color:#fff;border-radius:50%; width:30px; height:30px; text-align:center; line-height:30px;}
.bread{margin:14px 0px;  font-size:12px; background:#d6e1c0; color:#222;padding:10px 0px;  }
.bread a{color:#222;}
.bread .separator{ display:inline-block; padding:0px 11px; color:#222;}

#fb-root {
  display: none;
}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}

.popup-cookie{ background: #fff; position: fixed; bottom: 15px; right: 15px; max-width: 270px; z-index: 9999; padding: 15px; border: 1px solid #eee; box-shadow: 0px 0px 10px #aaa; }
.popup-cookie p{ font-size: 12px; }
.popup-cookie p a{ text-decoration: underline; color: blue }
#map{height:570px;}
@media(max-width:830px){ #menu a{font-size:13px; } }
.prevol{background-position:center center; background-size:cover;background-repeat:no-repeat;}
.vol-box{font-size:30px; display:block;cursor:pointer; background-color:rgba(0, 0, 0, 0.35); text-shadow:1px 1px 1px #222; color:#fff; transition:background 0.2s , box-shadow 0.2s; height:220px; padding:100px 10px;   text-align:center; margin-bottom:20px; border:2px solid #008CFF; }
.vol-box:hover{background:#fff; text-shadow:0px 0px 0px; color:#008CFF;  box-shadow:0px 0px 0px 10px #008CFF;}
@media(min-width:726px){
#menu a:hover {text-decoration:none; border-bottom:8px solid #d6e1c0; padding-bottom:11px;} 
}
#menu .fa-angle-down{ transition: all 0.4s;  }
@media(max-width:755px){ 
	#menu{ border-top:4px solid #d6e1c0; }
	.home-slide{  height:340px;}
	.home-slide .slogan{  font-size:40px;   }
	.home-slide img{width:130px;}
	#menu .btn-scroll{ display:block;}
	.vol-box{font-size:22px; line-height:30px; height:auto; padding:20px 10px; }
	#menu ul{ float:none !important; transition:height 0.2s;  padding:0px 0px; height:0px; overflow:hidden; } 
	#menu ul>li{float:none;display:block; }
	#menu ul>li a{text-align:center; display:block; padding: 14px 10px;} 
	#map{height:290px; margin-top:15px; }
	#menu.active ul{ height:350px;}
	#menu.active .fa-angle-down{ 
		-ms-transform: rotate(180deg); /* IE 9 */
		-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
		transform: rotate(180deg);
	}
}
@media(min-width:866px) AND (max-width:1200px){
	#menu .container{ width:100%; }
}
.subslogan{color:#f9f9f9; font-size:25px;}
.subslogan b{color:#f9f9f9; }

.btn-volontario{ background:#008CFF; color:#f9f9f9; border:1px solid #008CFF;}
.btn-volontario:hover{ color:#f9f9f9; background:#33B1FF; border:1px solid #33B1FF;}
.a-volontario{margin-top:18px; display:inline-block;border:2px solid #008CFF;transition:box-shadow 0.2s , background 0.2s;  padding:12px 20px; color:#008CFF; font-size:38px; font-weight:300; }
.a-volontario:hover{background:#fff; box-shadow:0px 0px 0px 3px #008CFF; text-decoration:none;}
.diventa-volontario{font-size:20px; text-align:center; background:#eee; margin:30px 0px; padding:30px; }

.anews{ background:#eee; padding:15px; border-bottom:2px dotted #ddd; margin-bottom:15px; }
.anews .data{ float:left; border-right:1px solid #ddd; margin-right:10px; margin-bottom:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; }
.anews .day{ text-align:center; font-size:32px; font-weight:400; }
.anews .month{ text-align:center; font-size:15px; font-weight:300; }
.anews h4{margin:0px; padding:0px; margin-bottom:10px;}
.anews p{display:block; max-height:80px; overflow:hidden;}
.anews .linkbar a{color:#888; font-weight:700; font-size:14px;}
.anews .cover{
height:180px; 
margin:2px 0px 7px 0px;
background-size:cover; 
background-position:center center; 
background-repeat:no-repeat;
}
.filter-news{background:#fff; font-size:16px; margin-top:12px; border:1px solid #eee; }
.filter-news .title{background:#eee;padding:10px; font-size:18px;}
.filter-news .wrpf{padding:10px;}
.filter-news .lab{font-weight:700;margin:5px 0px; }
.filter-news .lab-link{display:block; padding-left:10px; margin:3px 0px;}
.filter-news .lab-link:hover{color:#008CFF; cursor:pointer; }
.filter-news .lab-link.active{color:#008CFF; font-weight:700;}

.form-volontario{display:none;}
.form-volontario input, .form-volontario  textarea{margin-bottom:10px;}

.slide{ margin:15px 0px;  background:#eee; }
.slide .item{   height:400px; background-size:cover; background-position:center center; background-repeat:no-repeat; }
.btn-clip{ font-size:20px; padding:20px 4px; margin-top:30px; margin-bottom:22px;}
.btn-clip .fa{ font-size:30px; display:inline-block;}
.well-small h5{font-size:18px; margin-top:0px;}
label+input{ margin-bottom:10px;}
label+textarea{ margin-bottom:10px;}

.aCasa{ background-size:cover; background-position:center center; background-repeat:no-repeat; margin-top:15px; text-decoration:none; display:table; width:100%; height:220px; }
.aCasa:hover{ text-decoration:none; }
.aCasa .wrapper{ transition:background-color 0.3s , font-size 0.3s; text-shadow:0px 0px 12px #333; background-color:rgba(101,103, 232, 0.4); color:#fff; font-weight:bold; display:table-cell; width:100%; height:100%; vertical-align:middle; font-size:24px; text-align:center; }
.aCasa .wrapper:hover{ font-size:28px; background-color:rgba(153,203,255, 0.7);}
@media(max-width:768px){
	.slide .item{ height:270px;}
}
.smrow{bottom:1px solid #ddd; padding-bottom:10px;margin-bottom:10px; }
.cat-title{padding-top:0px; margin:0px 0px 18px 0px;}
.cat-title::first-letter{font-size:30px;font-style:italic;font-weight:400;font-family:""Lobster Two"";}

.btn-collapse{
    display: inline-block;
    color: #fff;
    font-family: arial;
    border-radius: 0.3rem;
    font-size: 14px;
    font-weight: 700;
    padding: 1rem 1.5rem;
    background: #27ae60;
    margin-bottom: 0.5rem;
}

.btn-collapse:hover{
    color: #fff;
    background: #2ecc71;
    text-decoration: none;
}