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

#title_row,
#title_row h4{
	position: absolute;
	background-color: transparent !important; 
	color: #ffffff; 
	z-index: 999999; 
	padding-top: 20px; 
}
#title_row img{
	margin-left:20px;
}
#title_row .menu_prod{
    top:50%;
    margin-top: -18px;
    z-index: 999; 
    cursor: pointer;
} 
#title_row .menu_prod i{margin-top:-10px ;margin-right: 30px;font-size: 3em !important;}  
.fixed{
	position: fixed !important;
}
.sticky { 
	background: #b40937; 
	z-index: 9999999;
	display: block;
	height:50px; 
	background-color:transparent;
	padding:10px 20px;
	position: absolute;
}
.sticky #menu_btn{
	float: right;
	width: 50px;
	background-color: transparent;
	border-radius: 10px;
}
.sticky p{
	padding: 5px 10px;
	text-align: left;
	color: #b40937 !important;
	border-radius: 10px;
}
.sticky p span{
	display: none;
}
.sticky p i{
	color: #b40937 !important;
	font-size: 3em;
}

#logo_wrapper *{

  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

#logo_wrapper .logo_btn_wrap{
	border-radius: 10px;
	border: 1px solid #ffffff;
	cursor: pointer;
}
#logo_wrapper .logo_btn_wrap:hover{
	background-color: #b40937;
}
#logo_wrapper .logo_btn_wrap:hover a{
	color: #ffffff;
}
.col-1-1.btn_wrapper{
	padding: 0px 30px;
}

.bg_grey_light {
	background-color:#f1f1f1;
}

/*IMMAGINI PRINCIPALI DI SFONDO*/
.main_bg_image.homepage{ background: url(/imgs/main/homepage.jpg) no-repeat;}
.main_bg_image.articoli{ background: url(/imgs/main/articoli.jpg) no-repeat;}
.main_bg_image.clients_references{ background: url(/imgs/main/clients_references.jpg) no-repeat;}
.main_bg_image.case_history{ background: url(/imgs/main/case_history.jpg) no-repeat;}
.main_bg_image.brand_identity{ background: url(/imgs/main/brand_identity.jpg) no-repeat;}
.main_bg_image.cosa_facciamo{ background: url(/imgs/main/cosa_facciamo/cosa_facciamo.jpg) no-repeat;}
.main_bg_image.marketing{ background: url(/imgs/main/cosa_facciamo/marketing.jpg) no-repeat;}
.main_bg_image.comunicazione{ background: url(/imgs/main/cosa_facciamo/comunicazione.jpg) no-repeat;}
.main_bg_image.eventi_fiere{ background: url(/imgs/main/cosa_facciamo/eventi_fiere.jpg) no-repeat;}
.main_bg_image.innovazione{ background: url(/imgs/main/cosa_facciamo/innovazione.jpg) no-repeat;}
.main_bg_image.web_development{ background: url(/imgs/main/cosa_facciamo/web_development.jpg) no-repeat;}
.main_bg_image.rendering_3d{ background: url(/imgs/main/cosa_facciamo/rendering_3D.png) no-repeat;}
.main_bg_image.chi_siamo{ background: url(/imgs/main/chi_siamo/chi_siamo.jpg) no-repeat;}
.main_bg_image.storia{ background: url(/imgs/main/chi_siamo/storia.jpg) no-repeat;}
.main_bg_image.board{ background: url(/imgs/main/chi_siamo/board.jpg) no-repeat;}
.main_bg_image.staff{ background: url(/imgs/main/chi_siamo/staff.jpg) no-repeat;}
.main_bg_image.partners{ background: url(/imgs/main/chi_siamo/partners.jpg) no-repeat;}

.main_bg_image.rendering{ background: url(/imgs/rendering_3D/rendering/rendering.jpg) no-repeat;}
.main_bg_image.modellazione{ background: url(/imgs/rendering_3D/modellazione_3d/modellazione_3D.jpg) no-repeat;}
.main_bg_image.stampa_3d{ background: url(/imgs/rendering_3D/stampa_3D/stampa_3d.jpg) no-repeat;}
.main_bg_image.animazioni{ background: url(/imgs/rendering_3D/animazioni/animazioni.mp4) no-repeat;}
.main_bg_image.visualizzazione_web{ background: url(/imgs/rendering_3D/web_ar_vr/web_AR_&_VR.jpg) no-repeat;}

.cover{
  position: relative;
  height: 100%;	
  width: 100%;
  -webkit-background-size: cover !important; 
  -moz-background-size: cover !important; 
  -o-background-size: cover !important; 
  background-size: cover !important;
  background-position: center !important;
} 

.main_content_wrapper{
	overflow-y: auto; 
}

