/*-------------------------------------- GOOGLE FONTS */

/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
font-family: 'Roboto';
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
  
/*-------------------------------------- GENERALE */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	outline: none;
	}

html {
	background-color: #fdfdfd;
	direction: ltr;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	font-size: 100%;
	}

/*-------------------------------------- BLOCK POSITION - CONTAINERS */

.container_full_screen { 	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;	
	}
	
																								
																								img.jssor_img_no_js {
																								  																								  min-height: 100%;
																								  min-width: 1024px;
																									
																								  																								  width: 100%;
																								  height: auto;
																									
																								  																								  position: fixed;
																								  top: 0;
																								  left: 0;
																								}

																								@media screen and (max-width: 1024px) { 																								  img.jssor_img_no_js {
																									left: 50%;
																									margin-left: -512px;   /* 50% */
																								  }
																								}

																																												

.container_spadded { 	position: fixed;
	top: 6%;
	left: 2%;
	right: 2%;
	bottom: 4%;
	}

	.background 		{z-index: -3000;}		

.container_15_80_5 { 	max-width: 80%;
    margin-left: 15%;
	margin-right: 5%;
	margin-top: 5%;	
	}

.container_35_60_5 { 	max-width: 60%;
    margin-left: 35%;
	margin-right: 5%;
	margin-top: 5%;	
	}
	
.container_30_40_30 {
	max-width:44%;
    margin-left:28%;
	margin-right:28%;
	margin-top:5%;
	}

.header {
	position: fixed;
	top: 3%;
	left: 2%;
	z-index: 3; 	}

	.slideUp {
		position: fixed;
		top: -3%;
		left: 2%;
		z-index: 3; 		transition: all .5s ease-in-out;
	}
	
	.slideDown {
		position: fixed;
		top: 3%;
		left: 2%;
		z-index: 3; 		transition: all 1s ease-in-out;
		}	
	
.header_bkg { 	}

.column_left { 						position: fixed;
	top: 5%;
	left: 2%;
	width: 30%; 		height: 83%; 	margin-top: 3em; 	z-index: 1; 	}

		.ht_wrapper_1 {
		position: absolute;	
		overflow: hidden;
		width: 100%;
		height: 100%;
		}
		
		.ht_wrapper_2 { 		overflow: auto;
		width: 100%;
		height: 100%;
		padding-right: 2em; 		}
		
		.ht_title > h4 {
		padding-top: 3em;
		color: black;
		}
		
		.ht_text {}
		
			p.inline {	 				display: inline;
				}

			.justified {
				text-align: justify;
				text-justify: inter-word;				
				}

			.justified br {
				margin-bottom:0.5em;
				}
				
			.trail {
				float: right;
				}
			
			.nowrap {
				white-space: nowrap;
				}

		.ht_footer { 			padding:0 0 30px 0;
		}

			.ht_footer_padded {
												padding-top: 0.5em; 				}
				
			.ht_footer_padded > p {
			padding-top: 1.2em; 			}
			
.footer { 	position: fixed;	
	bottom: 2%;
	left: 2%;
	z-index: 3;
	}
	
.footer_28 { 	position: fixed;	
	width: 31%;
	bottom: 2%;
	left: 2%;
	z-index: 3;
	}
	
#map_central {
	position: absolute;
	overflow: visible;
	width: 55%;
	height: 100%;
	top: 20%;
	left: 22.5%;
	}	

#map { 	position: absolute;
	top: 0;
	left: 33%;
	right: 0;
	bottom: 0;	
	overflow: visible;
        }

#googlemap { 	position: absolute;  
	top: 0;
	bottom: 0;
	right: 0;
	left: 33%;
	height: 100%;
	}  

.mediaq_over850_off { 	padding-top: 30px;
	}
  
/*-------------------------------------- MENU.PHP */

#menu_bkg {
	opacity: 0.9;
	padding-top: 2px;
	padding-right: 1px;
	background-color: #fdfdfd;
	}

.menu_main_items {
	padding-left: 1.4px;
	}
	
.menu_language.lang_button_selected,
.menu_language.lang_button
	{
	font-family: 'times';
	font-size: 0.9rem;
	}

a.arrows{
	font-size: 0.8em;
	font-weight: bold;
	}

.display:none { 	padding-left: 1.2em;
	}

.button_menu {
	padding-left: 1.2em;
	}

.button_menu { 	display: block;
    border: none;
	outline: none;
	text-decoration: none;	
	font-weight: inherit;	
	font-style: inherit;	
	text-transform: inherit;
	background: none;
    cursor: pointer;
    text-align: left;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
	background-color:none;
	}

.button_menu:hover p {
	border: none;
	color: #81a69d;
	text-decoration: none;	
	font-weight: inherit;	
	font-style: inherit;	
	text-transform: inherit;
	background: none;
	cursor: pointer;
}

