:root {
  --verde: #6ABD45;
  --verde-chiaro: #fff;
  --footer: #fff;
  --blu: #172644;
  --blu-chiaro: #8a91a1;
  --viola: #9D6494;
  --grigio-scuro: #666;
  --grigio-chiaro: #EBEDEC;
}

html { 
  margin: 0px;
  padding: 0px; 
   
}

body { 
  color: #333; 
  font-family: 'Lato', sans-serif;
  font-size: 20px;
  overflow-x: hidden;
  margin: 0px;
  padding: 0px; 
  width: 100%;
  height: 100%; 
  position: relative;   
  font-weight: 400;
  background-color: #fff;

}

.popup {
  position: relative;
  background: #FFF;
  padding: 0px;
  width: auto;
  max-width: 700px;
  margin: 20px auto;
  box-sizing: border-box;
}

.white-popup {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 700px;
margin: 20px auto;
box-sizing: border-box;
color: #333;
font-size: 12px;
}
a {

  text-decoration: none;
  color: #000;
}
a:hover {
  /*color: #A47A32;*/
}
a.active {
  /*color: #A47A32;*/
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

label.required{
color: #000000;
font-size: 10px;
letter-spacing: 1px;
font-weight: normal;
text-transform: uppercase;
padding: 0 0 15px 0;
margin: 0;
display: inline-block;
}
input[type=number], input[type=email], input[type=text], input[type=submit], textarea, select{
border-radius: 0px;
box-shadow: none;
border: 1px solid #ddd;
font-weight: 400;
padding: 12px 15px;
height: auto;
margin: 0px;
box-sizing: border-box;
display: block;
width: 100%;
font-size: 14px;
background-color: #fff;
}
input[type=submit]{
font-size: 18px;
padding: 10px;

background-color: #9B6495;
color: #fff;
border: none;
font-weight: bold;

display: inline-block;
width: 100%;
text-align: center;
border-radius: 50px;
}
.color_template{
  color: #76A034 !important;

}


.css-checkbox + label {
  display: block;
  margin: 0.2em;
  cursor: pointer;
  padding: 0.2em;
}

.css-checkbox {
  opacity: 0;
}

.css-checkbox + label:before {
  content: "\2713";
  border: 0.1em solid #000;
  /*border-radius: 0.2em;*/
  display: inline-block; 
  width: 1em;
  height: 1em;
  padding-left: 0.2em;
  padding-bottom: 0.3em;
  margin-right: 0.2em;
  vertical-align: bottom;
  color: transparent;
  transition: .2s;
}

.css-checkbox + label:active:before {
  transform: scale(0);
}

.css-checkbox:checked + label:before {
  background-color: #333;
  border-color: #333;
  color: #fff;
}

.css-checkbox:disabled + label:before {
  transform: scale(1);
  border-color: #aaa;
}

.css-checkbox:checked:disabled + label:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}





.css-filter + label {
  display: block;
  margin: 0.2em;
  cursor: pointer;
  padding: 0.2em;
}

.css-filter {
  opacity: 0;
}

.css-filter + label:before {
  content: " ";
  border: 0.1em solid #000;
  /*border-radius: 0.2em;*/
  display: inline-block; 
  width: 1em;
  height: 1em;
  padding-left: 0.2em;
  padding-bottom: 0.3em;
  margin-right: 0.2em;
  vertical-align: bottom;
  color: transparent;
  float: right;
  /*transition: .2s;*/
}

.css-filter + label:active:before {
  /*transform: scale(0);*/
}

.css-filter:checked + label:before, .css-filter:hover + label:before {
  background-color: #333;
  border-color: #333;
  color: #fff;
}

.css-filter:disabled + label:before {
  /*transform: scale(1);*/
  border-color: #aaa;
}

.css-filter:checked:disabled + label:before {
  /*transform: scale(1);*/
  background-color: #bfb;
  border-color: #bfb;
}


.flex{
position: relative;
}

.div_20{
/*width: calc(25% - 25px);*/
width: 100%;
}

.div_25{
/*width: calc(25% - 25px);*/
width: 100%;
}
.div_33{
/*width: calc(33% - 25px);*/
width: 100%;
}

.div_40{
/*width: calc(33% - 25px);*/
width: 100%;
}
.div_50{
/*width: calc(50% - 25px);*/
width: 100%;
}

.div_60{
/*width: calc(66% - 25px);*/
width: 100%;
}

.div_70{ 
/*width: calc(66% - 25px);*/
width: 100%;
}
.div_75 {
/*width: calc(75% - 25px);*/
width: 100%;
}
.div_100 {
/*width: calc(75% - 25px);*/
width: 100%;
}



.container{
margin: 0px auto;
box-sizing: border-box;
padding: 20px ;
}

.container_1600{
margin: 0px auto;
box-sizing: border-box;
padding: 20px ;
}

.container_1440{
margin: 0px auto;
box-sizing: border-box;
padding: 20px ;
}

.container_1200{
margin: 0px auto;
box-sizing: border-box;
padding: 20px ;
}

.container_box_home{
margin: 0px auto;
box-sizing: border-box;
padding: 20px ;
}

a.bottone {
  background-color: #333;
  color: white;
  border-radius: 4px;
  padding: 10px 15px;
  transition: .2s;
  font-size: 12px;
  }
  
a.link {
  color: #9c6495;
}




/*a:not(.bottone):hover {
  color: var(--viola);
  color: #fff;
  text-decoration: none;
}*/

.button_rounded {
  font-size: 16px;
  background-color: #9c6495;
  color: #fff;
  border: none;
  border-radius: 50px;
  font-weight: bold;
  padding: 10px 30px;
  
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  transition: .2s;
  text-decoration: none;
  text-align: center;
}

#top{
display: inline-block;
width: 100%;
position: relative;
}
#logo{
width: 120px;
position: absolute;
left: 20px;
top: 30px;


}
#menu a {

display: inline-block;
font-size: 12px;
font-weight: 500;
}
#top h1{
font-size: 23px;
text-align: center;
margin-top: 50px;
font-weight: 700;
color: #fff;
}
#image_puzzle{
margin-bottom: 25%;
position: relative;

}
#image_puzzle img{
width: 100%;
}

#image_puzzle div{

position: relative;
z-index: 0;
}


#image_puzzle div:nth-child(1){
width: 59%;

z-index: 1;
}

#image_puzzle div:nth-child(2){
width: 45%;

z-index: 1;
position: absolute;
left: 40%;
top: 62%;
}
#image_puzzle div:nth-child(3){
width: 35%;

