@charset "utf-8";

/* CSS Document */





@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;500&display=swap');





body, html{

	width: 100%;

	height: 100%;

	background: #FFFFFF;

	margin: 0;

	padding: 0;

	font-family: 'Red Hat Display', sans-serif;

	line-height: 1.5;

	font-size: 16px;

}



a{

	text-decoration: none;

}

a:link{

	color: #000

}

a:visited{

	color: #000

}

a:hover{

	color: #666

}

a:active{

	color: #000

}

.clear{

	clear: both

}



img a:hover{

		cursor: pointer;

		-webkit-transition: all 0.2s ease-in-out;

		-moz-transition: all 0.2s ease-in-out;

		-o-transition: all 0.2s ease-in-out;

		transition: all 0.2s ease-in-out;

		transform: scale(1.2);

	}



#preloader {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #fff;

  z-index: 9999999999999;

 }

#status {

	width: 200px;

	height: 200px;

	position: absolute;

	left: 50%;

	top: 50%;

	background-image: url("../immagini/header/header_bat.gif");

	background-size: 200px 200px;	

	background-repeat: no-repeat;

	background-position: center;

	margin: -100px 0 0 -100px;

}



.button_detail{

	border: 1px solid #000;

	padding: 5px 20px;

	display: inline-block;

	text-transform: uppercase;

	margin-top: 50px;

}



#header{

	width: 90%;

	height: 100px;

	padding: 20px 5% 0px 5%;

	position: fixed;

	z-index: 100;

	background-color: #fff;

	border-bottom: 1px solid #eee;

}

#header_top{

	width: 100%;

	height: auto;

	display: none;

	text-align: center;

}

#header_container{

	position: relative;

}

#header_sx{

 	width: 600px;

	height: auto;

	position: absolute;

	z-index: 100;

}

	#header_name{

		float: left;

		width: 500px;

	}

		#header_name img{

			width: 100%;

			height: auto;

		}

	.bat{

		width: 100px;

		height: auto;

		float: right;

		transition: 3s ease-in-out;

	}

		.bat img{

			width: 100%;

			height: auto;

		}

	.redbox.animate{

		-webkit-transform: translate(-500px,0);

		-moz-transition: translate(-500px,0);  

    	-o-transition: translate(-500px,0);  

    	-ms-transition: translate(-500px,0); 

    	transition: translate(-500px,0); 

	}



#header_dx{

	width: 100%;

	height: auto;

	position: absolute;

	z-index: 10;

	text-transform: uppercase;

}



#container{

	width: 90%;

	max-width: 1023px;

	min-height: 300px;

	padding: 200px 0px;

	margin: 0px auto;

}

#container_general{

	width: 90%;

	max-width: 1023px;

	min-height: 300px;

	padding: 200px 0px 80px 0px;

	margin: 0px auto;	

	background-position: top right;

	background-repeat: no-repeat;

}



.work_grid_preview{

	width: calc(25% - 30px);

	margin: 16px 15px;

	height: auto;

	float: left;

	text-align: center;

	text-transform: uppercase;

	font-weight: bold;

}

	.work_grid_preview img{

		width: 100%;

		height: auto;

	}

	.work_grid_preview img:hover{

		cursor: pointer;

		-webkit-transition: all 0.2s ease-in-out;

		-moz-transition: all 0.2s ease-in-out;

		-o-transition: all 0.2s ease-in-out;

		transition: all 0.2s ease-in-out;

		transform: scale(1.2);

	}



.work_grid_preview_3{

	width: calc(33.333% - 80px);

	margin: 40px;

	height: auto;

	float: left;

	text-align: center;

	text-transform: uppercase;

	font-weight: bold;

}

	.work_grid_preview_3 img{

		width: 100%;

		max-width: 350px;	

		height: auto;

	}

	.work_grid_preview_3 img:hover{

		cursor: pointer;

		-webkit-transition: all 0.2s ease-in-out;

		-moz-transition: all 0.2s ease-in-out;

		-o-transition: all 0.2s ease-in-out;

		transition: all 0.2s ease-in-out;

		transform: scale(1.2);

	}



#footer{

	width: 100%;

	height: auto;

	padding: 50px 0px 0px 0px;

	text-align: center;

	margin-top:  50px;

}

	#footer #logo{

		width: 100%;

		text-align: center;	

	}

	#footer #logo img{

		width: 80px;

		height: 80px;

		margin-bottom: 20px;

	}

	#footer i{

		font-size: 24px;

		margin-top: 10px

	}

	#footer span{

		padding: 0px 5px;

	}

	#footer #bottom{

		text-align: center;

		font-size: 12px;

		padding: 20px 0px 10px 0px;

	}





#container_scheda{

	width: 90%;

	max-width: 1200px;

	padding: 50px 5% 80px 5%;

	margin: 0px auto;

}

	#container_scheda img{

		width: 100%;

		height: auto;

	}



#submenu{

	display: inline-block;

	background-color: #000;

	color: #fff;

	padding: 5px 10px;

}

	#submenu a:link{

		color: #fff;

		text-decoration: none;

	}

	#submenu a:visited{

		color: #fff;

		text-decoration: none;

	}

	#submenu a:hover{

		color: #999999;

		text-decoration: none;

	}

	#submenu a:active{

		color: #fff;

		text-decoration: none;

	}



#categoria{

	text-transform: uppercase;

	margin-bottom: 20px;

	margin-top: -20px;

	letter-spacing: 1px;

}



#scheda_sx{

	width: 100%;

	padding: 50px 0px;

	letter-spacing: 1px;

}

#sottotitolo{

	font-size: 16px;

	font-weight: normal;

	text-transform: uppercase;

}

#scheda_dx{

	width: 100%;

}

