:root{--primary-color:#131313;--bg-color:#EDEEF1;--footer-color:#f7f7f7;--btn_bgcolor1:#33538e;--btn_txcolor1:#ffffff;--home-color1:#ED1786;--home-color2:#F0ECE3;--home-color3:#394CBB;--font-color:#3F3B3C;--uk-breakpoint-s:640px;--uk-breakpoint-m:960px;--uk-breakpoint-l:1200px;--uk-breakpoint-xl:1600px;--max-width:1300px;--menu-height:60px;--pad-cont:1em;--logo-width:170px;--mod-16:16.6666667%;--mod-20:20%;--mod-33:33.3333334%;--mod-25:25%;--mod-50:50%;--mod-40:40%;--mod-60:60%;--mod-80:80%;--mod-100:100%;--colonne:3;}
	.items_box{
	/* opacity:0 */
	}
	.fadeInRight{
  animation:fadeInLeft 2s ease .4s both;
 
	}
	.fadeInLeft{
  animation:fadeInLeft 2s ease .4s both;
  
	}
	@keyframes fadeInLeft{
    from {
        opacity: 0;
        
    }

    to {
        opacity: 1;
     
    }
}
/* CSS Document */
/* width */
::-webkit-scrollbar {
	width: 10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
	background: #f1f1f1;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
	background: #888;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
	background: #555;
  }
  @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&family=Roboto:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap');

textarea, select, input, button { outline: none; }
a{
	color: inherit;
}
* {
	box-sizing: border-box;
  text-decoration: none;
  list-style: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
.text_contact{
	resize: vertical;
	max-height: 450px;
	min-height: 300px;
}
.overlay{
	overflow: hidden;
}

/*******GRIDS*******/

.grid_800{
	width: 800px
}
.grid_500{
	width: 500px
}
.grid_300{
	width: 300px
}
.mod_x_1{
	width: var(--mod-100);
}
.mod_x_2{
	width:var(--mod-50);
}
.mod_x_3{
	width: var(--mod-33)}
.mod_x_4{
	width: var(--mod-25)}
.mod_x_5{
	width: var(--mod-20)}


.mod_x_6{
	width: var(--mod-16)}

.mod_80{
	width: var(--mod-80)}
.mod_60{
	width: var(--mod-60)}
.mod_40{
	width: var(--mod-40)}

/**HOMEPAGE*/
.content_left {
	background-color: var(--home-color1);
}

.content_right {
	background-color: var(--home-color3);
}
.incl{
	margin-left: .2em;
}
.ab_content{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.wrapper_homeslide {
	position: relative;
}
.cont_hm{
	z-index: 5;
	position: relative;
}
.box_left{
	text-align: left;
	color: var(--home-color2);
	padding-left: 2em;
}
.box_right{
	text-align: right;
	color: var(--home-color2);
	padding-right: 2em;
}
.box_left,.box_right{
 
 
	margin-top: 8vh;
	margin-bottom: 8vh;
}
.big_text{
	font-size: 6rem;
	text-transform: uppercase;
	line-height: .8em;
	font-weight: 900;
}
.name_artist{
	font-size: 2.2rem;
	font-weight: 600;
	text-decoration: underline;

}
.cont_art{
	margin-top: 1.5em;
}
.name_exhibit{font-size: 1.5rem;}
.date_exhibit{font-size: 0.8rem;}
.large_box{

height: calc(100vh - 60px);
position: relative;

}
/**slider settings */
.slideshow { 

position: relative; 
width: 100%;
height: 100%;
overflow: hidden;

}

.slide_box img,picture{ 
width: 100%;
height: 100%;
object-fit: cover;
}
.slide_box { 
position: absolute; 
width: 100%;
top: 0; 
left: 0; 
right: 0; 
bottom: 0; 
display: flex;
display:-webkit-flex;
display: -ms-flexbox;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
justify-content: center;
align-items: center;
}
.slide_text{
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding-bottom: 40px;

}
.cont_text_slide h4{
	font-weight: 100;
}
.cont_text_slide h2,h4{
	margin: 0;
}
.cont_text_slide h2{
	font-size: 2.2em;
}
.cont_text_slide p{
	font-size: 1em;
	white-space: pre-wrap;
	

}
.cont_text_slide{
position: relative;
margin: 0 auto;
width: 90%;
color: rgb(49, 49, 49);
font-size: 1.2em;
}
/************/
/***esposizioni**/
#over_mostre_svolte .wrap h2{
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}
#over_mostre_svolte .wrap .items_box{
display: inline-block;
margin-top: 1em;
width: 264px;
}
#over_mostre_svolte .wrap{
	width: 100%;
height: 100%;
	position: absolute;
	position: absolute;
overflow-y: auto;
white-space:nowrap;   
}