.lang_button, .lang_button_selected,
.lang_button_selected_2 {
	border: none;
	outline: none;
	background: none;
	cursor: pointer;
	text-align: left;
	background-color:none;
	display: inline;
	padding: 0px;
	margin: 0px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.06rem;
	text-align: left;
	font-size: 0.8rem;
	line-height: 1.6rem;
	text-transform: none;
	text-decoration: none;
	}

.lang_button {
	color: #dcdcdc ;
	}
	
.lang_button_selected {
	color: grey ;
	}
	
.lang_button_selected_2 {
	color: black ;
	}



/*-------------------------------------- IMAGES WIDTH */

.jssor_slides img { 	width: 10%;
}

/*-------------------------------------- JSSOR */

#jssor_show_wrapper { 	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
}

/*-------------------------------------- FLATICONS */		

.fa {
	font-weight: 300;
	font-size: 1.0rem;
	width: auto;
	text-align: left;
	text-decoration: none;
	letter-spacing: 0.06rem;
	line-height: 1.6rem;
	background: none;
	color: #dcdcdc;
	padding: 0 9px 0 0;
	margin: 0;
}

.fa:hover {
	color: #81a69d;
}

.contact .fa {
	color: grey;	
}
.contact .fa:hover {
	color: #81a69d;
}

.fa.fa-bars {
	font-weight: normal;
	font-size: 2.5rem;
	padding:10px 1px 0 1px;
}

.show_wrapper_sx .fa,
.show_wrapper_cx .fa,
.show_wrapper_dx .fa {
	font-weight: normal;
	font-size: 1rem;
	padding:0 1px;
	color: grey;
}

.show_wrapper_sx .fa.fa-angle-left {     padding:0 50px 0 0;  	
}

.show_wrapper_dx .fa.fa-angle-right {     padding:0 0 0 50px;
}


/*-------------------------------------- A HYPERLINK */

.active {
	color: #81a69d;
	}

a {
	color: inherit;
	}

a:active {
	text-decoration: none;
	color: inherit; 	}

a:link,
a:visited,
a.no_link:hover,
a.no_link_black:hover {
	text-decoration: none;
	font-weight: inherit;
	font-style: inherit;
	text-transform: inherit;
	}
  
a:visited {
	text-transform: uppercase;
	}
  
a:hover {
	color: #81a69d;
	}

a.no_link,
a.no_link:hover {
	color: white;
	}

a.no_link_black,
a.no_link_black:hover {
	color: black;
	}
	
a.grey p i {
	color: #dcdcdc	}

a.grey:hover p i {
	color: #81a69d;
	}

/*-------------------------------------- FONTS */

h1, h2, h3, h4, p, i,
ul.studio {
	text-align: left;
	text-transform: none;
	text-decoration: none;
	}
  
h1 { 	font-family: 'raleway', sans-serif;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0.5rem;
	font-size: 1.1rem;
	line-height: 1.2rem;
	color: black;
	}
	
h2 { 	font-family: 'Times';
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0.1rem;
	text-align: left;
	font-size: 0.9rem;
	line-height: 1.2rem;
	text-transform: none;
	text-decoration: none;
	color: grey;
	}
  
h3 {  	font-family: 'Arial', sans-serif;
	font-weight: bold;
	font-style: normal;
	letter-spacing: 0.04rem;
	font-size: 3.4rem;
	line-height: 4rem;
	color: white;
	padding: 0; 	margin: 0; 	}
  
h4 	{ 	margin-top: 1em;
	font-family:'Raleway', sans-serif;
	font-weight: bold;	
	font-style: normal;
	letter-spacing: 0.05rem;
	font-size: 0.8rem;
	line-height: 2.4rem;
	color: black;
	}

p, ul.studio, i	{
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	letter-spacing: 0.06rem;
	font-size: 0.8rem;
	line-height: 1.6rem;
	color: black;
	}
	
p, ul.studio	{ 				font-style: normal;	
	}
	
b	{
	font-weight: bold;
	}
	
i 	{
	font-style: italic;	
	}

.typewriter_line1 {	color: white;
    text-shadow:
		-1px -1px 0 #000,
		 1px -1px 0 #000,
		-1px 1px 0 #000,
		 1px 1px 0 #000
	}

@supports((text-stroke: 1px white) or (-webkit-text-stroke: 1px white)) {
    .typewriter_line1 {
        color: transparent;
        -webkit-text-stroke: 1px white;
        text-stroke: 1px white;
        text-shadow: none;
    }
}

.return_index h3 {
    right: 0px;    color: transparent;
    bottom: 0px;
	color: orange;
    }

/*-------------------------------------- PROJECTS.PHP ALL */
.column_4_1 {
    float: left;
    }
.column_4_2 {
    float: left;
    }
.column_4_3 {
    float: left;
    }
.column_4_4 {
    float: left;
    }	

.row_lined {    
	border-style: solid;
    border-bottom-width: thin;
	color: #dcdcdc;
	}

.row_lined:after {
	content:"";
	display:table;
	clear:both;
	}
.all i,
.all p,
.all p:link  {
	color: #dcdcdc;
	}

.all_yes p,
.all_yes p:link  {
	color: grey;
	}

.all:hover p,
.all_yes:hover p {
	color: black;
	font-weight: bold;
	border-bottom-width: thin;
	}

.acc {
	}
.acc_card {
	 overflow:hidden
	 }
.acc_card_title  {
}
.acc_card_panel {
	width: 100%;
	display:none;
	}

.prova_img {
    float: left;
	margin: 22px 10px 10px 0;
}
.post_img img {
    display: block
}
.post_txt {
    margin-left: 0px
	}

/*-------------------------------------- PROJECTS.PHP */

.row > .column {
	    padding: 1.1%;
	}


.column {
    float: left;
    width: 30.0%;
	}
	
.column_footer {
	position: relative;
	clear: both;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
	}
	
.column_footer p {
	color: grey;}


.content {
	position: relative;
	}
.content img {
	width: 100%;
	}
.textbox {
	height: 10em;
}
.textbox i {
	position: absolute;
}

/* Hover effect on slides */	
.highlight:hover {
	opacity: 0.30;
	filter: alpha(opacity=30); /* For IE8 and earlier */
	transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
    -webkit-transition: opacity .15s ease-in-out;
	}

/* Hover effect on slides */ .fade:hover {
	opacity: 0.30;
	filter: alpha(opacity=30); /* For IE8 and earlier */
	transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
    -webkit-transition: opacity .15s ease-in-out;
	}

.flash_on_projects {  	position: absolute;
	top: .4em;
	left: .4em;
	z-index: 3;}


/*------------------------------------------------- SHOW.PHP */

.show_footer { 
	width: auto;
		}
		

.show_wrapper_sx,
.show_wrapper_cx,
.show_wrapper_dx {
	display: inline;
	background-color: #fcfcfc;
	clear: none;
	}

.show_wrapper_sx { 
	text-align: left;
	}
	
.show_wrapper_cx {
	text-align: center;
	}
	
.show_wrapper_dx {
	text-align: right;
	}

#totop_on_off {
	display: none;
	}