z-index: 1;
position: absolute;
right: 0%;
top: 42%;

}
ul#elenco{
padding-left: 20px;
}
ul#elenco li{
font-weight: 600;
font-size: 18px;
}


h2{
font-size: 30px;
line-height: 1.2em;
}



#img_1{
width: 50%;
}
#img_2{
width: 50%;
}

.margin_10{
margin-top: 0%;
margin-bottom: 10%;

}
.item_settore{
text-align: center;
padding: 15px ;
box-sizing: border-box;
font-size: 14px;
}

.titolo1{
color: #121212; margin-top:20px; font-size: 35px
}
.titolo2{
color: #121212; margin-top:0px; font-size: 32px
}
#box_form{
background-color: #fff;
box-sizing: border-box;
display: inline-block;
width: 100%;
padding: 20px;
-webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.12); 
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
border-radius: 25px;
font-size: 13px;
}
#box_form .div_50, #box_form .div_75, #box_form .div_100 {
margin-bottom: 15px;
box-sizing: border-box;
} 
#box_form label{
color: #121212;
font-weight: bold;
font-size: 15px;
display: block;
width: 100%;
margin-bottom: 5px;
}

#box_form .item_privacy label{
color: #333;
font-weight: normal;
font-size: 13px;
}
.box_social{
text-align: center;
color: #9D6494;
font-size: 30px;
margin-top: 25px;
}


.container_780{
  max-width: 780px;
margin: 0px auto;
box-sizing: border-box;  
}

.container_900{
max-width: 900px;
margin: 0px auto;
box-sizing: border-box;
}
.container_1440{
max-width: 1488px;
margin: 0px auto;
box-sizing: border-box;
}

.text_center {
text-align: center;
}
.bg_grey {
background-color: #f8f8f8;
}

.fontcolor_color{
color: var(--color_site_1);
}
.font_700{
 font-weight: 700;
}

.flex{
position: relative;
}

.flex_order_reverse{
flex-direction: row-reverse;

}

.flex_center{
 align-items: center;
justify-content: center;
} 

.padding_large{
padding: 24px ;
box-sizing: border-box;
line-height: 1.4em;
}
.padding_medium{
padding: 15px ;
box-sizing: border-box;
line-height: 1.4em;
}
.padding_small{
padding: 10px ;
box-sizing: border-box;
line-height: 1.4em;
}

.padding_desktop{
padding: 0px ;
box-sizing: border-box;
}

.margin_normal{
margin-top: 10px;
margin-bottom: 10px;
}
.margin_large{
margin-top: 25px;
margin-bottom: 25px;
}
.margin_medium{
margin-top: 15px;
margin-bottom: 15px;
}
.margin_small{
margin-top: 10px;
margin-bottom: 10px;
}

.radius_large{
border-radius: 32px;
}

.bg_color {
background-color: var(--viola);

}
.fontcolor_white{
color: #fff;
}
.titolo2{
color: #fff; margin-top:0px; font-size: 32px
}
.scrollup{
position: fixed;
z-index: 9;
display: none;
width: 60px;
height: 60px;
bottom: 20px;
right: 20px;
background-image: url(../img/scrollup.svg);
background-repeat: no-repeat;
background-position: center center;
background-color: #9d6494;
border-radius: 100%;
cursor: pointer;
}
.fontsize_normal{
 font-size: 20px;
 line-height: 1.4em;
}
.fontsize_small{
 font-size: 15px;
 line-height: 1.5em;
}

#bg_home{
background-image: url(../img/home.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
height: 340px;
display: inline-block;
text-align: center;
padding-top: 50px;
position: relative;
}

#background_video{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-color: #fff;
height: 100%;
width: 100%;
}
#background_video video{
height: 100%;
width: 100%;
object-fit: cover;

}

#bg_home h1{
color: #fff;
font-size: 30px;
font-weight: 600;
margin-bottom: 0px;
}
#bg_home h2{
color: #fff;
font-size: 20px;
font-weight: 300;
margin-top: 0px;
}

header{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
width: 100%;
box-sizing: border-box;
transition: transform 1s,background-color .25s,background .25s;
color: #fff;
z-index: 2;
}

#header_logo{
width: 110px;
height: 30px;
display: block;
background-image: url(../img/logo.svg);
/*filter: invert(100%) sepia(0%) saturate(7498%) hue-rotate(103deg) brightness(106%) contrast(95%);*/
margin-right: 20px;
}

#header{
display: flex;
align-items: center;
position: sticky;
}

#header div:last-child{
text-align: right;
}

#header_menu {
text-align: center;
display: none;
}

#header_menu a{
font-size: 17px;
border-bottom: 2px solid transparent;
padding: 7px 0px ;
margin: 0px 12px;
color: #fff;
}
#header_menu a:hover, #header_menu a.active{
border-bottom: 2px solid #fff;
}


header.active{
background-color: #fff;
color: #333;
}

header.active #header_menu a{
color: #333;
}

header.active #header_menu a:hover{
border-bottom: 2px solid #333;
}

header.active #header_logo{
background-image: url(../img/logo_su_bianco.svg);
}

header.slideUp
{
  transform: translate(0,-100%);
}
header.active #header_logo{
/*filter: invert(11%) sepia(1%) saturate(3348%) hue-rotate(317deg) brightness(87%) contrast(74%);*/
}

.navigation_bar__icons {
  position: relative;
   display: inline-flex;
  justify-self: end;
  gap: 5px;
  
}

.navigation_bar__icons div {
  display: flex;
  flex-direction: column;
}

.navigation_bar__languageIcon {
  flex-direction: row !important;
  padding-left: .8rem;
  border-radius: .8rem;
  transition: all .3s;
}
.navigation_bar__icons span {
  padding-top: .4rem;
  font-weight: 700;
}
.navigation_bar--revealed span {
  color: var(--color-primary-700,#9D6494) !important;
}

.navigation_bar__icons button {
  position: relative;
  display: flex;
  background: none;
  border: none;
  padding: 0;
}

.navigation_bar__icons div{
border-radius: 10px;
}


.navigation_bar__icons div:hover{
background-color: var(--grigio-chiaro);
color: #333;
}



.navigation_bar__icons div:hover svg{
 filter: invert(11%) sepia(1%) saturate(3348%) hue-rotate(317deg) brightness(87%) contrast(74%);
}


.navigation_bar__icons svg {
  padding: .4rem;

  box-sizing: content-box;
  border-radius: .8rem;
  cursor: pointer;
  transition: all .3s;
  filter: invert(100%) sepia(0%) saturate(7498%) hue-rotate(103deg) brightness(106%) contrast(95%);
}

header.active .navigation_bar__icons svg {
filter: invert(11%) sepia(1%) saturate(3348%) hue-rotate(317deg) brightness(87%) contrast(74%);
}

#preferiti_cont{
position: absolute;
top: 10px;
right: 10px;
background-color: var(--viola);
display: block;
width: 10px;
height: 10px;
border-radius: 100%;
}

