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

@media only screen and (max-width: 1200px)
{
.slick-prev {
  left: -3vw;
}
.slick-next {
  right: -3vw;
}
#menu ul li {
  margin-left: 10px;
}
#menu ul li a {
  font-size: 0.8rem;
}
}
@media only screen and (max-width: 1023px)
{
#esperienze .filtri .multifilter {
  max-width: 31%;
  min-width: 31%;
}
.centro
{
min-width:47%;
max-width:47%;
}
#esperienze .filtri .multifilter .multiselect span
{
margin-left:5px;
}
#menuButton
{
position:absolute;
top:50%;
transform:translateY(-50%);
left:auto;
right:0;
z-index:30;
width:20px;
height:20px;
background-repeat:no-repeat;
background-position:center center;
background-image:url("../img/hamb.svg");
cursor:pointer;
}
#menuButton.on
{
background-image:url("../img/hamb_close.svg");
}
#menu
{
position:fixed;
z-index:1;
top:0;
left:0;
width:100%;
height:0;
background-color:#001E62;
display:flex;
align-items:center;
justify-content:center;
transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
overflow:hidden;
opacity:0;
}
#menu.on
{
height:100%;
opacity:1;
}
#menu ul li
{
display:block;
margin-left:0;
padding-left:20px;
padding-right:20px;
text-align:center;
margin-top:40px;
margin-bottom:40px;
}
#menu ul li a
{
font-size:1.8rem;
}
}
@media only screen and (max-width: 767px)
{
body
{
background-image:url("../img/bg_mobile.jpg");
}
#gruppi .esperienze
{
display:block;
}
#gruppi .focus
{
width:100%;
}

#gruppi .esperienze .esperienza
{
position:relative;
z-index:1;
}
#gruppi .esperienze .esperienza img
{
width:400px;
max-width:88%;
}
#gruppi h1,#gruppi p
{
max-width:88%;
margin-left:auto;
margin-right:auto;
}
#gruppi .esperienze .esperienza::after
{
position:absolute;
top:calc(100% + 25px);
left:0;
width:100%;
height:1px;
display:block;
z-index:1;
background-color:#DDB35A;
content:"";
}
header
{
height:90px;
}
header::after
{
content:"";
position:absolute;
z-index:2;
top:100%;
left:0;
width:100%;
height:16px;
background-size: cover;
  background-image: url("../img/fascia_oro.jpg");
  background-position: center center;
}
header img.logo
{
width:217px;
}

#esperienze .filtri
{
flex-wrap:wrap;
}
#esperienze .filtri .multifilter {
    max-width: 48%;
    min-width: 48%;
margin-top:20px;
  }
#form_cerca,#esperienze .map
{
  margin-top: 20px;
}
.risultati_ricerca
{
margin-top:0;
}
 .centro {
margin-top: 25px;
}
 #popup .back {
  margin-top: 10px;
}
#vouchers .wrapper_voucher .voucher .box
{
width:266px;
margin-left:0;
margin-right:15px;
}
 .slick-prev {
    left: -8px;
    transform: translate(-100%,-50%);
  }
 .slick-next {
    right: -8px;
    transform: translate(100%,-50%);
  }
}

@media only screen and (max-width: 480px)
{
#vouchers .wrapper_voucher
{
max-width:calc(100% - 20px);
margin-left:auto;
margin-right:auto;
}
#esperienze .map
{
margin-left:-6vw;
margin-right:-6vw;
}
.faq .content
{
padding:15px;
}
.faq .title.explain {
  font-size: 0.86rem;
}
.faq .title::after {
margin-left:5px;
}
 .centro {
    min-width: 100%;
    max-width: 100%;
  }
#strutture .centro .alert, #vouchers .alert {
  font-size: 0.9rem;
}

}