#scheda_dx img{

	width: 100%;

	max-width: 400px;

	height: auto;

	padding-top: 20px;

}

#scheda_sx_singola p{

	padding-top: 40px

}

#scheda_sx_singola{

	width: 45%;

	float: left;

	padding: 100px 0px 0px 0px;

	letter-spacing: 1px;

}

#scheda_dx_singola{

	width: 55%;

	float: left;

	padding: 100px 0px 0px 0px;

	text-align: center;

}

	#scheda_dx_singola img{

		width: 100%;

		max-width: 500px;

		height: auto;

		padding-top: 30px;	

	}



#works_grid{

	margin: 50px 0px;

}

.works_category{

	width: 50%;

	float: left;

}

.works_box{

	width: 50%;

	float: left;

}

.works_box img{

	width: 100%;

	height: auto;

}



#note_scheda{

	width: 100%;

	height: auto;

	background-color: black;

	margin-bottom: 50px;

}



/* slider */

.slider{

	margin-top:50px;

	text-align: center

}

	.slider img{

		width: 98%;

		height:  auto;

		margin: 0px auto;

	}

	.slider img:hover{

		opacity: 0.5;

		cursor: pointer;

		-webkit-transition: all 0.2s ease-in-out;

		-moz-transition: all 0.2s ease-in-out;

		-o-transition: all 0.2s ease-in-out;

		transition: all 0.2s ease-in-out;	

	}

	.single img:hover{

		opacity: 1;

		cursor: default;

	}

	.slick-dots {

	  display: flex;

	  justify-content: center;

	  margin: 0;

	  padding: 1rem 0;

	  list-style-type: none;

	}

	.slick-dots li {

	  margin: 0 0.25rem;

	}

	.slick-dots button {

	  display: block;

	  width: 1rem;

	  height: 1rem;

	  padding: 0;

	  border: none;

	  border-radius: 100%;

	  background-color: #eee;

	  text-indent: -9999px;

	}

	.slick-dots li.slick-active button {

	  background-color: black;

	}



.swipebox img{

	width: calc(25% - 10px);

	margin: 5px;

}



/* Gallery */

.gallery {

	  text-align: center;

	}

.gallery-grid {

  display: flex;

  flex-wrap: wrap;

  padding: 0 4px;

}

.column {

  flex: 20%;

  max-width: 25%;

  padding: 5px 8px;

}

.gallery-item img {

  cursor: pointer;

  margin-top: 8px;

  vertical-align: middle;

  width: 100%;

}

.gallery-item img:hover{

	cursor: pointer;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

	transform: scale(1.2);

}

.gallery-item-text {

	display: none;

}



	/*******************************

		   .lightbox styles

	*******************************/

	.lightbox {

	  display: flex;

	  align-items: center;

	  justify-content: center;

	  position: fixed;

	  top: 0;

	  left: 0;

	  width: 100%;

	  height: 100%;

	  opacity: 0;

	  pointer-events: none;

	  transition: opacity 0.5s;

	  z-index: 1000;

	}

	.lightbox.preload {

	  transition: none !important;

	}

	.lightbox.open {

	  opacity: 1;

	  pointer-events: auto;

	}

	.lightbox .lb-content {

	  background-color: white;

	  display: flex;

	  flex-direction: column;

	  justify-content: center;

	  margin: 1em;

	  max-height: 80%;

	  padding: 1rem;

	  position: relative;

	}

	.lightbox .lb-img {

	  -o-object-fit: contain;

	  object-fit: contain;

	  margin-bottom: 8px;

	  display: block;

	  width: 100%;

		max-width: 500px;

	  height: auto;

	}

	.lightbox .lb-caption {

	  color: #333;

	  display: flex;

	  flex-direction: column;

	  font-size: 0.9rem;

	  max-width: 50ch;

	  overflow-y: auto; /* may occur in smartphones */

	  opacity: 0;

	  transition: opacity 0.3s;

	}

	.lightbox.open .lb-caption {

	  opacity: 1;

	}

	.lightbox .lb-url {

	  display: none;

	}

	.lightbox .close {

	  background-color: white;

	  cursor: pointer;

	  color: #333;

	  text-decoration: none;

	  display: inline-block;

	  font-size: 2em;

	  line-height: 1em;

	  text-align: center;

	  position: absolute;

	  top: -0.4em;

	  right: -0.4em;

	  width: 1em;

	  height: 1em;

	  border-radius: 50%;

	}

	.lightbox .button{

		border: 1px solid #000;

		padding: 5px 10px;

		display: inline-block;

		text-transform: uppercase;

		letter-spacing: 1px;

		background-color: #000000;

		color: #ffffff;

		margin-top: 30px;

	}

	.lightbox .close::before {

	  background-color: rgba(0, 0, 0, 0.9);

	  content: "";

	  cursor: default;

	  position: fixed;

	  left: 0;

	  top: 0;

	  width: 100%;

	  height: 100%;

	  z-index: -1;

	}



	/**********************************

			  Media queries

	 **********************************/



	/* Medium devices (landscape tablets, 768px and up) */

	@media screen and (min-width: 768px) {

		

	  .lightbox .lb-caption {

		font-size: 1rem;

	  }



	}



	/* Large devices (laptops/desktops, 1024px and up) */

	@media screen and (min-width: 1024px) {

		

	  .lightbox .lb-content {

		flex-direction: row;

	  }



	  .lightbox .lb-img {

		margin-bottom: 0;

	  }



	  .lightbox .lb-caption {

		padding: 0 1.5em;

	  }

	  .lightbox .lb-url {

		padding-top: 0;

	  }

	}



.iubenda-cs-preferences-link{display: none !important}

.iubenda-cs-uspr-link{display: none!important}