header.full{
color: #333;
}
header.full #header_menu a{
color: #333;
}
header.full #header_menu a:hover, header.full #header_menu a.active{
border-bottom: 2px solid #966596;
}
header.full .navigation_bar__icons svg {
filter: invert(11%) sepia(1%) saturate(3348%) hue-rotate(317deg) brightness(87%) contrast(74%);
}
header.full #header_logo{
background-image: url(../img/logo_su_bianco.svg);
}


#menu_language{
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
border-top-left-radius:0px;
border-top-right-radius:10px;
top: 35px;
position: absolute;
width: 200%;
background-color: var(--grigio-chiaro);
padding: 15px 0;
box-sizing: border-box;
left: 0px;
text-align: center !important;
display: none;
}
.navigation_bar__languageIcon:hover > #menu_language{
display: block;
} 

#menu_language a{
font-size: 13px;
display: inline-block;
width: 100%;
text-align: left !important;
text-transform: uppercase;
padding: 10px 15px;

box-sizing: border-box;
}
#menu_language a:hover{
background-color: var(--viola);
color: #fff;
}

#maxi_menu{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
width: 100%;
opacity: 0;
height: 100%;
background-color: #fff;
z-index: 4;
display: none;
}

#header_maxi_menu{
display: inline-block;
width: 100%;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
z-index: 1;
}

#maxi_menu_body{
display: inline-block;
width: 100%;
height: 100%;
z-index: 0;
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
}

#maxi_menu_body .maxi_menu_padding{
padding: 20px;
box-sizing: border-box;
}

#maxi_menu_div_categorie{
background-color: #fff;
width: 100%;
height: calc(100% - 80px);
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
overflow: auto;
margin-top: 78px;
}

#maxi_menu_video, #maxi_menu_div_sottocategorie{
display: none;
}



#maxi_menu_categorie a{
font-size: 24px;
font-weight: 300;
padding: 20px 0px 0px 0px;
display: inline-block;
width: 100%;
box-sizing: border-box;

background-image: url(../img/arrow_up.svg);
background-repeat: no-repeat;
background-position: right 0px top 22px;
background-size: 24px 24px;

}

#maxi_menu_categorie a:hover, #maxi_menu_categorie a.active{
font-weight: 500;
color: #333;
}
#maxi_menu_categorie a.active{
background-image: url(../img/arrow_down.svg);
}

#maxi_menu_categorie a.active::after {
  padding-top: 0.4rem;
  content: "";
  display: block;
  width: 4.8rem;
  border-bottom: 0.2rem solid #9C6495;
}
#maxi_menu_link {
/*margin-top: 70px;*/
}
#maxi_menu_link a{
font-size: 16px;
font-weight: 300;
padding: 10px 0px ;
display: inline-block;
width: 100%;
box-sizing: border-box;


}
#maxi_menu_link a:hover{
color:var(--viola);
}

#maxi_menu_sottocategorie a {
display: inline-block;
width: 100%;
padding: 8px 0px ;
font-weight: 600;
font-size: 24px;
}
#maxi_menu_sottocategorie a:hover {
color: #9d6494;
}

.mobile_sottocategoria{
display: none;
width: calc(100% + 40px);
background-color: var(--grigio-chiaro);
margin-top: 0px;
margin-left: -20px;
padding: 20px;
box-sizing: border-box;
float: left;
}
.mobile_sottocategoria.active{
display: inline-block;
}

#maxi_menu_categorie .mobile_sottocategoria a{
font-weight: 500;
font-size: 18px;
padding: 15px 0px;
background-image: none;
}

.navigation_bar__icons div.block {
background-color: var(--grigio-chiaro);
color: #333;
}

.navigation_bar__icons div.block svg{
 filter: invert(11%) sepia(1%) saturate(3348%) hue-rotate(317deg) brightness(87%) contrast(74%);
}



.swiper {
width: 100%;
height: 100%;
}

.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.swiper-slide img {
width: 100%;
/*display: block;
height: 100%;
object-fit: cover;*/
}




/*--- Previous & Next Buttons ---*/
.swiper-button-next, .swiper-button-prev {
background-color: #fff;
padding: 10px ;
border-radius: 100%;
width: 19px;
height: 19px;
opacity: 0.2;
transition: 0.3s;
}
.swiper-button-next::after, .swiper-button-prev::after{
font-size: 0px !important;
}
.swiper-button-prev{
background-image: url(../img/slide_left.svg);
}
.swiper-button-next{
background-image: url(../img/slide_right.svg);
}

.swiper-button-prev:hover, .swiper-button-next:hover {
opacity: 1;
}


.swiper_points .swiper-wrapper{
padding-top: 50px;
}

.swiper_points .swiper-button-next, .swiper_points .swiper-button-prev {

top: 15px;
padding: 0px ;
border-radius: 0px;
}
.swiper_points .swiper-button-next{
background-image: url(../img/slide_right.svg);
background-size: 32px 32px;
}
.swiper_points .swiper-button-prev{
background-image: url(../img/slide_left.svg);
background-size: 32px 32px;
left: auto;
right: 50px;
}

/*--- Pagination Bullets ---*/

/*.swiper-pagination-bullets {
bottom: 18px !important;
}

.swiper-pagination-bullet {
width: 10px !important;
height: 10px !important;
border: 2px solid #fff;
border-radius: 50% !important;
background-color: transparent !important;
opacity: 1 !important;
}

.swiper-pagination-bullet-active {
background-color: #fff !important;
}*/

/*--- Progress Bar ---*/

.carousel-progress {
position: relative;
width: 100%;
height: 4px;
margin-top: -4px;
background-color: #f5f5f5;
z-index: 1 !important;
}

.progress {
position: absolute;
height: 4px;
background-color: #9d6494;
  animation-name: progress;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

@keyframes progress {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}

#attivita_box_padding{
padding: 0px ;
}

#attivita_box{
padding: 20px;

background-color: #fff;
text-align: left;
display: inline-block;
  width: 100%;
box-sizing: border-box;
}

#attivita_box_sx{
float: left;
width: 100%;
}