.main_content_wrapper.no_overflow{
	overflow-y: unset;
}

.main_content_wrapper img{
	padding: 0px 10px;
	width: 100%;
	max-width: 650px;
}

.main_content_wrapper .btn_wrapper{
	width: 100%;
	max-width: 630px;
	padding-top: 10px; 
}

h2.title{
	border-bottom: 5px solid #b40937;
	font-family: 'Jost-Heavy','Arial', sans-serif;
}
h2.nome{
	border-bottom: 5px solid #b40937;
	font-family: 'Jost-Heavy','Arial', sans-serif;
}
#latest_news .box_container h2{
	margin-bottom: 10px;
	font-size: 1.3em; 
	font-weight: 800;
	display: inline-block;
	width: auto;
	float: left;
	font-family: 'Jost-CondensedBold','Arial', sans-serif;
	letter-spacing: 1px;
}


#latest_news p:not(.date):not(.cta){
	line-height: 1.3;

}
#latest_news p.date{
	display: inline-block;
	float: left;
	font-family: 'Jost-CondensedBold','Arial', sans-serif;
}

#latest_news p{
	font-size: 1.2em;
}

#latest_news p.cta{
	width: 100px;
	cursor: pointer;
}






.main_bg_image p.area{
	padding-bottom:10px;
	font-size:2em;
	font-family: 'Jost-Heavy','Arial', sans-serif;

}
.main_bg_image h1{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	margin-bottom:20px !important;
	padding-bottom:20px;
	font-size:8em;
	border-bottom:5px solid #ffffff;
	line-height: 1;
	font-family: 'Jost-Heavy','Arial', sans-serif;

}
.main_bg_image p.main_desc{
	width:100%;
	max-width:800px;
	margin:0 auto;
}
.main_bg_image p.abs{
	position:absolute; 
	left:0; 
	right:0; 
	bottom:100px;
	margin:0px auto;
	cursor: pointer;
}
.main_bg_image p.abs i{
	font-size:6em;
}