#over_mostre_svolte{
	transition: 0.3s;
position: fixed;
bottom: -500px;
left: 0;
right: 0;
opacity: 0;
background-color: var(--bg-color);
z-index: 120;
height: 500px;
box-shadow: 0 0 10px #3A3A3A;
}
.anim_svolte{
	bottom: 0 !important;
	opacity: 1 !important;
}
.overlayer{
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 119;
	visibility: hidden;
}
.over{
	visibility:visible
}
.titolo_mostra{
	font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
	-webkit-line-clamp: 2;
    max-height: 3em;
}
.titolo_mostra_nome{
    font-family: 'Oswald', sans-serif; 
    font-size: 1.5rem;
    font-weight: 300;
}
.titolo_mostra_data{
    /* font-family: 'Oswald', sans-serif; */
    font-size: 0.8rem;
    font-weight: 300;
}
.cont_img_mostra{
	flex-basis: 60%;
	overflow: hidden;
}
.cont_img_mostra img{
	width: 100%;
	height: 100%;
	object-fit: cover;
 }
.par_tex_mostra{
   font-size: 0.9em;
padding-top: 1.4em;

}
.slider_expo{
	display: -ms-flexbox;
	display: -webkit-flex;
    display:flex;
    margin-top: 1.2em;
    padding-bottom: 1.2em;
	
}
.bott_border{
	border-bottom: 1px solid #7c7c7c;
}

.cont_text_mostra h1, .cont_text_mostra h2{
margin: 0;

}
.cont_text_mostra a:link {
	text-decoration: underline !important;
}
.cont_text_mostra{
    padding: 0px 2em 1.5em 0px;
}
.botton_bar {
  
    text-align: right;
}

.right_mostra{
    position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
    display:flex;
  
	flex-basis: 40%;
	
}
.wrap_img{
	overflow: hidden;
	position: relative;
	font-size: 0;


}
.inner_item{
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: baseline;
    flex-direction: column;
	
}
.item_img {

transition: 0.3s;
width: 100%;

}


 #artisti .items_box:hover img {
	
	transform: scale(1.1); 
}