.apri_filtri, .chiudi_filtri{
background-color: var(--viola);
text-align: center;
padding: 10px;
box-sizing: border-box;
display: inline-block;
width: 100%;
font-size: 14px;
color: #fff;
font-weight: 600;
}

#box_filtri{
display: none;
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-color: #fff;
width: 100%;
height: 100%;
z-index: 200;
padding: 15px 15px 80px 15px;
box-sizing: border-box;
overflow: auto;
}

.chiudi_filtri{
position: fixed;
bottom: 0px;
left: 0px;
right: 0px;
width: 100%;
}


#attivita_box_dx{
float: left;
width: 100%;
margin-top: 30px;
}

.attivita_title{
font-size: 18px;
padding-bottom: 20px;
border-bottom: 3px solid #333 ;
margin-bottom: 20px;
display: inline-block;
  width: 100%;
}
.attivita_item{
text-align: left;
float: left;
width: 100%;
padding: 5px;
box-sizing: border-box;
font-size: 12px;
position: relative;
margin-bottom: 15px;
}
.attivita_item a {
display: block;
}

.attivita_item_img {
  height: 150px;
  width: 100%;
  position: relative;
  overflow: hidden;
  z-index: 1;
  margin-bottom: 0px;
}
.attivita_item_img::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #e5e5e5;
  opacity: 0;
  transition: .5s ease all;
}
.attivita_item_img img {
height: 200px;
transition: .5s ease all; 
width: 100%; 
object-fit:cover;

}
.attivita_item_img:hover img {
  transform: scale(1.1);
}

.attivita_item_img:hover::after {opacity: 0.2;}


.attivita_item_text{
background-color: #F3F5F4;
padding: 10px ;
box-sizing: border-box;
font-weight: 300;
font-size: 14px;
color: #666;
min-height: 100px;
position: relative;
}

.attivita_item_text span{
font-weight: 600;
font-size: 18px;
color: #333;
display: block;
margin-bottom: 5px;
}

.attivita_item_vai{
position: absolute;
bottom: 20px;
right: 20px;
font-size: 12px;
font-weight: 800;
color: var(--viola);
}




a.button_map{
border: 2px solid #ccc ;
padding: 7px 15px ;
font-size: 13px;
font-weight: 600;
color: #666;
background-color: #fff;
}

a.button_map:hover{
border: 2px solid #ddd ;
background-color: #f9f9f9;
color: #333;

}

a.button_map i{
margin-right: 5px;
}
.attivita_sel{
margin-bottom: 15px;
/*min-height: 50px;*/
}


.attivita_preferiti{
top: 10px;
right: 10px;

position: absolute;
background-color: var(--viola);
width: 28px;
line-height: 28px;
border-radius: 5px;

text-align: center;
color: #fff;
z-index: 2;
}
.attivita_preferiti:hover{
color: var(--viola);
background-color: #fff;
}


.attivita_item a:hover{
color: var(--viola);
}
.attivita_item a strong{
font-style: 17px;
font-weight: 800;
}

.attivita_item a p{
font-size: 13px;
font-weight: 400;
color: #666;
line-height: 1.5em;
}



#attivita_menu{
display: inline-block;
width: 100%;
}
#attivita_menu a{
display: inline-block;
width: 100%;
font-size: 24px;
font-weight: 600;
padding: 10px 0px ;
}

#attivita_menu a span{
background-color: #ebebeb;
color: #333;
font-size: 12px;
padding: 3px 8px;
float: right;
margin-top: 4px;
font-weight: 500;
}

#attivita_menu a:hover, #attivita_menu a.active{
color: var(--viola);
}
#attivita_menu a.active span{
background-color: var(--viola);
color: #fff;
}

#attivita_menu .attivita_sottomenu{
display: none;
}

#attivita_menu .attivita_menu_item.active{
padding-bottom: 15px;
border-top: 3px solid var(--viola);
border-bottom: 3px solid var(--viola);
}

#attivita_menu .attivita_sottomenu.active{
display: block;

}

#attivita_menu .attivita_sottomenu label{
display: inline-block;
width: 100%;
font-size: 16px;
font-weight: 400;
}

#attivita_menu .attivita_sottomenu label span{
background-color: #ebebeb;
font-size: 11px;
padding: 3px 6px;
float: right;
}

#attivita_menu .attivita_sottomenu label input{
margin-right: 7px;
}

#attivita_menu .attivita_sottomenu label.active{
color: #000;
font-weight: bold;
}
#attivita_menu .attivita_sottomenu label.active span{
background-color: var(--grigio-scuro);
color: #fff;
}

.attivita_form_dinamico label{
display: inline-block;
width: 100%;
font-size: 15px;
font-weight: 300;
}
.attivita_form_dinamico label input{
margin-right: 7px;
}

.attivita_form_dinamico label span{
background-color: #ebebeb;
font-size: 11px;
padding: 3px 6px;
float: right;
}

#dettaglio_img_principale{
display: inline-block;
width: 100%;
position: relative;
height: 250px;
margin-top: 30px;
}
#dettaglio_img_principale img{
object-fit: cover;
width: 100%;
height: 250px;
}

#dettaglio_logo{
position: absolute;
top: 25px;
right: 25px;
width: 80px;
height: 80px;
}

#dettaglio_logo img{
object-fit: cover;
width: 80px;
height: 80px;
}


.box_dettaglio {
text-align: left;
background-color: #fff;
margin-top: 0px;
position: relative;
z-index: 0;
padding: 0px ;
box-sizing: border-box;
padding-bottom: 20px;
color: #333;
display: inline-block;
width: 100%;
margin-top: -30px;
}

.box_prenota{
z-index: 0;
padding: 0px;
box-sizing: border-box;
position: relative;  
text-align: left;
padding: 20px ;
box-sizing: border-box;
background-color: #F3F4F4;
font-size: 16px;
line-height: 1.4em;
color: #999999;
display: inline-block;
width: 100%;
}


.box_prenota strong{
color: #333;
}

.box_prenota_title{
color: #333;
font-size: 27px;
}

.box_prenota a {
color: #999;
}
.box_prenota a:hover{
//text-decoration: underline;
color: #896799;
}

