@charset "UTF-8";


*,
*:before,
*:after {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

html,body {
	height:100%;
	width: 100%;

	/*margin: auto;*/
	text-align: center;
	/*background: #dadada;*/
	background: #fff;
	/*background: #dcdcdc;*/
	background: #fff;
	/*color: #646464;*/
	color: #565656;
	font-family: 'Open Sans', sans-serif;
	/*font-family: 'Montserrat', sans-serif;*/

}


body {
	display: flex;
	flex-direction: column;
	margin: 0;
}


/*** Cookiechoices ***/


#cookieChoiceInfo {
  /*background: #fff;*/
				 
  font-size: 16px;
  color: #fff;
  padding: 16px;
}
#cookieInfoLink {                      
  color: #fff;
  text-decoration: none;
}

#cookieChoiceInfo a {
 color: #fff;
 text-decoration: none;

 }

 #cookieChoiceInfo a:hover {
 color: #404040;
 text-decoration: none;

 }



#cookieInfoLink a:hover {
                              
  color: #404040;
  text-decoration:none;
}
#cookieChoiceDismiss {
			      
  background-color: #404040;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  padding: 10px; 
  border-radius:3px; 
}
#cookieChoiceDismiss:hover {
  background-color: #595959;
}









.container {
	flex: 1 0 auto;

}




img {
	max-width: 100%;
	border: 0;
}

p {
	font-size: 0.8em;


}

a {
	text-decoration:none;
}

ul {
	list-style: none;
}





.fade {
	 opacity: 1.0;
     filter: alpha(opacity=100); /* For IE8 and earlier */
     transition: 0.4s;

 }

.fade:hover {
     opacity: 0.3;
     filter: alpha(opacity=30); /* For IE8 and earlier */
     transition: 0.4s;
 }



.fade-no-hover {
	opacity: 1.0;
     filter: alpha(opacity=100); /* For IE8 and earlier */
     transition: 0.4s;
}





.blank {
	height: 1.5em;
}


header {

	background: #fff;


	color: fff;
	line-height: 0.02em;
	padding-top: 0.5em;
	padding-bottom: 0;


}



header img {
	/*max-width: 450px;*/
	max-width: 400px;
	margin-top: 1em;
	/*margin-bottom: 1em;*/
}



.topnav {
  /*overflow: hidden;*/
  /*background: #b7b7b7;*/
  background: #fff;
  text-align: center;


}

.topnav a {
  /*float: left;*/
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  /*color: #555555;*/
  color: #5d5d5d;
  /*color: #e8ce92;*/
  text-align: center;
  padding: 1.5em 3em;
  text-decoration: none;
  font-size: 1em;
  /*letter-spacing: 0.1em;*/
}

.topnav a:hover {
  /*color: #787878;*/
}

.topnav a.active {
  /*color: #787878;*/
  color: #a6a6a6;

}




.topnav .icon {
  display: none;

}


.home {
	width: 100%;
	margin: 0;
	padding: 0;
	opacity: 0;
}

.home img {
	width: 100%;
}









.article-title {
	/*padding-top: 3em;*/
	margin-top: 2em;
}

.article-title h1 {
	letter-spacing: .05em;
	font-weight: lighter;
	color: #646464;
	font-size: 2em;
	margin: 0;
	padding: 0;
	/*text-shadow: 1px 1px 1px grey;*/

}


.article-title h1 a {
	letter-spacing: .05em;
	font-weight: lighter;
	color: #646464;
	font-size: 2em;
	margin: 0;
	padding: 0;


}


.article-title h1 a:hover {
  color: #fff;
}




.article-title h2 {
	font-size: 1.2em;
	/*letter-spacing: .05em;*/
	font-weight: lighter;
	color: #646464;
	margin: 0;
	padding: 0;

}

.article-title h3 {
	font-size: 1em;
	/*letter-spacing: .05em;*/
	font-weight: lighter;
	color: #646464;
	margin: 0;
	padding: 0;

}













