.sp-page-title {
    background-size: cover;
    background-position: 50% 40%;
}
.home1,
.home2,
.eventi{
  padding:10px 0;
}
.home1 img {
    height: 450px; /*600px;*/
    width: 100%;
    object-fit: cover;
}
.home2 img {
    height: 350px; /*400px;*/
    width: 100%;
    object-fit: cover;
}
.eventi img {
    height: 120px;
    width: 100%;
    object-fit: cover;
}
.home1 p,
.home2 p,
.eventi p{
    position: absolute;
    left: -7px;
    top: 0;
    margin: 0;
    white-space: nowrap;
    vertical-align: middle;
    writing-mode: sideways-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-lr;
    -ms-transform: scale(-1);
    -webkit-transform: scale(-1);
    transform: scale(-1);
    font-weight: 300;
    text-transform: uppercase;
      letter-spacing: 0.5px;
}
.home1 h2,
.home2 h2,
.eventi h2{
position: absolute;
top: 50%;
left: 50%;
/*padding: 2em;
width: 100%;*/
opacity: 0;

text-align: center;
transform: translate(-50%, -45%);
   /*   position: absolute;
    bottom: 0;
    left: 0;
    padding: 2em;
    width: 100%;
    opacity: 0;*/
text-transform: uppercase;
color: #fff;
  /*-webkit-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0);*/
}

/*.home1 h2:hover,
.home1:hover h2{
	opacity: 1;
  transform: translate(-50%, -50%);
     -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}*/
/*.home2 h2 {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}*/
.figure {
    background: #333;
}
.home1 img:hover,
.home2 img:hover,
.eventi img:hover{
    opacity:0.7;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}


.grid {
	position: relative;
	margin: 0 auto;
	/*padding: 1em 0 4em;
	max-width: 1000px;*/
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	/*float: left;*/
	overflow: hidden;
	/*margin: 10px 1%;
	min-width: 320px;
	max-width: 480px;
	max-height: 360px;
	width: 48%;
	background: #3085a3;*/
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 2; /*1000;*/
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure h3 {
	margin: 0;
}

.grid figure h3 {
	letter-spacing: 1px;
}




figure figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top, rgba(51,51,51,0) 0%, rgba(51,51,51,0.8) 75%);
	background: linear-gradient(to bottom, rgba(51,51,51,0) 0%, rgba(51,51,51,0.8) 75%);
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
}

figure h2 {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color: #484c61;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
}

figure figcaption::before,
figure h3 {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure h3 {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	opacity: 0;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}

figure:hover h2 {
	color: #fff;
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
	transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}

figure:hover figcaption::before ,
figure:hover h3 {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.itemid-134 .sp-page-title {
    background-size: cover;
    background-position: 50% 80%;
    background-attachment: scroll;
  height: 350px;
}
#sp-accedi h2 {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 35px;
  padding-top: 50px;
  color: #22b8f0;
  font-weight: 300;
}
#sp-accedi h2 span {
  color: #d23832;
}
@media (max-width: 992px) {
  .grid figure{
    margin:10px 0;
  }
  figure figcaption::before,
  figure h3{
    opacity: 1;
  }
}
.item.item-page {
    background: #ffffffa6;
}
.modal {
    z-index: 10000;
}
.modal-dialog {
    max-width: 800px!important;
  width:auto!important;
}
.nuclei h4 {
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 20px;
}
.nuclei a{
  color: #285fe1;
font-weight: 400;
}

.nuclei .accordion-group {
    border: none !important;
    background: none;
}
/*.nuclei .accordion-group .panel-heading a {
  color: #333!important;
}*/
.rl_sliders.accordion > .accordion-group.icon > .accordion-heading > a.accordion-toggle span.rl_sliders-toggle-inner::before{
  margin-right:10px;
  font: normal normal normal 14px/1 FontAwesome!important;
    
font-size: 14px;
text-rendering: auto;
-moz-osx-font-smoothing: grayscale;
content: "\f078"!important;
border: 2px solid;
padding: 3px;
}
.rl_sliders.accordion > .accordion-group.icon.active > .accordion-heading > a.accordion-toggle span.rl_sliders-toggle-inner::before {
    content: "\f077"!important;
}
.rl_sliders.accordion>.accordion-group>.accordion-heading>a.accordion-toggle:hover {
 background-color:none !important;
  
}
.rl_sliders.accordion>.accordion-group.active>div>a:focus,
.rl_sliders.accordion>.accordion-group>div>a:focus {
 -webkit-box-shadow:none;
 box-shadow:none;
}

.nuclei  .rl_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle {
   color: #333;
}
.nuclei{
  background: #3333330f;
}
/*
.nuclei li {
    display: list-item;
    list-style-type: "»";
}
.nuclei ul {
    padding-left: 15px;
}
.nuclei li::marker {
    content: '»   ';
}
.nuclei li:before {
    content: '»   ';
}*/

.nuclei ul{
    list-style: none;
    padding-left: 10px;
    margin: 0;
}
.nuclei li{
    padding-left: 10px;
}
.nuclei ul >li::marker {
    font-family: FontAwesome;
    content: "\f101";
    margin-right: 8px;
   font-size: 12px;
}

.mfp_default_skin_default .mfp_default_item .mfp_default_title a {
  font-weight: 400 !important;
  color: #333;
}
.mfp_default_skin_default .mfp_default_item div {
  border: 1px solid rgba(0,0,0,0.1);
  box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);
  padding: 10px;
  height: 100%;
}
#sp-eventi .sp-module {
    margin-top: 0;
}
.tavola .col-xs-1 {
    padding: 1px;
}
.tavola {
    background: #626161;
    padding: 15px 35px;
}
.tavola a:hover,
.mosaico a:hover{
  opacity: 0.6;
}
.col-tv-1 {
   width: 7.691%;
    float: left;
    position: relative;
    min-height: 1px;
    padding: 1px;
}
.mosaico [class*='col-']{
  padding:2px;
}
/*.mosaico h3{
  opacity:0;
  position:absolute;
  text-align:center;
  width: 100%;
  top: 40%;color: #333;
z-index: 99999;
-webkit-transition: opacity .15s ease-in-out;
        -moz-transition: opacity .15s ease-in-out;
        -ms-transition: opacity .15s ease-in-out;
        -o-transition: opacity .15s ease-in-out;
        transition: opacity .15s ease-in-out;
}

.mosaico [class*='col-']:hover h3{
  opacity:1;
  -webkit-transition: opacity .15s ease-in-out;
        -moz-transition: opacity .15s ease-in-out;
        -ms-transition: opacity .15s ease-in-out;
        -o-transition: opacity .15s ease-in-out;
        transition: opacity .15s ease-in-out;

}*/
.mosaico img:hover{
  opacity:0.5;
  -webkit-transition: opacity .15s ease-in-out;
        -moz-transition: opacity .15s ease-in-out;
        -ms-transition: opacity .15s ease-in-out;
        -o-transition: opacity .15s ease-in-out;
        transition: opacity .15s ease-in-out;
}

.home1 [class*='col-md'], .home2 [class*='col-md']{
  position:relative;
}

.itemid-101 #sp-main-body {
  padding: 0;
}