.menu_dettaglio{
border-bottom: 2px solid #EBEBEB ;
width: 100%;
height: 54px;
float: left;
background-color: #fff;
position: sticky;
z-index: 2;
top: 0px;
}
.menu_dettaglio a {
float: left;
line-height: 54px;
border-bottom: 2px solid #EBEBEB ;
padding-left: 15px;
padding-right: 15px;
font-size: 11px;
color: #333333;
text-transform: uppercase;
}
.menu_dettaglio a:hover, .menu_dettaglio a.active {
border-bottom: 5px solid #896799 ;
color: #333;
}
#bg_home .box_dettaglio h1{
font-size: 23px;
text-align: left;
margin-top: 20px;
color: #333;
font-weight: 400;
}
#bg_home .box_dettaglio h2{
text-align: left;
font-weight: 300;
font-size: 17px;
color: #999999; 
margin-top: 0px;
}
#bg_home .box_dettaglio h3{
font-weight: 300;
font-size: 15px;
color: #999999;

}
#bg_home .box_dettaglio h3 span{
color: #333;
}
#bg_home .box_dettaglio p{
color: #666;
font-size: 16px;
line-height: 1.4em;
box-sizing: border-box;
padding: 0px;
}



#header_dettaglio_dx{
float: right;

font-weight: 300;
text-align: right;
padding-right: 15px;
box-sizing: border-box;
width: auto;
border-bottom: 0px solid #EBEBEB ;
border-top: 0px solid #EBEBEB ;
padding-bottom: 0px;
padding: 14px 0px;
}

.valutazione{
font-size: 27px;
font-weight: 300;
}
.valutazione span.big{
font-size: 45px;
font-weight: 400;
}
.valutazione span.small{
font-size: 14px;
font-weight: 400;
}
.recensioni{
margin-bottom: 20px;
margin-top: 0px;
}

.preferiti a {
background-image: url(../img/preferiti.svg);
background-repeat: no-repeat;
background-position: right center;
padding-right: 30px;
text-decoration: underline;
color: #666;
font-size: 15px;
float: right;
}

.preferiti a:hover{
color: #333;
}

.preferiti a.active {
background-image: url(../img/preferiti_active.svg);

}


.dettaglio_orari{
margin-top: 20px;
color: #666;
line-height: 1.4em;
padding-left: 15px;
width: 100%;
display: inline-block;
box-sizing: border-box;
padding-right: 15px;

}
.dettaglio_orari_sx{
border-right: 0px solid #CCC ;
width: 100%;
border-bottom: 0px solid #CCC ;
padding-bottom: 15px;
margin-bottom: 15px;
float: left;
box-sizing: border-box;
padding-left: 0px;
padding-right: 0px;
/*background-image: url(../img/icon_orari.png);
background-repeat: no-repeat;
background-position: left top;*/
}
.dettaglio_orari_sx span {
width: 140px;
display: inline-block;
}

.dettaglio_orari_dx{
padding-left: 0px;
width: 100%;
float: left;

box-sizing: border-box;
padding-right: 30px;
}
.dettaglio_orari_dx_indirizzo{
background-image: url(../img/icon_orari_map.png);
background-repeat: no-repeat;
background-position: left top;
padding-left: 40px;
}
.dettaglio_orari_dx_telefono{
background-image: url(../img/icon_phone.png);
background-repeat: no-repeat;
background-position: left top;
padding-left: 40px;
}
.dettaglio_orari_dx_sito{
background-image: url(../img/icon_link.png);
background-repeat: no-repeat;
background-position: left top;
padding-left: 40px;
padding-bottom: 15px;
}
.dettaglio_orari_dx_sito a{
color: #93393F;
font-weight: bold;

}

.dettaglio_title{
margin-top: 20px;
width:100%; 
display:inline-block; 
margin-bottom:15px;
border-top: 2px solid #EBEBEB ;
padding-top: 10px;
font-size: 20px;
font-weight: 300;
}

.dettaglio_title span{
color: var(--viola);
}

a.dettaglio_foto_img{
width: 185px;
height: 185px;
display: block;
}


a.dettaglio_foto_img img{
width: 100%;
display: block;
height: 185px;
object-fit: cover;
}

.dettaglio_menu_title{
font-weight: bold;
font-size: 20px;
color: #93393F;
margin-bottom: 10px;
margin-top: 20px;
}
.dettaglio_menu_item{
font-size: 17px;
color: #666;
display: inline-block;
width: 100%;
line-height: 1.4em;

}
.dettaglio_menu_item strong{
color: #333;
}
.dettaglio_menu_item_dx{
margin-bottom: 15px;
}

.anchor{
display: inline-block;
width: 100%;
padding: 0px 15px 0px 15px;
box-sizing: border-box;
}

img.box_eventi_img{
margin-bottom: 15px;
width:100%; 
box-sizing:border-box
}


.styled progress {
  /* Reset the default appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 7px;
  width: 60%;
  /* Firefox */
  border: none;
  background: #CCCCCC;
}

.styled progress::-webkit-progress-bar {
  background: #CCCCCC;

}

.styled progress::-webkit-progress-value {
  background-color: #FEAB6C;

}

.styled progress::-moz-progress-bar {
  background-color: #FEAB6C;

}
.recensioni_box{
padding-left: 0%;
padding-right: 0%;

display: inline-block;
width: 100%;

box-sizing: border-box;
line-height: 2em;

}
.recensioni_box_sx{
padding-right: 20px;
font-size: 12px;
border-right: 2px solid #EBEBEB ;
float: left;
text-align: left;
box-sizing: border-box;
width: 50%;
}
.recensioni_box_dx{
padding-left: 20px;
text-align: right;
float: left;
box-sizing: border-box;
width: 50%;

}
.recensioni_box_dx span{
font-size: 14px;
margin-left: 15px;
}
.dettaglio_review{
display: inline-block;
width: 100%;
margin-top: 25px;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.dettaglio_review_order{
font-size: 14px;
color: #666666;
line-height: 2em;
}
.dettaglio_review_item{
display: inline-block;
width: 100%;
margin-top: 35px;
}
.dettaglio_review_item_sx{
float: left;
width: 100px;
text-align: center;
line-height: 1.4em;
font-size: 14px;
}
.dettaglio_review_item_sx span{
font-size: 17px;
color: #93393F;
}

.dettaglio_review_item_dx{
float: left;
width: calc(100% - 100px);
box-sizing: border-box;
padding-left: 15px;
/*padding-right: 15px;*/

}
.dettaglio_review_item_header{
display: none;
border-bottom: 2px solid #EBEBEB;
padding-bottom: 10px;
margin-bottom: 20px;
font-size: 14px;
color: #999999;

width: 100%;
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
}

.dettaglio_review_media_voti_mobile{
font-size: 12px;
color: #999999;
margin-top: 15px;
}
.dettaglio_review_media_voti_mobile span{
color: orange;
}
.dettaglio_review_item_header strong{
margin-left: 20px;
}
.dettaglio_review_item_comment{
width: 100%;
border-right: 0px solid #EBEBEB ;

display: inline-block;

box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
font-size: 15px;
line-height: 1.4em;
color: #333;
vertical-align: top;

}

.dettaglio_review_item_options{
display: none;
line-height: 1.4em;
vertical-align: top;

width: 38%;
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
color: #93393F;
font-size: 15px;
}
.dettaglio_review_item_options p{
margin-top: 0px;
padding-top: 0px;
margin-bottom: 5px;
color: #93393F;
display: inline-block;
width: 100%;
}
.options_sx {
display: inline-block;
width: 80%;
}
.options_dx {
display: inline-block;
width: 18%;
text-align: right;
color: #333;
font-size: 14px;
font-weight: bold;
} 

#prenota_tavolo_mobile{
position: fixed;
width: calc(100% - 40px);
bottom: 20px;
box-sizing: border-box;
z-index: 1;
} 
a#open_prenota{
background-color: #896799;
color: #fff;
font-size: 18px;
text-align: center;
width: 100%;
display: inline-block;
padding-bottom: 15px;
padding-top: 15px;
border-radius: 5px;
}