#stripes_wrapper{padding-top: 30px;background-color:#b40937;}
.stripe_row{height: 500px;background-color:#ffffff;}
.stripe_row .txt_container{width:100%;max-width:580px;margin:0 auto;}
.stripe_row.even .text_wrapper{float: left;}
.stripe_row.even .image_wrapper{float: right;}
.stripe_row.odd .text_wrapper{float: right;}
.stripe_row.odd .image_wrapper{float: left;}

.stripe_row h2{font-size:2.5em;border-bottom: 7px solid #b40937;margin-bottom: 20px;line-height: 1.2;	font-family: 'Jost-Heavy','Arial', sans-serif;}
.stripe_row .text_wrapper .txt_container p{font-size:1.3em;}

/*PER LE PAGINE CHI e COSA*/
.main_content_wrapper.type2 .disp_table{width: 85%;overflow: hidden;}
#side_menu_t_link i{font-size: 30px !important;}
.main_content_wrapper.type2 p.abs {font-size: 30px !important;cursor: pointer;}

#clients_references .col-1-4 img{width: 78%;}

.stripe_row .txt_container h2{
	padding: 0px !important;
	border-bottom: none !important;
	margin-bottom: 0px !important;
}
.stripe_row p.role{
	padding: 0px 0px 10px 0px;
	margin-bottom: 10px;
	border-bottom: 8px solid #b40937;
	font-size: 1.5em !important;
}

.inner_pages{
	padding: 0px 10px;
}
.inner_pages .articolo{
	border-bottom: 1px dotted #333333;
}
.inner_pages h2.title{
	padding: 0px;
	font-size: 2.5em;
	border-bottom: 8px solid #b40937;
}
.inner_pages p{font-size: 1.3em !important;line-height: 1.6;}
.inner_pages p.cta{margin-top: 15px;}

.inner_pages a.read{margin-bottom: 30px;}  
.inner_pages p.cta i.fa-newspaper{font-size: 60px;top: 50%;position: absolute;margin-top: -29px;}  
.inner_pages p.cta span{padding-left: 80px;}  

.case_num{ width: 100px; padding: 10px; float:left; position: absolute; top:25px; left: 10px;} 
.case_num span{ padding: 20px 30px;  font-size: 2em; } 
.case_text{ padding-left: 125px; float:left;}
.my_show_hide{cursor: pointer; text-decoration: underline;}
.show_more{display: none;}
#box_case1 .show_more{ display: block; }
.case_row{border-bottom: 2px dotted #333333; padding-bottom: 40px;}

.bordo {border: 1px solid #d1d1d1;}

.wrapp {
	width: 100%;
	max-width: 1280px;
	margin: 35px auto;
	padding: 30px 10px;
}

.riga {
	width: 100%;
	height: 30px;
	background-color: #b40937;
	margin-bottom: 40px;
}

.h3_titolo{
	text-align: center;
  font-size: 3em;
  color: black;
  padding-bottom: 5px;
  border-bottom: 4px solid #b40937;
  width: fit-content;
  margin: 0 auto 30px;
}

/* 4 box con icone */
.box_4 {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	gap: 30px;
}

.box_singolo {
	width: 25%;
	padding: 10px;
	text-align: center;
	padding-top: 30px;
}


.box_singolo img {
	width: 100%;
	max-width: 200px;
	margin: auto;
}

.box_singolo h4 {
	font-weight: bold;
	  border-bottom: 4px solid #b40937;
	  padding-bottom: 5px;
	  margin-bottom: 10px;
	  font-size: 1.6em;
	  text-align: center;
	  color: black;
	  margin-top: 12px;
}

.box_singolo p {
	margin-bottom: 10px;
	text-align: center;
  	color: black;
}

/* lightbox 4 img 
.lightbox {
	display: flex;
	  justify-content: space-between;
	  align-items: center;
	  flex-wrap: wrap;
}

.img_singola {
	width: 25%;
	padding: 15px;
}

.img_singola img {
	width: 100%;
}
*/

/* lightbox 4 img */
.lightbox {
	display: grid;
	grid-template-columns: repeat(auto-fit, 24%);
	justify-content: center;
	grid-template-rows: auto;
	gap: 10px;
	padding: 40px 10px;
}


.img_singola img {
	width: 100%;
}

.form_contatti {
	width: 100%;
	vertical-align: top;
	text-align: center;
}  

.form_contatti form{
	width: 100%;
	vertical-align: top;
	text-align: center;
}  

.form_contatti .campi{
  width: 100%;
}  

.form_contatti .singolo{
	width: 48%;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	font-size: 13px;
} 

.form_contatti .campi input{
	width: 100%;
	padding: 5px;
	font-size: 16px !important;
	color: #666666 !important;
} 

.form_contatti .txt_singolo{
	width: 100%;
	margin-bottom: 30px;
	font-size: 13px;
} 

.form_contatti .campi textarea{
	width: 97% !important;
	padding: 5px;
	font-size: 16px !important;
	color: #666666 !important;
} 

.form_contatti input[type=checkbox] {
	width: 20px;
	height: 20px;
	display: inline-block;
} 

.form_contatti input[type=submit] {
	background-color: rgba(150, 26, 42);
	color: white!important;
	font-weight: bold;
	border: none;
	padding: 10px 15px;
	font-size: 18px !important;
	margin: 0 auto;
	float: none;
	width: fit-content;
} 


@media all and (max-width: 1280px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1280px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1280px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1280px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1280px), only screen and (min-resolution: 192dpi) and (max-width: 1280px), only screen and (min-resolution: 2dppx) and (max-width: 1280px) {
.stripe_row .text_wrapper .txt_container {padding: 0px 50px;}
.stripe_row .text_wrapper .txt_container h2{font-size:2em;}
.stripe_row .text_wrapper .txt_container p{font-size:1.1em;}

}

@media all and (max-width: 1180px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1180px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1180px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1180px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1180px), only screen and (min-resolution: 192dpi) and (max-width: 1180px), only screen and (min-resolution: 2dppx) and (max-width: 1180px) {

.main_bg_image p.area{
	padding-bottom:00px;
	font-size:1.8em;
}
.main_bg_image h1{
	max-width:760px;
	margin-bottom:20px !important;
	padding-bottom:20px;
	font-size:6em;
}
.main_bg_image p.main_desc{
	width:100%;
	max-width:700px;
	margin:0 auto;
}
.stripe_row .text_wrapper .txt_container {padding: 0px 40px;}

#clients_references .col-1-4 img{width: 100%;}

}
/*TOUCH PANEL*/
@media all and (max-width: 1080px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1080px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1080px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1080px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1080px), only screen and (min-resolution: 192dpi) and (max-width: 1080px), only screen and (min-resolution: 2dppx) and (max-width: 1080px) {

}
/*END TOUCH PANEL*/
@media all and (max-width: 1024px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

.stripe_row .text_wrapper .txt_container {padding: 0px 30px;}
.stripe_row .text_wrapper .txt_container h2{font-size:1.8em;margin-bottom: 10px;}
.stripe_row .text_wrapper .txt_container p{font-size:1em;}

.main_bg_image p.abs{bottom:10px;}
#side_menu_t_link{bottom: 30px;}

#clients_references .col-1-4 {width: 25%;}
#clients_references .col-1-4:nth-child(6n+1) {clear: none;}
#clients_references .col-1-4:nth-child(4n+1) {clear: both;}

	
.box_4 {
	flex-direction: column;
}
	
.box_singolo {
	width: 50%;
	margin: 0 auto;
}

	
}
@media all and (max-width: 960px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 960px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 960px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 960px), only screen and (min-device-pixel-ratio: 2) and (max-width: 960px), only screen and (min-resolution: 192dpi) and (max-width: 960px), only screen and (min-resolution: 2dppx) and (max-width: 960px) {
	.main_content_wrapper{padding: 0px 20px;}
	.main_bg_image p.area{font-size:1.4em;}
	.main_bg_image h1{font-size:4.5em;}
	.main_bg_image p.main_desc{	font-size: 1em;padding: 0px 30px;}
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 768px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 768px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 768px), only screen and (min-device-pixel-ratio: 2) and (max-width: 768px), only screen and (min-resolution: 192dpi) and (max-width: 768px), only screen and (min-resolution: 2dppx) and (max-width: 768px) {
	.sticky #menu_btn{width: 95px;background-color: #ffffff;}
	.sticky p span{display: inline-block;}
	.sticky p i{font-size: 1em;}
	.stripe_row .text_wrapper,
	.stripe_row .image_wrapper{width: 100%;}
	.stripe_row .image_wrapper{height: 300px}
	.main_bg_image p.abs i{font-size:3em;}

	#side_menu_t_link i{font-size: 25px !important;}
	.main_content_wrapper.type2 p.abs {font-size: 25px !important;}
	.staff .col-1-2{width: 100%;}
	/*  .main_bg_image .disp_table_cell p.abs.center{display: none !important; }  */
	
	/* lightbox 4 img */
.lightbox {
	grid-template-columns: repeat(auto-fit, 49%);
}
}
@media all and (max-width: 767px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min-resolution: 192dpi) and (max-width: 767px), only screen and (min-resolution: 2dppx) and (max-width: 767px) {

}
@media all and (max-width: 640px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 640px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 640px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 640px), only screen and (min-device-pixel-ratio: 2) and (max-width: 640px), only screen and (min-resolution: 192dpi) and (max-width: 640px), only screen and (min-resolution: 2dppx) and (max-width: 640px) {
	.side_top, .side_main {width: 90%;max-width: 400px;}

	.main_content_wrapper h2{font-size: 1.3em; }
	#logo_mobile img{
		margin-left: 5px !important;
		height: 80px !important
	}
	.main_bg_image h1{
		font-size:3.5em;
	}
/*PER LE PAGINE CHI e COSA*/
.main_content_wrapper.type2 .disp_table{width: 100%;overflow: hidden;}
#side_menu_t_link i{font-size: 20px !important;}
.main_content_wrapper.type2 p.abs {font-size: 20px !important;cursor: pointer;}

.case_num{ width: 60px; padding: 5px; float:left; position: absolute; top:10px; left: 5px;} 
.case_num span{ padding: 10px 20px;  font-size: 1.5em; } 
.case_text{ padding-left: 75px; float:left;}

.center.abs i.fa-caret-down
	{ display:none;}

.box_singolo {
	width: 100%;
	margin: 0 auto;
}

	.form_contatti .singolo{
	width: 98%;
} 

	
}
@media all and (max-width: 480px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 480px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 480px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 480px), only screen and (min-device-pixel-ratio: 2) and (max-width: 480px), only screen and (min-resolution: 192dpi) and (max-width: 480px), only screen and (min-resolution: 2dppx) and (max-width: 480px) {
	.main_content_wrapper h2{font-size: 1em; }
	#title_row .menu_prod i {
    margin-right: 0px;
    font-size: 2em !important;
    z-index: 9999999999;
}

	.main_bg_image p.area {font-size: 1.2em;}
	.main_bg_image h1{
		font-size:3em;
		margin-bottom: 5px !important;
		padding-top: 5px;
		padding-bottom: 10px;
	}
	.main_bg_image p.main_desc {
	    font-size: 0.95em;
	    line-height: 1;
	    padding: 0 15px;
	}
	
	#clients_references .col-1-4{width: 33.333333%;}
	#clients_references .col-1-4:nth-child(4n+1) {clear: none;}
	#clients_references .col-1-4:nth-child(3n+1) {clear: both;}
	
	#side_menu_t_link {
	    bottom: 90px;
	}
	#contact_logo{ float: left; max-width: 230px !important; margin-top: 10px; }
	
	/* lightbox 4 img */
	.lightbox {
	grid-template-columns: 100%;
}
}
@media all and (max-width: 320px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 320px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 320px), only screen and (min-device-pixel-ratio: 2) and (max-width: 320px), only screen and (min-resolution: 192dpi) and (max-width: 320px), only screen and (min-resolution: 2dppx) and (max-width: 320px) {
 
}