body{font-family: 'Outfit', sans-serif !important;}
:hover{  transition: all 0.5s ease !important;
}



.slideregrande a, .slideregrande {
font-weight: 800;
    text-shadow: 1px 1px 1px #000;
    text-transform: uppercase;
    font-size: 40px;
    color: #fff !important;
	text-decoration: none !important;

}.slideregrande a:hover{	text-decoration: none !important;
color:#f6a91d !important;}
.sliderpiccolo{font-size: 16px;
    text-shadow: 1px 1px 1px #000 !important;

}
h3.boxxilibrerianera a{
	font-family: 'Outfit', sans-serif !important;
    font-weight: 800 !important;
    font-size: 32px !important;
    text-transform: uppercase !important; 
    line-height: 33px !important;
    color: #000 !important;
text-decoration: none !important;}

h3.boxxilibrerianera a:hover{color: #f6a91d !important;}
h3.boxxettiarancio a{
	font-family: 'Outfit', sans-serif !important;
    font-weight: 800 !important;
    font-size: 32px !important;
    text-transform: uppercase !important; 
    line-height: 33px !important;
    color: #f6a91d !important;
text-decoration: none !important;}
h3.boxxettiarancio a:hover{color: #000 !important;}
.center{
	text-align:center !important;}
#arancio{
	width:100%;
	float:left;
	background-color:#f6a91d;}
#fasciagreen{
	width:100%;
	float:left;
	background-color:#85ca7c;
	padding-bottom:35px;
	padding-top:35px;}
	.sosteni{color: #fff;
	    float: left;
width: 100%;
    font-size: 70px;
    font-weight: 300;}
	.sosteni strong{
		font-weight:900;}
	.green{    width: 100%;
    float: left;
    text-align: right;
    font-size: 80px;
    font-weight: 900;
    line-height: 45px;
	color:#398030 !important;}
	.testogreen{	font-family: 'Outfit', sans-serif !important;
	font-weight:300;
	font-size:16px;
		margin-top:45px;
	 width: 100%;
	 color:#398030;
    float: left;
	text-align:center;}
::selection{
	background-color:#f6a91d;}
	#spacerlaura{
		    width: 100%;
    float: left;
    height: 200px;}
#back_to_top {

    position: fixed;
    bottom: 50px;
    right: 15px;
    cursor: pointer;
	z-index:10000;
	color:#333;
}

.margintop80{
	margin-top:80px;}
.percent img{
	max-width:100%;}
.navbar-nav > li > a{
	font-family: 'Outfit', sans-serif !important;
	font-weight:300;
	letter-spacing: 0.1em;
}
.nav > li > a{color:#000 !important;
	padding-left:6px !important;
	padding-right:6px;}
	.nav.navbar-nav > li > a:hover	{color:#333 !important;
		background-color:#FFF !important;
		
		 -webkit-transition: color .15s linear;
       -o-transition: color .15s linear;
          transition: color .15s linear;
		  
		  
		 -webkit-transition: background-color .15s linear;
       -o-transition: background-color .15s linear;
          transition: background-color .15s linear;}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
	
	
{    color: #000 !important;

	
	
	background-color:#FFF !important;}
	
.separatorbig{display:block;
			width:25% !important;
			margin-bottom:15px;
			

	margin-left:auto;
	margin-right:auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}	
	
	
	#logo{
		width:100px;
		float:left;
		text-align:center;}
.col-sm-12.wws
{	margin-bottom:60px;
	text-align:center;
	margin-top:35px;
	}	
	#fasciauno{
		float:left;
		width:100%;
		background-color:#eee;
		padding-bottom:0px;
		padding-top:25px;}
	
	.col-sm-12.wws h1{text-transform:uppercase;
	font-weight:300 !important;}	
		.col-sm-12.wws h2{	font-weight:300 !important;

	font-style: italic;
	font-size:18px !important;
	padding-top:0px;
	margin-top:0px;
	color: #666;
	margin-bottom:35px;
}	
	.col-sm-12.portfolio h2{		text-transform: uppercase;
	font-weight:600 !important;
	font-size:20px !important;
font-family: 'Cormorant Garamond', serif;
	color:#000;
	line-height: 24px;
}
	.col-sm-12.wws img{
		width:100%;
		height:auto;}
	.col-sm-8.wws{
	text-align:left;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999;
}.col-sm-8.grafica img {
	width:100%;}
.col-sm-12.formazione img{
	width:100%;}
.col-sm-8.wws2{
	text-align:left;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999;
}

.col-sm-4.wws{
	text-align:left;

}.col-sm-4.wws2 ul, .col-sm-4.wws ul{
	margin-top:15px;
	text-align:left;
	list-style-image: none;
	list-style-type: none;
	}
.col-sm-4.wws ul{
	padding-left:0px;
	margin-left:0px;}
	.col-sm-4.wws2 li, .col-sm-4.wws li {
		margin-bottom:5px;}
.col-sm-4.wws2 li a, .col-sm-4.wws li a, .col-sm-4.wws2 li a h3, .col-sm-4.wws li a h3{	color:#666;
font-size:15px !important;
font-weight:600 !important;
text-transform:uppercase !important;}
.col-sm-4.wws2 li, .col-sm-4.wws li{
	width:100%;
	float:left;}
.col-sm-4.wws2 li a h3, .col-sm-4.wws li a h3{
	float:left;
	padding:0px !important;
	margin-top: 18px !important;
	margin-right: 0px !important;
	margin-bottom: 0px !important;
	margin-left: 5px !important;
}
	.col-sm-4.wws2 li a img, .col-sm-4.wws li a img{
		float:left;}
.col-sm-4.wws2 li a img, .col-sm-4.wws li a img{
	width:auto;
	margin-right:5px;}
	.col-sm-4.wws2 li a:hover img, 	.col-sm-4.wws li a:hover img{ -webkit-transition: opacity .15s linear;
       -o-transition: opacity .15s linear;
          transition: opacity .15s linear;
		  
		opacity:0.5;}
.col-sm-4.wws2 li a:hover, .col-sm-4.wws li a:hover, .col-sm-4.wws2 li a h3:hover, .col-sm-4.wws li a h3:hover{color:#f6a91d;
 -webkit-transition: color .15s linear;
       -o-transition: color .15s linear;
          transition: color .15s linear;
text-decoration:none;}
	.col-sm-8.wws h1, .col-sm-8.wws2 h1{
	text-transform: uppercase;
	font-weight:300 !important;
	font-size:28px !important;
	font-family: 'Cormorant Garamond', serif;
	color:#f6a91d;
	line-height: 24px;
}.col-sm-6.laura img{
	width:100%;
	height:auto;}
.col-sm-6.comunicazione.centra{
	text-align:center;}
.col-sm-4.web h3{
	text-transform:uppercase;
	font-size:18px;}
	.col-sm-4.web{
		margin-bottom:35px;
	}
button.wws{	float:right;}
button.wws.center{	float:none;
margin-left:auto;
margin-right:auto;
margin-bottom:35px;}
button.wws{
	background-color:#c5d55a;
	border: 1px solid #c5d55a;
	color:#333;
	text-transform:uppercase;
	padding:10px;
	font-weight:600;

	min-width:280px;
}
.container.center{
	text-align:center;}
	button.wws a{
		color:#000;}
			button.wws a:hover{
				text-decoration:none;
				
		color:#FFF;}
	button.wws:hover{
		color:#FFF;
		background-color:#f6a91d;
		border: 1px solid #f6a91d;
		 -webkit-transition: background-color .15s linear;
       -o-transition: background-color .15s linear;
          transition: background-color .15s linear;}
	footer{padding-top:30px;
	float:left;
	width:100%;
	
		background-color:#f6a91d;
		
		color:#FFF;
		padding-bottom:20px;}
	footer a{
		color:#fff;}
		footer a:hover{ -webkit-transition: color .15s linear;
       -o-transition: color .15s linear;
          transition: color .15s linear;
		  text-decoration:none;
			color:#333;}
	footer .fa-2x{
		margin-right:10px;
		margin-bottom:25px;
		float:left;}
	
	/*slide portfolio*/
	


.container-slider{position: relative; width:100%; margin: 40px auto;
}
.container-slider a{
	color:#000;}
.container-slider a:hover{color:#f6a91d;}
.slider-nav div img{	border: 10px solid #FFF;}
.slider-nav div{
	text-align: left !important;
	display: block;
	margin-left:8px;
	margin-right:8px;

}

.slider-for div img,
.slider-nav div img{width:100%; float:left;}

.slider-for div h3,
.slider-nav div h4{float:left; width: 100%}


.slick-dots{bottom:-50px!important;}
.slick-dots li button:before{font-size: 17px!important;}

.slick-slider {
    margin-bottom: 0px!important;
}
.slick-prev{left: -30px!important}

.slick-prev:before,
.slick-next:before{
   color: #000!important;
}
	/*fine slide portfolio*/
	
	.social{
		margin-right:5px;
		}
		a .social:hover{ -webkit-transition: opacity .15s linear;
       -o-transition: opacity .15s linear;
          transition: opacity .15s linear;
		  
		opacity:0.5;}
	/*cookie*/
	/*
	
#cookielaura{
	position:fixed;
	width: 100%;
	left: 0;
	bottom: 0;
	background: #333;
	background: rgba(51,51,51,0.95);
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.35);
	z-index: 99999;
	text-align: center;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	padding-top: 0.5em;

	padding-bottom: 0.5em;

}
#cookielaurainterno{
	background-color:#fbb900;
	padding-top:4px;
	padding-bottom:4px;
	text-align:center;}
#cookielaura a{
	color:#fff;}
#cookielaura a:hover{
	color:#fbb900;}
#cookielaura input {
	background-color: #fbb900;
	border: 1px solid #fbb900;
	padding-top:5px;
	padding-bottom:5px;
}
#cookielaura input:hover{
	background-color:#b5ef63;
	border: 1px solid #b5ef63;}
.rimuovicookieinterno {
	background-color: #CCC;
	border: 1px solid #CCC;
	padding-top:5px;
	padding-bottom:5px;
	text-transform: uppercase;
}
.attivacookieinterno {
	background-color: #fbb900;
	border: 1px solid #fbb900;
	padding-top:5px;
	padding-bottom:5px;
	text-transform: uppercase;
}
#cookielaurainterno input{
	background-color: #FFF;
	border: 1px solid #FFF;
	padding-top:3px;
	padding-bottom:3px;
}*/
	/*fine cookie*/
	.col-sm-6.wws .col-sm-6.wws{
		padding-left:0px !important;}
	.col-sm-3.wws h3, 	.col-sm-6.wws h3, .col-sm-3.wwsportfolio h3{
		text-transform:uppercase;
		font-size:16px;
		font-weight:600;}
	.col-sm-3.wws, .col-sm-3.wwsportfolio{
		margin-bottom:35px;}
.col-sm-3.wwsportfolio img{
	border:1px solid #ccc;}
	.col-sm-3.wws img, .col-sm-3.wwsportfolio img{
		margin-bottom:15px;
		width:100%;
	}
	#contenitoreflex{width: 100%;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
   /* justify-content: space-around;*/}
	
	.col-sm-3.wws  a, .col-sm-12 a, .col-sm-6 a, .col-sm-3.wwsportfolio  a{
		/*color:#f6a91d;*/}
		.col-sm-3.wws  a:hover, .col-sm-12 a:hover, .col-sm-6 a:hover, .col-sm-3.wwsportfolio  a:hover{
		color:#333;}
		.col-sm-3.wws  p, .col-sm-3.wwsportfolio  p{
			min-height:370px;}
			
			
	.col-sm-6 a	{
		color:#000;
		text-decoration:underline;}	
			.col-sm-6 a:hover{
				color:#f6a91d;}	
			.col-sm-8.wws h1 a, .col-sm-8.wws2 a{color:#f6a91d;}
			.col-sm-8.wws h1 a:hover, .col-sm-8.wws2 a:hover{color:#000;
			text-decoration:none !important;}
			
.col-sm-6.filatelia img{
	max-width:100%;
	height:auto;}		.col-sm-6.filatelia h3 a:hover, .col-sm-4.filatelia h3 a:hover{color:#f6a91d;}
	.col-sm-6.filatelia h3 a, .col-sm-4.filatelia h3 a{
		display:block;
		height:40px;
		font-weight:600;
		color:#000;
		font-size:14px;
		text-transform:uppercase;
		text-decoration: underline;}		
	.container.filatelia{
		margin-bottom:40px;}
	.col-sm-12.filatelia.francobollo{
		text-align:center;}
		
		
		
		#cerchiolight{display: table;
	float:left;
	margin-right:20px;
    color: #f6a91d;
    border-radius: 50%;
    width: 45px;
    height: 45px;
			margin-bottom: 15px;
	border:2px solid #666;
 
    vertical-align: middle;}
	
	#cerchio{display: table;
	float:left;
	margin-right:20px;
    color: #fff;
    border-radius: 50%;
    width: 45px;
    height: 45px;
		margin-bottom: 15px;
    background-color: #f6a91d;
    vertical-align: middle;}	
		#cerchio:hover, #cerchiolight:hover{
			opacity:0.5;}
		#cerchio .fas, #cerchiolight .fas, #cerchiolight .fab, #cerchiolight .far{text-align: center;
    display: table-cell;
    vertical-align: middle}
		
		
		
		
		#color{
		width: 100%;
    background-color: #f7f7f7;
    float: left;}
		
		
		
	@media (min-width:961px)	{
		
			nav.navbar{
				position: fixed;
    top: 0px;
    z-index: 999;
    width: 100%;}}
		
		@media (min-width:mar 961px) and (max-width: 1200px){
		
		.nav > li > a{
			
			font-size:14px !important;
			font-weight:500 !important;
	padding-left:4px !important;
	padding-right:4px!important;}
	nav .container{
		width:99% !important;}
		}
		@media     (max-width: 959px) {
			.sosteni{
    font-size: 40px;
    }
			.mobdistanza{
				margin-top: 35px !important;
			}
			.percentuale img{
	width: 100%;
}
			.navbar-nav > li{
				margin-left: 30px !important;
			}
			.slideregrande a, 	.slideregrande {
	font-size: 22px;

			}.separatorbig{
				margin-bottom: 15px;
			}
			
		.col-sm-8.wws2, .col-sm-8.wws{
				border:none !important;}
			
			.flexslider, .flex-viewport	{height:300px !important;}
		.flexslider .slides li 	{  height:300px !important; }
			.flexslider .slides		{  height:300px !important; }
			.flex-caption h1, .flex-caption h1 a	{
	
	font-size: 22px !important;}
	.flex-caption p, .flex-caption h2	{
	font-size: 16px !important;}
	.col-sm-4.wws2 ul{
		padding-top:35px !important;}
		.col-sm-4.wws2 li a, .col-sm-4.wws li a, .col-sm-4.wws2 li a h3{	
font-size:13px !important;
font-weight:400 !important;
}button.wws{
	margin-bottom:35px !important;
	}
	.col-sm-4.wws{
		margin-left:40px;}
		.col-sm-6.laura img{
			margin-bottom:20px;}}
		@media     (min-width: 690px) and (max-width: 959px)	{ .col-sm-3.wwsportfolio {
    width: 33%;
	float:left;
  }
  .col-sm-3.wwsportfolio img{
	  margin-bottom:20px;}
   .col-sm-3.wwsportfolio p strong{
	   min-height:35px !important;
	   display:block;
	   width:100%;}
  .col-sm-3.wwsportfolio  p{
			min-height:430px;}
  }
  @media     (min-width: 540px) and (max-width: 689px){
	  .col-sm-3.wwsportfolio {
    width: 50% !important;
	float:left;
  }}