.table_orari {
  width: 100%;
font-size: 15px;
}

#box_anteprima_social a i {
font-size: 35px;
vertical-align: middle;
margin-right: 7px;
margin-top: 14px;
border: 1px  dashed #fff;
width: 40px;
line-height: 40px;
text-align: center;
color: #333;
}

#box_anteprima_social a:hover i {
border: 1px dashed #9b6495;
color: #9b6495;
}

.button_prenota {
  background-color: #333333;
  color: #fff !important;
  font-size: 18px;
  text-align: center;
  border-radius: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: inline-block;
  box-sizing: border-box;
  /*margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 15px;
  margin-right: 15px;*/
  width: 100%;
  border: 0px;
  margin-bottom: 15px;
}


#bg_home .tagline_punti{

text-align: left;
width: 100%;
   position: relative;
    top: 48%;
    transform: translateY(-48%);

}
#bg_home .tagline_punti h2{
font-size: 20px;
margin: 0px;
font-weight: 350;
}
#bg_home .tagline_punti h1{
font-size: 40px;
margin: 0px;
color: #fff;
}

#bg_home .tagline_punti h1 span {
  background-image: linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 66%,rgba(151,97,145,.9) 0,rgba(151,97,145,.9) 85%,hsla(0,0%,100%,0) 0);
  background-size: 100% 100%;
  font-weight: 800;
}

#bread_sottopagine{
padding: 25px ;
color: #999;
font-size: 16px;
box-sizing: border-box;
}
#bread_sottopagine a{
font-size: 16px;
color: #999;
}
#bread_sottopagine a:hover{
color: #333;
}
/**** div con le due immagini sovrapposte ****/
.div_2_sopra{
width: 100%;
margin: 80px 0px;
float: left;
}
.div_2_sopra div{
text-align: left;
width: 50%;
float: left;

}
.div_2_sopra div img{
width: 100%;
display: block;
}


.div_2_sopra div:last-child{
 margin-left: -25px;
 margin-top: 50px;
-webkit-box-shadow: 25px 25px 0px 0px rgba(165,28,48,1);
-moz-box-shadow: 25px 25px 0px 0px rgba(165,28,48,1);
box-shadow: 25px 25px 0px 0px rgba(165,28,48,1);
}

/**** fine div con le due immagini sovrapposte ****/


/**** div colorato con la foto ad l desktop ****/
.div_foto_ad_l{
width: 100%;

float: left;
background-color: #F8F8F8;
font-size: 20px;
color: #fff;
box-sizing: border-box;
line-height: 1.4em; 
}



.div_foto_ad_l div:first-child{
padding: 20px ;
box-sizing: border-box;
}
.div_foto_ad_l div img{
width: 100%;
display: block;
}


.div_foto_ad_l div:last-child{
width: calc(100% - 75px);
margin-left: 25px;
-webkit-box-shadow: 25px 25px 0px 0px rgba(255,255,255,1);
-moz-box-shadow: 25px 25px 0px 0px rgba(255,255,255,1);
box-shadow: 25px 25px 0px 0px rgba(255,255,255,1);
margin-bottom: 25px;
}

/**** FINE div colorato con la foto ad l desktop ****/

/** DIV BIANCO CON bordo***/
.div_border_white{
width: 100%;
box-sizing: border-box;
border: 1px solid #cfcfce ;
float: left;
margin: 30px 0px;
font-size: 20px;
color: #333;
box-sizing: border-box;
line-height: 1.4em; 
 padding-top: 2rem;
 padding-bottom: 2rem;
 padding-left: 2rem;
padding-right: 2rem;
}

/** FINE DIV BIANCO CON bordo***/



/**DIV NERO **/


.div_black{
width: 100%;

float: left;
background-color: #333;
font-size: 20px;
color: #fff;
box-sizing: border-box;
line-height: 1.4em; 
 padding-top: 2rem;
 padding-bottom: 2rem;
 padding-left: 2rem;
padding-right: 2rem;

}



/** DIV BIANCO CON bordo PAGFINA INTERNA***/
.div_border_white_page{
width: 100%;
box-sizing: border-box;
border-top: 1px solid #cfcfce ;
border-bottom: 1px solid #cfcfce ;

float: left;
margin: 0px;
font-size: 18px;
color: #333;
box-sizing: border-box;
line-height: 1.4em; 
margin-bottom: -1px;
padding: 25px ;

}

/** FINE DIV BIANCO CON bordo PAGFINA INTERNA***/




/**DIV GRIGIO CON MAP **/
.div_maps{
width: 100%;

float: left;
background-color: #f7f6f5;
font-size: 16px;
color: #333;
box-sizing: border-box;
line-height: 1.4em; 


}


 .div_maps span{
font-size: 24px;
font-family: 'Playfair Display', serif;
display: inline-block;
width: 100%;
margin-bottom: 10px;
}

.div_border_bottom{
border-bottom: 1px solid #cfcfce;
 padding: 3rem;
display: flex;
}

.div_border_bottom:last-child{
border-bottom: 0px solid #cfcfce;

}


.div_border_bottom div:first-child{
width: 35%;
}
.div_border_bottom div:last-child{
width: 65%;
}
.div_border_bottom a{
font-size: 16px;
display: inline-block;
width: 100%;
margin-bottom: 15px;
color: #444;
}
.div_border_bottom a:hover{
text-decoration: underline;
}

 /**FINE DIV GRIGIO CON MAP **/