#primo-piano .items_box:hover:nth-child(3n + 0) img {
	

	transform: scale(1.3); 

}
.text_item{
	width: 100%;
    position: relative;
    font-size: 1.1em;
}
.text_page{
	margin-top: 1.4em;
	line-height: 1.6em;
    text-align: justify;
}
.text_page p:first-child{
	margin-top: 0;
}
.items_box{
	padding-left:0.5em;
	padding-right:0.5em;
	margin-bottom: 10px;

}
.scheda{
	font-size: 1.1em;
}
.items_h p{
	text-align: left;
font-family: 'Noto Serif', serif;


}
.items_h article{
line-height: 1.3em;
}
.items_h{
	padding: .8em;
	font-size: 0.8em;
}
.items_h h2{
	 font-weight: 300; 
	font-family: 'Oswald', serif;
}
.item_wrap_image{
	overflow: hidden;
	width: 100%;
}
.item_wrap_image img{
	    max-width: 100%;
  
}
.item_text h2{
	font-size: 0.8em;
	color: #3B3B3B;
	padding: 1.3em 1.3em
}
/*********************/
#flashContent{
	position: relative;
}
/*************/
.inp_gen{
	padding: .8em;
	width: 100%;
	margin-bottom: .9em;
}
.inp_form textarea{
height: 300px;
}
.inp_form input,textarea{

  
    padding: 12px;
  
    border: none;
    font-family: 'Roboto',sans-serif;
}
.inp_form{
	
	padding: 1em
}
input{
	border: 0
}
a:link{
	 
	  text-decoration: none!important;
}
a,ul{
		padding: 0;
	margin: 0;
}
body, html {
	padding: 0;
	margin: 0;
	font-family: 'Titillium Web', sans-serif;

  color: var(--font-color);
  background-color: var(--bg-color);
  min-height: 100vh;
  

}
.noscroll{
	overflow:hidden;
}
.max_width{
	
	 max-width: var(--max-width);
}
.mp_div_100p {
  width: 100%
}
.over_main{
	background-color: white
}
.mp_main_menu {
 z-index: 100;
  overflow: hidden;
  position: relative;
 
  height: var(--menu-height);
	
}
.center_div {
  margin: 0 auto
}
.pp-container {
    padding-left:  var(--pad-cont);
    padding-right: var(--pad-cont);
	box-sizing: content-box;
	position: relative
}
.logo_had{
	width: var(--logo-width);
}
.wrap_section {
 position: relative;
  height: 100%;
  min-height: 100%;

}
#body_content {

  min-height: 100vh;
  display: block
}
.footer_content {
  background-color: var(--footer-color);
  margin-top: 3em;
  font-size: 0.8em;
}
.copyr_bottom span{
	padding-left: .5em;
	padding-right: .5em;
}
header {
  position: relative;
  top: 0;
  max-width:var(--max-width);
  display: block;
	height: var(--menu-height);
}
.content_header{

	position: fixed;
	background-color: var(--bg-color);
	border-bottom: 1px solid #a8a9b7;
}

.section_index {
  max-width: var(--max-width);
 
}
.wrap_menu {
	display: -ms-flexbox;
	display: -webkit-flex;
    display:flex;
	justify-content: space-between;
	height: var(--menu-height);
	position: relative;
}
.mp_row{
	padding: 0 2em
}
.lg_marg{
	padding: 40px 0 40px
}
.flex{
	display: -ms-flexbox;
	display: -webkit-flex;
	display:flex;
	flex-wrap: wrap
}
.center_flex{
	justify-content: center;
}
/****artisti****/

.list_name_artists a:hover{
text-decoration: underline !important;
}
.list_name_artists a{
	font-family: 'Roboto',serif;
	color: #505050;
	font-weight: 700;
	font-size: 1.4em;
}
.content_names_artists{
	margin-top: 1.2em;
	margin-bottom: 1.2em;
	line-height: 2.3em;
	min-height: 100px;
	column-count: var(--colonne);
}

.side-bar li a{
display: block;
padding-top:1.2em ;
padding-bottom:1.2em ;
}
.side-bar{
	min-width: 150px;
	
}
.cont_image_article img{
	display: block;
	object-fit: cover;
	width: 100%;
	padding-right: 0.8em;
}
.left_column_art{
position: fixed;

	max-width: 300px;
}
.right_column_art{
	width: 70%;
	margin-left: 300px;
padding-left:2em
}
.right_column_art p{
	line-height: 1.4em;
}
.cover_page img{
width: 100%;
}
.content_artist {
	display: -ms-flexbox;
	display: -webkit-flex;
    display:flex;
	justify-content: space-between;
	flex-direction: row;
}
.biografia_cont div{
	font-weight: normal !important
}
/*********************/
.ctn_style_01:hover{
	color: #747474
}
.ctn_style_01{

	font-size: .75em;
	text-transform: uppercase;
	font-weight: 400;
	text-align: center;
	transition: .1s ease-in-out;
    transition-property: color,background-color,border-color,box-shadow;
}
.social_box{
	margin-left: 1em;
}
.social_icon img,.social_icon svg{
	width: 16px;
	height: 16px;
	opacity: 0.7;
}