.row {
    /*margin: 1% -2%;*/
    margin: auto;

}


/* Colonne NEWS */



.news {
	/*background: #b7b7b7;*/
	/*background: #dfdfdf;*/
	/*color: #555555;*/
	/*background: #dcdcdc;*/

	/*padding-top: 2em;*/
	margin-top: 2.5em;
}







.news-row,
.news-row > .news-column {
	padding: 1%;
	color: #555555;
}



.news-row {
	max-width: 1800px;
	margin: auto;
	/*margin-top: -2em;*/

}

.news-column {
    float: left;
    width: 33.3%;
    margin: 0;

    /*border: solid thin red;*/
}

/* Clear floats after rows */
.news-row:after {
    content: "";
    display: table;
    clear: both;

}

.news-content {
    margin: 8%;
    margin-top: 2%;
    /*padding: 3%;*/


    opacity: 0;
    /*background: #fff;*/
    /*border: thin solid #8f8f8f;*/
    /*border-radius: 3px;*/


}

.news-content h4 a{
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5rem;
	color: #555555;
	text-decoration: none;
	font-weight: lighter;

}


.news-content img {
	/*box-shadow:2px 2px 5px grey;*/
}






/*PORTFOLIO*/


.portfolio_cont {
	margin-top: 2em;
}

.portfolio {
	/*width: 90%;*/
	width: 100%;
	max-width: 1800px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: auto;
	/*margin-top: 1em;*/
	/*padding: 1%;*/
	padding: 0;
	/*text-align: center;*/
	align-items: center;
	flex-wrap: wrap;
}

.port_thumb {
	/*padding: 1%;*/
    /*margin: auto;*/
    margin: 2%;
    opacity: 0;
    /*max-width: 300px;*/
    flex-basis: 20%;
    /*flex: 1;*/
    /*pointer-events: none !important;*/
}

.port_thumb h4 a{
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5em;
	color: #646464;
	text-decoration: none;
	font-weight: lighter;
}


/* FINE PORTFOLIO */















.box-testo {
	margin: auto;
	padding: 1%;
	/*width: 90%;*/
	width: 100%;
	max-width: 1500px;
	display: block;

	/*margin-bottom: -3em;*/
}


.box-testo h3 {
	font-family: 'Open Sans', sans-serif;
	text-align: justify;
}


.box-testo p {
	text-align: justify;
	font-size: 1em;
	/*margin-bottom: -2em;*/
}


.box-testo .right {
	text-align: right;
}

.box-testo a{
	color: #0023e0;
}






/* GALLERIE */



.miniature {
	/*width: 90%;*/
	width: 100%;
	max-width: 1500px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: auto;
	/*padding: 1%;*/
	padding: 0;
	/*text-align: center;*/
	align-items: center;
	flex-wrap: wrap;

}

.thumb {
	/*padding: 1%;*/
    /*margin: auto;*/
    margin: 2%;
    opacity: 0;
    /*max-width: 300px;*/
    flex-basis: 20%;
    /*flex: 1;*/
    /*pointer-events: none !important;*/

}

















.gallery {
	/*background: #dadada;*/
	color: #646464;
	padding-top: 2em;
	/*margin-top: 2.5em;*/
}




.gallery-row,
.gallery-row > .gallery-column {
	padding: 1%;

}



.gallery-row {
	width: 90%;
	max-width: 1200px;
	margin: auto;
	margin-top: 2em;

}

.gallery-column {
    float: left;
    width: 25%;
    margin: 0;
    margin-top: 1em;


}

/* Clear floats after rows */
.gallery-row:after {
    content: "";
    display: table;
    clear: both;

}

.gallery-content {
    padding: 2%;
    margin: 3%;
    opacity: 0;



}




.gallery-content img {
 	margin: 0;
  transform: translate(-50%, -50%);
  position: relative;
  top: 50%;
  left: 50%;




}