.div_2_page{
width: 100%;
margin: 0px;
float: left;
position:relative; 
z-index:1
}
.div_2_page div{
text-align: left;
width: 100%;
float: left;

}
.div_2_page div img{
width: 100%;
display: block;
}



.div_2_author{
width: calc(100% - 40px);
margin: 20px;
float: left;
font-size: 18px;
line-height: 1.4em;
color: #333;
position:relative; 
z-index:1
}
.div_2_author div{
text-align: left;
width: 100%;
float: left;
background-color: #f7f6f5;
padding: 20px ;
box-sizing: border-box;
line-height: 1.4em;
}

.div_2_author div:last-child{
padding: 0px ;
margin-top: 20px;
}

.div_2_author div img{
width: 100%;
display: block;
}


.div_2_author a{
color: #666;
}

.div_border_bottom_20{
border-bottom: 1px solid #cfcfce;
padding: 20px 0px;
width: 100%;
display: inline-block;
box-sizing: border-box;
}


.menu_page{
padding: 0px 25px 25px 25px;
display: inline-block;
width: 100%;
box-sizing: border-box;
}

.menu_page a{
font-size: 17px;
color: #333;
display: inline-block;
width: 100%;
margin-bottom: 15px;
text-transform: uppercase;
font-weight: 600;
} 
.menu_page a:hover span{
background-image: linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 66%,rgba(151,97,145,.9) 0,rgba(151,97,145,.9) 85%,hsla(0,0%,100%,0) 0);
background-size: 100% 100%;
font-weight: normal; 

color: #333;
font-weight: 600;
}


.box_page_sx{
background-color:#f7f6f5; 
text-align:left !important;
margin: -20px;
width: calc(100% + 40px) !important;
}



.div_2_page div:last-child{
padding: 25px ;
box-sizing: border-box;
line-height: 1.4em;

}

.item_topics{
background-color: #f7f6f5;
padding: 20px ;
box-sizing: border-box;
transition: box-shadow 0.3s ease-in-out;
margin-bottom: 30px;
}
  .item_topics a{
 color: #666;
 }
 .item_topics a:hover{
 color: #3F75B5;
 
 }
 .item_topics:hover{
   box-shadow: 25px 25px 0px 0px rgba(63,117,181,1);
 }


.button_circle {
    width: 26px;
    height: 26px;
    background-color: #e8e8e8;
    border: 1px solid transparent;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    transition: all .2s cubic-bezier(.5,0,.5,1);
    
}

.button_circle svg {
    position: absolute;
    height: 60%;
    width: 60%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .2s cubic-bezier(.5,0,.5,1);
}
.button_circle:hover{
background-color: #fff;
border:  1px solid #333;
}

.box_news{
line-height: 1.4em;
}
.box_news a{
color: #666;

}
.box_news:hover a{
color: #3F75B5;
}

.box_news div{
padding:20px; box-sizing:border-box
}

.box_news div img{
display: block;
width: 100%;
height: 240px;
object-fit:cover;

}

.button_grey{
background-color: rgba(247,246,245,0.8);
border: 1px solid rgba(247,246,245,0.8) ;
padding: 10px 35px 10px 20px;
display: inline-block;
color: #000;
font-weight: bold;
transition: all ease-in-out 0.5s;
background-image: url(../img/arrow_right.svg);
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 10px 10px;
text-align: left;
font-size: 18px;
}
.button_grey:hover{
background-color: #fff;
border: 1px solid #000 ;
color: #000 !important;
}

.button_white{
background-color: rgba(255,255,255,0.2);
border: 1px solid transparent;
padding: 20px 35px 20px 20px;
display: inline-block;
color: #fff;
font-weight: bold;
transition: all ease-in-out 0.5s;
background-image: url(../img/arrow_right.svg);
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 10px 10px;
text-align: left;
font-size: 14px;
}
.button_white:hover{
background-color: transparent;
border: 1px solid #fff ;
color: #fff !important;
}

.item_filtro{
background-image: url(../img/delete_foto_sorter.png);
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 12px 12px;
border: 2px solid #ccc ;
padding: 7px 30px 7px 15px ;
font-size: 13px;
font-weight: 600;
color: #666;
background-color: #fff;
display: inline-block;
margin-bottom: 7px;

}
.item_filtro:hover{
cursor: pointer;
}


#box_maps{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
width: 100%;
height: 100%;
z-index: 999;
background-color: #fff;
}

#box_chiudi_maps{
position:absolute; top:15px; right:15px; z-index:101;
}

#box_filtri_maps{
width: 0%;
padding: 0px ;
background-color: #fff;
position:absolute;
top: 0px;
bottom: 0px;
overflow: auto;
left: 0px;
height: 100%;

box-sizing: border-box;
}
#map{
width:100%; 
left: 0%;

height:100%;
position: absolute;
}

#box_bread_maps{
position: absolute;
z-index: 101;
left: 0%;
top: 50px;
padding: 10px;
right: 0px;
}

#button_apri_filtri_mobile{
width: 100px;
  position: absolute;
  z-index: 100;
  bottom: 20px;
  left: 15px;
}

.window_maps{
max-width: 260px;
padding: 10px ;
color: #666;
font-size: 14px;
box-sizing: border-box;
}
.window_maps a{
color: #333;
text-decoration: none;
}
.window_maps a:hover{
color: var(--viola);
}


.window_maps img{
width: 100%;
margin-bottom: 15px;
border-radius: 10px;
height: 150px;
object-fit: cover;
}

#container_eventi{
background:#fff; 
z-index: 1;
position: relative;
padding: 15px ;
box-sizing: border-box;
max-width: 1488px;
margin: 0px auto;
box-sizing: border-box;
}

#eventi_flitri{
display: inline-block;
width: 100%;

height: 80px;
}

#eventi_flitri label{
font-size: 13px;
}



#box_newsletter{
background-image: url(../img/bg_newsletter.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
color: #fff;
padding: 15px ;
font-size: 26px;
font-weight:300;
position: relative;
z-index: 1;
}

#box_newsletter p{
font-size: 13px;
margin-top: 25px;
}


#box_newsletter input{
border-radius: 10px;
border: 1px solid #333 ;
color: #333;
}

#box_newsletter input[type=submit]{
border: 0px solid #333 ;
color: #fff;
font-size: 18px;
padding: 11px 25px ;
margin-left: 15px;
}

#container_footer{