.social_icon{
	padding: 5px;
	min-height: 60px;
	justify-content: center;
    align-items: center;
    box-sizing: border-box;
	display: -ms-flexbox;
	display: -webkit-flex;
    display:flex;
}
.ctn_bottons_menu{
	min-height: 60px;
	padding: 0 .5em;
	justify-content: center;
    align-items: center;
    box-sizing: border-box;
	display: -ms-flexbox;
	display: -webkit-flex;
    display:flex;
	position: relative;
	
}
.select_main_btn{
	background-color: var(--home-color1);
	color:var(--home-color2);
}
.ctn_bottons_menu:hover{
	
	background-color: var(--home-color1);
color: var(--home-color2);

}
.header_logo {
	display: -ms-flexbox;
	display: -webkit-flex;
    display:flex;
	justify-content: center;
	align-items: center
}

.bar_menu{
	position: absolute;
cursor: pointer;
	top: 14px;
	z-index: 10;
	display: none;
}
.menu_bar nav, .nav, .social_box{
	display: -ms-flexbox;
	display: -webkit-flex;
    display:flex;
}
.inline_div {
	width: 25%;
	padding: 0 5px;
}
.inline_div:last-child{
	padding-right: 0
}
.inline_div:first-child{
	padding-left: 0
}
.form_field_sub{
	font-size: 16px 
}
.btn_gen{
	padding: .7em;
	text-align: center;
	cursor: pointer;
	border-radius: 4px;
	border: none;
	font-size: .8em;
	
}
.btn_base{
	font-family: 'Oswald',sans-serif;
	text-transform: uppercase;
}
.btn_color1{
	background-color: var(--btn_bgcolor1);
color: var(--btn_txcolor1);
}
.btn_submit{
	background-color: #860019;
	color: white;
	text-align: center;
	cursor: pointer
}
.style_inp_01{
	border: 1px solid #3D3D3D;
	background-color: transparent
}
.style_inp_01:focus{
	background-color: white
}
.inp_item {
	display: block;
	width: 100%;
	padding: 12px;
	height: 50px;
	border:none;
	font-family: 'Roboto',sans-serif;;
	
}
.copyr_bottom{
	
	text-align: center;

}
.h_m {
	color: #606060;
	font-size: 2em;
	padding: 1em 0 1em;
	text-transform:uppercase
}
.scroll_down svg{
height: 50px;
width: 30px;
position: absolute; 
left: 0; 
color: #3b7dcc;
right: 0; 
stroke-width: 2px;
margin-left: auto; 
margin-right: auto; 
}

.scroll_down:hover{
	transform: scale(1.2);

}
.scroll_down{
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;	
	cursor: pointer;
	box-shadow: 0 0 3px 3px #a7a7a7;
	-webkit-box-shadow: 0 0 3px 3px #fff;
	position: absolute; 
	left: 0; 
	bottom: 9px;
	right: 0; 
	margin-left: auto; 
	margin-right: auto; 
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: var(--home-color2);
	z-index: 100;
}