/* FINE GALLERIE */












/* TACCUINO */



.taccuino-ix {
	/*background: #b7b7b7;*/
	/*background: #dfdfdf;*/
	color: #555555;
	padding-top: 2em;
	margin-top: 2.5em;
	background: #dcdcdc;
}




.taccuino {
	/*background: #dadada;*/
	color: #646464;
	padding-top: 2em;
	padding-bottom: 4em;

}



.note-container {
    display: table;
    width: 90%;
    padding: 2%;
    max-width: 1800px;
    margin: auto;
    margin-top: 3em;
    color: #555555;
    /*border: solid thin black;*/



}

.note-pic {
	/*float: left;*/
    display: table-cell;
    width: 40%;
    padding: 1%;
    padding-top: 1.5em;
    text-align: center;
    opacity: 0;
}


.note-pic img {
	display: table-cell;
	max-width: 100%;


	/*box-shadow:2px 2px 5px grey;*/
}



.note-text {
    display: table-cell;
    width: 60%;
    padding: 1%;
    vertical-align: top;
    text-align: left;
    color: #555555;
}

.note-text h4{
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5em;
	color: #555555;
	font-weight: lighter;
	margin: 0;
	margin-top: .1em;
	padding: 1%;
}

.note-text p {
	text-align: justify;
	font-size: 1em;
	color: #555555;
	/*font-weight: lighter;*/
	padding: 1%;
	margin-top: 0;
}

/* FINE TACCUINO */





/* INFO */

.info {
	/*background: #dadada;*/
	color: #646464;
	padding-top: 1em;
	margin-top: 2.5em;
}


.info-row,
.info-row > .info-column {
	padding: 1%;
}



.info-row {
	max-width: 1200px;
	margin: auto;

}



.info-content {
    padding: 2%;
    margin: 3%;
    opacity: 0;
    max-width: 1200px;
    margin: auto;
    text-align: justify;
}

.info-content p {
	font-size: 1em;

}


.info {

}


.info img{
	max-width: 400px;
	margin-top: 2em;
	/*box-shadow:2px 2px 5px grey;*/
}


/* FINE INFO */




/*PULSANTE TOP*/
#myBtn2 {
  display: none;
  position: fixed;
  bottom: 5em;
  right: 1.7em;
  z-index: 99;
  font-family: 'Blinker', sans-serif;

  font-size: 20px;
  border: none;
  outline: none;
  background-color: #292a27;
  color: white;
  cursor: pointer;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 4px;
  opacity: 0.5;
  filter: alpha(opacity=50); /* For IE8 and earlier */

}

#myBtn2:hover {
  /*color: #585955;*/
  background-color: #636360;
}


html {
  scroll-behavior: smooth;
}














/* FOOTER */

footer {
	/*background: #b7b7b7;*/
	background: #404040;
	/*color: #555555;*/
	color: #fff;
	font-weight: lighter;
	padding: 0;
	padding-bottom: 1em;
	padding-top: .5em;
}



footer p {
	font-size: 1.2em;
	line-height: 0.4em;
	font-family: 'Blinker', sans-serif;
}



.social-main {
	max-width: 250px;
	text-align: center;
	opacity: 0;
	display: inline;
}


.social-main a{
	display: inline-block;
	/*color: #531991;*/
	color: #fff;
	/*color: #e8ce92;*/
	text-decoration: none;
	margin: 0;
	/*margin-left: 1em;*/
	/*margin-right: 1em;*/
	padding: 0;

}

.social-main img {

	display: inline-block;
	/*color: #531991;*/
	
	/*color: #e8ce92;*/
	text-decoration: none;
	margin: .5em;
	/*margin: 0;*/
	/*margin-left: 1em;*/
	/*margin-right: 1em;*/
	padding: 0;
}


.social-main img:hover {
	 opacity: 0.3;
     filter: alpha(opacity=30); /* For IE8 and earlier */
     transition: 0.4s;

}