background-color: #2F71AE;
display: inline-block;
width: 100%;

position: relative;
z-index: 0;
margin-top: -100px;
padding-top: 140px;

color: #fff;
font-size: 18px;
font-weight: 300;
line-height: 1.4em;
}

a.social{
border: 1px solid #fff ;
border-radius: 100%;
font-size: 32px;
margin-left: 10px ;
width: 60px;
line-height: 60px;
text-align: center;
display: inline-block;
color: #fff;
}
a.social:hover{
background-color: #fff;
color: #2F71AE;
}
#footer_menu a {
display: inline-block;
width: 100%;
font-size: 18px;
padding: 5px 0px ;
color: #fff;
}
#footer_menu a:hover{
color: #fff;
text-decoration: underline;
}
#copyrights{
font-size: 12px;
font-weight: 600;
color: #000;
}
#copyrights a:hover{
color: var(--viola);
}

#copy_kreisa{
margin-top: 15px;
}

.h3_home{
font-size: 18px;
line-height: 1.4em;
font-weight: 300;
}

.h4_home{
font-size: 24px;
line-height: 1.4em;
font-weight: 600;
}


.item_home{
position: relative;
  overflow: hidden;
  transform: translateZ(0);

}

.item_home:after {
 content:'';
  position:absolute;
  left:0; top:0;
  width:100%; height:100%;
  display:inline-block;
  background: linear-gradient(180deg,rgb(157 100 148 / 52%),rgb(53 113 172 / 74%));
  transition: opacity 0.3s;
  opacity: 0;
}



.item_home:hover:after{
 transition: opacity 0.3s;
 opacity: 1;
}


.item_home a{
display: block;
}
.item_home a img{
display: block;
width: 100%;
}

.item_home_text{
width: 100%;

font-size: 24px;
font-weight: 600;
color: #fff;
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
box-sizing: border-box;
padding: 30px ;
}

.item_home_text::after {
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: 0;
  right: 0;
  z-index: 0;
  background: linear-gradient(180deg,transparent,rgba(0,0,0,.7));
  opacity: 0.9;
}


.item_home_text::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 30px;
  width: 42px;
  height: 5px;
  background: #fff;
}


.item_home_text a{
color: #fff;
position: relative;
z-index: 1;
}

a.item_home_button{
background-color: var(--viola);
padding: 10px 20px ;
font-size: 14px;
color: #fff;
display: inline-block;
width: auto;
}

img.home_vertical{
height: 250px;
width: calc(33.3% - 20px);

border-radius: 20px;
margin: 30px 10px;
object-fit: cover;
}

img.home_vertical:last-child{
margin-right: 0px;
}

.swiper_another .swiper-slide.swiper-initial {
  display: none;
}

.swiper_another .swiper-slide{
width: 70%;
margin-right: 10px;
background-color: transparent;

}

.swiper_another .swiper-slide img{
  height: 70%;

border-radius: 10px;
display: block;
  object-fit: cover;
  width: 100%;
}
.swiper-another-prev, .swiper-another-next{
opacity: 0.5;
}
.swiper-another-prev:hover, .swiper-another-next:hover{
opacity: 1;
color: var(--verde);
}
.item_home_swiper{
width: 100%;

font-size: 24px;
font-weight: 600;
color: #fff;
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
box-sizing: border-box;
padding: 30px ;
text-align: left;
}
.item_home_swiper a{
position: relative;
z-index: 1;
color: #fff;
}
.item_home_swiper a:hover{
color: #f9f9f9;
}

.item_home_swiper::after {
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: 0;
  right: 0;
  z-index: 0;
  background: linear-gradient(180deg,transparent,rgba(0,0,0,.7));
  opacity: 0.9;
}

.item_home_step{
text-align: center;
box-sizing: border-box;
}

.item_home_step p{
text-align: left;
line-height: 1.4em;
font-size: 16px;
color: #666;
}
.item_home_step p strong{
font-size: 20px;
color: #333;
display: inline-block;
width: 100%;
margin-bottom: 10px;
}

#box_murales{
display: inline-block;
width: 100%;
background-image: url(../img/bg_murales.jpg);
background-position: center center;
background-size: cover;
}
#menu_info{
position: relative;
box-sizing: border-box;
}
#menu_info a{
display: inline-block;
width: 100%;
padding: 7px 0px;
color: #333;
font-weight: 600;
font-size: 20px;
}

#menu_info a:hover, #menu_info a.active{
color: var(--viola);
}

#layer_search{
position: fixed;
display: none;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.8);
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 9;
}


#box_search{
 width: 100%;
 max-width: 900px;
 position: absolute;
 top: 50%;
 left: 50%;
-webkit-transform:  translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
box-sizing: border-box;
padding: 0px 25px 25px 25px ;
}

#box_banner{
position: absolute;
bottom: 20px;
left: 20px;

width: calc(100% - 40px);
background-color: #9d6494d6;
z-index: 1;
color: #fff;
font-size: 26px;

padding: 20px ;
box-sizing: border-box;
font-weight: 300;
}



#box_search .input_search{
 border: 0px ;
 border-bottom: 2px solid #fff;
 background-color: transparent;
 color: #fff;

 font-size: 30px;
 text-align: left;
 width: 100%;
 box-sizing: border-box;
 padding: 15px ;
 }

#box_search .input_search::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

#box_search .input_search:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

#box_search .input_search::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}


#cookieChoiceInfo{
  /* STANDARD STYLE JS */
  position:fixed;
  width:100%;
  background-color:#eee;
  margin:0; 
  left:0; 
  bottom:0;

  box-sizing: border-box;
  z-index:1000;
  text-align:center;
  /* STANDARD STYLE JS END */
  
  background-color:#333;
  color:#fafafa; 
  font-size: 14px;
  padding:20px;
  box-sizing:border-box;
}

@media (max-width: 850px){
  #cookieChoiceInfo span{
    display: block;
    margin-bottom:5px;
  }
}

#cookieChoiceInfo a{
background-color: var(--viola);
padding: 10px 20px ;
font-size: 14px;
color: #fff;
display: inline-block;
width: auto;
margin: 0px 15px;
}

#cookieChoiceInfo a:hover{
  background-color:#333;
  text-decoration:none;
}

#cookieChoiceInfo a#cookieChoiceDismiss{
  /*margin-left:24px;*/
}



.mobile{
display: block;
}
.tablet{
display: none;
}
.desktop{
display: none;
}
.mobile_inline{
display: inline-block !important;
}
.desktop_inline{
display: none !important;
}