.ctn_slider{
	    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    will-change: transform,opacity;
    touch-action: pan-y;
}
.cover_slide_img{
	max-width: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.head_title{
	margin-bottom: 1em;
	margin-top: 1em;
	font-family: 'Roboto',sans-serif;
}
.btn_current{
	display: block
}
.btn_current:hover{
	color: var(--home-color3);
	
}
.select_expo{
	color: #7c7c7c;
}
.h_most{
	margin-right: 1em;
}
.head_title h1{
	font-size: 3rem;
	text-transform: uppercase;
}
/*setting table generico*/
.content_table{
	padding-top: 0.7em;
}
.content_table span{
	margin-right: 0.8em;
}
.content_table table{
	background-color: white;
	border: 0;
	border-collapse: collapse;
}
.content_table table tr{
	margin-top: 1em;
	margin-bottom: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	background-color: #EDEEF1;
	border-bottom: 1px solid #9c9c9c;

}
.content_table table th{
	background-color: #666666;
	color: white;
	text-align: left;
	padding: 0.6em .5em
}
.content_table table td{
	padding: 0.4em .3em
}



/********************************/
/***ADMIN PANEL*****/
.comands_action button{
margin: 0.4em;
}
.comands_action{
	position: absolute;
	top: 0;
	right: 0;
	
}
.ct_img img{

	object-fit: contain;
	width: 100%;
	height: 100%;
}
.ct_img{
	position: relative;
	height: 250px;
	background-color: #fff;
	margin-bottom: 0.9em;
}
#select_files,input[type='file']{
	display: none;
}
.result_images img {
	width: 100%;
}
	.inp_ins{
		border: #ccc solid 1px;
		padding:0.5em;
		width: 100%;
    font-size: 1.4em;
	}
	.inp_simple{
		border: 0;
		padding: 0.5em;
		width: 100%;
		margin-bottom: 6px;
	}
	.side_menu{
		background-color: #3A3A3A;
		width: 230px;
		position: fixed;
		height: 100%
	}	
	.right_column{
		margin-left: 230px;
		width: calc(100% - 230px);
	}
	
	#content_admin{
		width: 100%;
		display: -ms-flexbox;
		display: -webkit-flex;
		display:flex;
		height: 100%
	}
	.cont_padd{
		padding: 1.2em
	}
	.btn_ad_menu{
		color: white;
			display: block;
			padding: 6px;
		    height: 2.5em;
    line-height: 2.2em;
		
	}
	.btn_ad_menu:hover{
		background-color: #7B7B7B;
		color: #262626
	}
.form_edit label{
	font-size: 1em;
	font-weight: bold;
	color: #4F4F4F;
	margin: 1.1em 0 1.1em;
	display: block
}
.btn_admin_menu{
	color: white;
	padding: 1em
}
.preview_image img{
max-width: 250px;
}
.h_admin,.h_admin ul,.h_admin li{
	height: 100%;
	margin-right: 0.7em;
}
.controls_edit{
	align-items: center;
}
.single_opera_update{
	display: none;
}
.desc_opera{
	font-family: 'Lato', sans-serif;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	min-height: 100px;
	display: block;
	padding: 0.8em;
	border: none;
	line-height: 1.6em;
}
.info_user{
	color: rgb(233, 233, 233);
	text-align: center;
}
#loading{
	display: none;
}
.hide_select{
	display: none;
}

#buttons_sale span{
	margin-right: 0.7em;
	margin-top: 0.7em;
}
.content_lato{
	min-height: 200px;
}
.empty_box{
	display: block;
	height: 250px;
	background-color: #4B4B4B;	
}
.empty{
	text-align: center;
	font-size: 2em;
}
/*radio checkbox*/
.switch {
	display: inline-block;
	height: 34px;
	position: relative;
	width: 60px;
  }
  
  .switch input {
	display:none;
  }
  
  .slider {
	background-color: #ccc;
	bottom: 0;
	cursor: pointer;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: .4s;
  }
  
  .slider:before {
	background-color: #fff;
	bottom: 4px;
	content: "";
	height: 26px;
	left: 4px;
	position: absolute;
	transition: .4s;
	width: 26px;
  }
  
  input:checked + .slider {
	background-color: var(--btn_bgcolor1);
  }
  
  input:checked + .slider:before {
	transform: translateX(26px);
  }
  
  .slider.round {
	border-radius: 34px;
  }
  
  .slider.round:before {
	border-radius: 50%;
  }
  .ajax_result .content_text{
	  padding: 1em;
	  border-radius: .4em;
  }
  .ajax_result{
	  position: relative;
	  width: 100%;
  }
  .error:before{
	content: "\d7";
   padding-right: 3px;
   font-weight:900;
   vertical-align: middle;
   font-size: 2em;
  }
  .error{
background-color: #ecc8c5;
color: #ad1f1d;
border: 2px solid #d8aba9;

  }
  .success:before{
	content: "\2713";
   padding-right: 3px;
   font-weight:900;
   font-size: 2em;
   vertical-align: middle;
}
  .success{
	background-color: #def2d6;
	color: #4b6243;
	border: 2px solid #cbe1c2;
  }