/*-------------------------------------- NEWS.PHP e STUDIO.PHP */


#thumb img {
	float: left;	
	width: 120px;
	padding-top: 0.4em;
	padding-right: 5px;
	padding-bottom: 0.1em;}

.row > .item_wrapper_sx,
.row > .item_wrapper_1 {
	}

.item_wrapper_sx,
.item_wrapper_cx,
.item_wrapper_dx,
.item_wrapper_1,
.item_wrapper_2,
.item_wrapper_3
 {
	width: 45%;
	background-color: white;
	clear: both;
	padding: 1em;
	margin: 0 auto 3em;
	}

.item_wrapper_sx,
.item_wrapper_1 { 
	float: left;
	margin-left:10%;
		}
	
.item_wrapper_cx,
.item_wrapper_2 {
		}
	
.item_wrapper_dx,
.item_wrapper_3 {
	float: right;
	margin-right:10%;
	}

.item_wrapper_100 {
	float: left;
	width: 100%;
	background-color: #fcfcfc;
	clear: both;
	padding: 0;
	margin: 0 auto 1em;
	}
	
.item_wrapper_sx img,
.item_wrapper_dx img,
.item_wrapper_cx img,
.item_wrapper_1 img,
.item_wrapper_2 img,
.item_wrapper_3 img,
.item_wrapper_100 img {	
	position: relative;
	max-width: 100%;
	max-height: 640px;
	width: auto;
	height: auto;
	max-height: 640px;
	margin: 0 0 50px;
	}
	
.jssor-text p {
	z-index: 3;
	position:absolute;
	letter-spacing: 0.01rem;
	padding: .5em;
	left: .5em;
	bottom: 0%;
	width: 100%;
	color: white;	
	}	
	
.ratio-text p { 	z-index: 3;
	position:absolute;
	font-size: 0.35rem;
	letter-spacing: 0.01rem;
	padding: .5em;
	left: .5em;
	bottom: 0%;
	width: 100%;
	color: black;	
	}
	
	

/*-------------------------------------- COOKIE */
#eucookielaw {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background-color: black;
	opacity: 0.90;
		filter: alpha(opacity=90); /* For IE8 and earlier */
	padding: 1rem 2% 1rem 2%;
	display: none;
	z-index: 9000;
	}

#eucookielaw p {
	color: white;
	
	}

#eucookielaw a:hover {
	color: white;
	}

#eucookielaw #more {
	padding-left: 0.8rem;
	}

a#removecookie {
	cursor: pointer;
	font-size:1.5em;	
	}

/*-------------------------------------- JS SCROLL */
body#top:target { 	transition: all 10s ease-in-out;
	scroll-behavior: smooth;
}
/*-------------------------------------- FORM.PHP */
.form {
	padding: 12px 20px;
	margin: 8px 0;
	box-sizing: border-box;
	}

.form h3 {
	color: red;
	}

input[type=text] {
	width: 100%;
	height: auto;
	padding: 12px 20px;
	margin: 8px 0;
	box-sizing: border-box;
	background-color: white;
	}