.info:before{
	content: "i";
   padding-right: 3px;
   font-weight:900;
   font-size: 2em;
   vertical-align: middle;
}
.info{
background-color: #cde8f5;
color: #3272a5;
border: 2px solid #acd6eb;
}
.warning:before{
	content: "\26a0";
   padding-right: 3px;
   font-weight:900;
   font-size: 2em;
   vertical-align: middle;
}
.warning{
	background-color: #f8f3d6;
	color: #865c17;
	border: 2px solid #ebe6c4;
}

  #ajax_messages{
	  overflow: hidden;
	  z-index: 300;
	  position: fixed;
	  display: none;
	  bottom: 5px;
	  width: 100%;
	}
	.wrap_message{
		border-radius: 8px;
		margin: 0 auto;
		padding: 1.2em;
width: 700px;
  }
  .content_message{
	  text-align: center;
	  font-weight: bold;
  }
  .top_bar_save .btn_gen{
	display: block;
  }
  .top_bar_save .flex{
  
	  justify-content: space-between;
}
  #buttons_sale{
	  z-index: 100;
	  padding: 1em 0 1em;
	  position: fixed;
	  background-color: #e6e6e6;
	  top: 0;
	  left: 250px;
	  right: 1em;
	  max-width: var(--max-width);
  }
  .top_bar_save{
	  z-index: 100;
	  padding: 1em 0 1em;
	  position: fixed;
	  background-color: #e6e6e6;
	  top: 0;
	  left: 250px;
	  right: 1em;
  }
  #buttons_sale{
	  width: 100%;
  }
  .inner_edit{
	  margin-top: 3em;
  }
.seo{
	width: 50%;
	height: 7em;
}
  /*MEDIAQUERY**/
  @media screen and (max-width: 1200px) {
	  	:root {
	 --mod-20:33%;
	 --mod-25:33%;
	 --colonne:2
 }

   .header_logo{
	   margin: 0 auto;
   }
   .bar_menu{
	   display: block !important;
   }
.menu_bar{
   display: none;
   font-size: 2em;
}
.menu_bar .nav,nav{
   display: block !important;
   text-align: center;

}

.social_box{
   justify-content: center;
   margin-left: 0;
   
}
   .menu_btns{
	   position: absolute;
	   top: 60px;
	   left: 0;
	   height: 100vh;
	   width: 100%;
	   background-color: var(--home-color2);
   }
   .big_text{
	   font-size: 5rem;
   }
}
@media screen and (max-width: 940px) {
	:root{--max-width:100%;--pad-cont:20px;--mod-25:50%; --mod-20:50%; --mod-33:50%;--mod-80:100%;--mod-50:100%;--colonne:1;--logo-width:150px;}.content_artist{
	flex-direction: column;
}
.right_column_art{
	width: 100%;
	margin: 0;
	padding-left:0
}
.left_column_art{
	position: relative;
}
.box_left, .box_right{
	text-align: center;
}
.slider_expo  {
	flex-direction: column;
}
}
@media screen and (max-width: 600px) {
	:root{--mod-25:100%;--mod-33:100%;--mod-80:100%;}	.left_column_art{
		width: 100%;
	}
 .cont_img_mostra img{
   max-width: 200px;
}

}
@media screen and (max-width: 380px) {

 	:root{--mod-33:100%;}}
@media print {
	.noprint {
	   visibility: hidden;
	}
 }