@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

:root {
  --green: #A3E3B8;
  --green-light: #d1ebda;
  --dark: #393E46;
  --orange-light: #F46430;
  --orange-dark: #A23209;
  --space: 2rem;
}

html { font-size: 10px; }
body { font-family: 'Lato', sans-serif; color: var(--dark); background-color: #fff; }
.body { background-color: #fff; margin: 0 auto;}
ul, li, h1, h2, h3, h4, h5, p { list-style: none; }
h1, h2, h3, h4, h5 { font-weight: 600 }
input, select, textarea, button { font-family: 'Lato', sans-serif; font-size: 1.6rem; }
a { text-decoration: none; color: var(--dark); outline: none!important; }
p { line-height: 1.8; font-size: 1.6rem; }
.container { max-width: 144rem; margin: 0 auto; padding: 0 2%; }
button { background-color: transparent; border: none; }
.center { text-align: center; }
.clear { clear: both; }
.clearfix::after { content:""; display: table; clear: both; }
.upper { text-transform: uppercase; }
.fff {color: #fff}
.hide { overflow: hidden; }
.flex { display: flex; flex-wrap: wrap; }
.bgnuovo { background-color: #3f6773;}
.green1 { color: #d9ff62 }
.bggreen1 { background-color: #d9ff62; }
.green2 { color: var(--green) }
.bggreen2 { background-color: #5aba8e !important; }
.orange { color: #f9b801 }
.bgorange { background-color: #f9b801 }
.bgg { background-color: #cfcfcf; }
.bgcoral { background-color: #fc5800 !important; }
.bgblu2 { background-color: #0092d8 !important; }
.bgeee { background-color: #eee; }
.blu { color: #233850 }
.bgblu { background-color: #233850 }
.blu2 { color: var(--orange-light) }
.coral { color: var(--orange-dark) }
.bggradient { background: rgb(220,244,135);
background: -moz-linear-gradient(0deg, rgba(220,244,135,1) 0%, rgba(90,186,142,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(220,244,135,1) 0%, rgba(90,186,142,1) 100%);
background: linear-gradient(0deg, rgba(220,244,135,1) 0%, rgba(90,186,142,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dcf487",endColorstr="#5aba8e",GradientType=1); }

.splide#slide-home, .splide#slide-home .splide__list, .splide#slide-home .splide__slide, .splide#slide-home .splide__track {
  height: 100vh}
#slide-home img {width: 100%;height: 100%;object-fit: cover;}

footer .ctaf img { width: 2.4rem; margin-right: 0.5rem; vertical-align: middle; }
footer .ctaf { padding: 0.8rem 3rem; border-radius: 3rem; margin-top: 1rem; border:4px solid #d9ff62; display: inline-block; }

.sitemap, .privacy {padding: 10rem 0;}
.sitemap li { font-size: 2rem; padding: 0.3rem 0; }
.sitemap li a:hover { color: var(--green) }
.sitemap h1, .privacy h1 { margin: 0 auto 5rem; font-size: 2.5rem; letter-spacing: 3px; font-weight: 400; text-transform: uppercase; }

/*TOP BUTTON*/
.back-to-top { text-align: center; position: fixed;z-index: 200; bottom: 3px;right: 3px;display: inline-block;padding: 1rem 1.5rem;margin: 1em;background-color: var(--green); border-radius: 10rem; font-size: 1.1rem;text-align: center;color: #fff}
.back-to-top img { margin: 3px auto; width: 15px; display: block;}
.back-to-top:hover {cursor: pointer;}

.cta { transition: all 0.3s ease 0s; display: inline-block;border-radius: 1rem;padding: 2.5rem 5rem;font-size: 1.6rem;font-weight: 700;color: #fff;background-color: var(--dark);}
.cta:hover { background-color: #6c788a; }

.recensioni { padding: 9rem 0;}
.recensioni__wrap {max-width: 160rem; margin: 0 auto; padding: 2rem;}
.recensioni__wrap h2 { font-size: 3rem; margin: 0 0 2.5rem;}
.recensioni__wrap h2 span { color: var(--green);}
.recensioni__wrap__item {text-align: left;border-radius: 1rem;padding: 4rem;margin: 2rem;background-color: #f7f7f7;}
.recensioni__wrap__item span { font-size: 1.8rem; font-weight: 700; margin: 1.5rem 0 0; text-transform: uppercase; letter-spacing: 3px; background: var(--green); padding: 5px 1.5rem; border-radius: 3rem; float: right;}
.recensioni__wrap__item p { color: var(--dark); }
#slider-rec .splide__pagination__page.is-active {background: var(--green)}
#slider-rec .splide__pagination { position: relative; margin: 3rem 0 0;}

.slidecontainer { position: relative; height: 100vh; }
.img_slide {width: 100%;height: 100%;object-fit: cover;}
header { padding: 1.5rem 0; position: relative; z-index: 10; border-bottom: 1px solid rgb(255 255 255 / 50%);}
header .header { padding:0; border-radius:1rem}
header .header.flex { justify-content: space-between; align-items: center; }
header .header .logo { width: 20rem; }
header .header .logo img { width: 12rem; height: 9.5rem; object-fit: contain;}
header .header .menu { width: calc(100% - 45rem); display: flex; justify-content: center; align-items: center;}
header .header .menu li { font-size: 1.6rem; margin:0 3rem;text-transform: uppercase; }
header a { color: #fff; transition: all .3s; }
header a.active { font-weight: 700;}
header a:hover { color: var(--green);}
header .header .social { width: 10rem; border-right: 1px solid rgb(255 255 255 / 50%); padding: 0 1rem 0 0;}
header .header .social ul {display: flex; align-items: center; justify-content: flex-end; }
header .header .social ul img {width: 2.9rem; height: 2.9rem; object-fit: contain; padding: 0 2rem 0 0; box-sizing: content-box;}
header .header .log-car { width: 13rem; display: flex; align-items: center; justify-content: flex-end; }
header .header .log-car .login { display: flex; align-items: center; font-size: 1.6rem; margin-right: 2rem; }
.imglogin { background-image: url(../images/loginblu.svg); background-size: cover; height: 2.3rem; width: 2rem; margin-left: 0.5rem }
header .header .log-car .login img { width:2.7rem; height: 2.7rem;object-fit: contain; }
header .header .log-car .login img.imgsel { width: 1.3rem; height: 1.3rem;object-fit: contain; }
header .header .log-car .carrello img { width: 2.7rem; height: 2.7rem;object-fit: contain; }
/* header.header-page .header { background-color: #fff; }
header.header-page .menu a, header.header-page .menu { color: var(--dark) }
header.header-page a.active { color: #5aba8e!important}
header.header-page .log-car .login { color: var(--dark) }
header.header-page .log-car .login .imgsel { width: 1.4rem }
 */
.bggradient .bg { position: fixed; }

#slider { background-color: #000; position: absolute; top: 0; width: 100%; height: 100%; left: 0;}
#slider::after{content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 20%)}

.dropbtn {cursor: pointer; padding: 2rem 0}
.dropdown {position: relative;display: inline-block; }
.dropdown a span {color: #fff;}
.dropdown-content { display: none; position: absolute; background-color: #fff; min-width: 15rem;z-index: 1;border-radius: 1rem;}
.dropdown-content a { padding: 1.2rem 1.6rem; font-size: 1.5rem; font-weight: 600; text-decoration: none; display: block;color: var(--dark);}
.dropdown-content a:hover {color: var(--orange-light);}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn { color: #444!important }

.menu_responsive { display: none; }

.high { position: absolute;width: 100%;height: 100%; top: 0;display: flex;align-items: center;justify-content: center;}
.high .container {max-width: 110rem;width: 100%;}
.high .txt_left { position: relative;}
.high .txt_left .spv { width: 100%; margin: 4rem 0 8rem ; text-align: center;}
.high .txt_left .spv h1 { font-size: 6rem; color: #fff;font-family: 'Roboto', sans-serif;font-weight: normal;letter-spacing: 4px;line-height: 1;}
.high .txt_left .spv h1 span { font-size: 3rem;}
.high .txt_left .spv img.simbolo { width: 30rem; height: 30rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.ctacont { width: 60%;text-align: center; margin-top: 2rem }
.ctaspecial { display: inline-block; font-size: 1.6rem; color: #fff; font-weight: bolder; text-shadow: 2px 1px 2px rgba(0,0,0,0.2); background-image: url(../images/cta1.svg); padding: 3.5rem 4rem 4.3rem; background-repeat: no-repeat; background-position: center;background-size: contain; }

.autocomplete {position: relative;display: inline-block;}
.autocomplete-items {position: absolute;z-index: 99;top: /* 100% */9rem;left: 0;right: 0;max-height: 20rem;overflow: hidden; background-color: #fff; padding: /* 2rem */0; border-radius: .5rem;/* box-shadow: 0 0 2rem rgb(0 0 0 / 10%); */ width: 20.3rem; margin-left: 6.6rem}
.autocomplete-items div {padding: 1rem 2rem;cursor: pointer;background-color: #f2f2f2; border-bottom: 1px solid #fff; font-size: 1.45rem;color: var(--dark);}
.autocomplete-items div:hover {background-color: var(--orange-light);color: #fff; border-bottom: 1px solid var(--orange-light); }
.autocomplete-active {background-color: var(--green) !important; color: #ffffff;}

.select2-selection__choice { margin-bottom:2px!important }
.select2-search__field { cursor:pointer; }

.new_ricerca {width: 100%;background-color: var(--green);border-radius: 20rem; padding: 0 2.5rem 0 0; z-index: 9;position: relative;}
.new_ricerca .flex {align-items: center;}
.new_ricerca .bl p { font-size: 1.7rem;color: var(--dark);font-weight: 700;padding: 0 5px;}
.new_ricerca .bl span.span {display:block; margin: 0 0 0 .5rem; font-size: 1.4rem; font-style: italic;}
.new_ricerca .bl img { width: 2rem;height: 3rem;object-fit: contain;margin: 0 1rem 0 0;}
.new_ricerca .bl:not(#invia) { width: calc(33.3% - 5rem - 1px);position: relative; display: flex;align-items: center; padding: 2.3rem 3.8rem;border-radius: 20rem;background-color: transparent;transition: all .3s;}
/* .new_ricerca .bl:not(#invia):hover {background-color: #C2F2D2;} */
.new_ricerca .bl#invia { width: 15rem;display: flex;align-items: center; }
.new_ricerca .bl#invia input { width: 100%;border-radius: 100rem;background: #393e46;color: #fff;padding: 2.5rem 2rem; text-align: center; cursor:pointer; }
.new_ricerca input, .new_ricerca select {background-color: transparent; padding: 5px; margin: 0;}
.new_ricerca input::placeholder { font-size: 1.45rem;color: var(--dark);}
.new_ricerca input:focus { outline: none; background: rgb(0 0 0 / 5%);}
.new_ricerca .bl select {font-size: 1.45rem;}
.new_ricerca .bl .bl_inner {width: 100%;}
.new_ricerca .vert {width: 1px;height: 2.5rem;background-color: var(--dark);}
.new_ricerca #budget span {font-size: 1.45rem;color: var(--dark);padding:3px 5px; line-height: 1.6;}
.new_ricerca #budget .dropdown-trigger span {display: inline-block;}
.new_ricerca #budget span.range-slider-target {font-weight: 700;}
.dropdown-content#dropdown1 {box-shadow: none; border-radius: 10rem;top: 100%!important;width: 100%!important;height: auto!important;}
.dropdown-content .thumb {display: none;}
.range-slider {padding: 2rem;width: 100%;}

.w_wanderly {width: 20rem;height: 20rem;max-width: 100%;}

/* .high .tab-group .tab img { width: 2.2rem; vertical-align: top; margin-right: 5px }
.high .tab-group:after { content: "";display: table;clear: both; }
.high .tab-group li a {
  display: flex;  align-items: center;
  text-decoration: none;
  padding: 1.5rem;
  background-color: transparent;
  font-weight: bold;
  color: #fff;
  font-size: 1.8rem;
  float: none;
  width: 100%;
  text-align: center;
  cursor: pointer;
  -webkit-transition: .5s ease;
  transition: .5s ease;
  border: none;
  border-radius: 0;
  opacity: 0.6; margin: 0 0.5%;
}
.high .tab-group { display: flex; justify-content: center; flex-wrap: wrap;}
.high .tab-group li a:hover {background: transparent;opacity: 1;}
.high .tab-group .active a {background: transparent;border: none;opacity: 1;}
.high .tab-content > div {display: none;}
.high .tab-content > div:first-child {display: block;}
.high .tab-content { margin-top: 1rem }
.high .tab-content .cta { margin: 3rem auto 0; display: block; width: 22rem; border: 0.4rem solid; font-weight: bolder; font-size: 1.8rem; padding: 1.8rem 3rem } */


select {
    color: var(--dark);
    width: 100%;
    padding: 1.7rem 2.5rem 1.7rem 1.5rem;
    font-size: 1.8rem;
    border: 1px solid #CCC;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/select.svg) 97% / 15px no-repeat #fff;
    border:none; border-radius: 0.5rem;
}
select:focus { outline: none; }


/*main*/
.mainhome { position: relative; }

.itinerari { padding: 8.5rem 0 14rem;}
.itinerari h2 {font-size: 3rem; margin: 0 0 2.5rem;}
.itinerari h2 span {color: var(--green);}
.itinerari .container .center p {max-width: 80rem;margin: 0 auto 10rem;}
.itinerari h1 {margin: 0 auto 5rem; font-size: 2.5rem;letter-spacing: 3px; font-weight: 400;text-transform: uppercase;}
.itinerari h1 span {font-weight: 300;font-style: italic;}
.itinerari h1 span strong {color: var(--green);}
.itinerari h3 {margin: 0 auto 5rem; font-size: 2.5rem;letter-spacing: 3px; font-weight: 400;text-transform: uppercase;}
.itinerari h3 span {font-weight: 300;font-style: italic;}
.itinerari h3 span strong {color: var(--green);}
.itinerari .flex { justify-content: center; }
.itinerari .bl { border-radius: 4rem;display: block;width: calc(33.3% - 5rem);background-size: cover;position: relative;padding-bottom: 35%;margin: 0 2.5rem 7rem; transition: all 0.3s ease 0s;}
.itinerari .bl .txt { transition: all 0.3s ease 0s; position: absolute; left: 0; width: 100%; bottom: 0; padding: 15rem 2.8rem 2.8rem;transition: all 0.3s ease 0s; border-radius: 0 0 4rem 4rem;
  background: rgb(0,0,0);
  background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
  background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);}
.itinerari .bl:hover {transform: translateY(-8px);}
.itinerari .bl:hover .txt { padding: 15rem 2.8rem 4rem }
.itinerari .bl .txt .flex {justify-content: space-between;}
.itinerari .bl p.stato { font-size: 2rem;}
.itinerari .bl h3 { margin: 0;letter-spacing: 0;text-transform: none;font-weight: 700;}

.pingu { padding: 10rem 0; position: relative;background-size: cover;background-position: center;background-repeat: no-repeat;}
.pingu.webp {background-image: url(../images/lanterne.webp);}
.pingu.no-webp {background-image: url(../images/lanterne.webp);}
.pingu .ico_color {width: 10rem;height: 10rem;}
.pingu h2 {font-size: 3rem;text-transform: uppercase;letter-spacing: 3px;margin: 0 0 6.5rem;}
.pingu .flex {flex-wrap: wrap;}
.pingu .bl {width: 25%;margin: 0 0 6rem;padding: 0 2rem;}
.pingu .num {font-size: 5rem;font-weight: 700;opacity: 40%; line-height: 1; margin: -1.5rem 0 0;}
.pingu .tit {font-size: 2rem;font-weight: 700;text-transform: uppercase;margin: 0 0 1rem;line-height: 1.2;}
.pingu .cta {background-color: var(--orange-light);}
.pingu .cta:hover {background-color: var(--orange-dark);}

/* .itinerari .bl .txt .price { font-size: 3rem; margin-top: -0.5rem } */
/* .itinerari .bl .quality { transition: all 0.3s ease 0s; position: absolute; top: 1rem; right: 1rem; width: 5rem }
.itinerari .bl:hover .quality { width: 6rem } */

/*sostenibilità*/
.treedom { padding: 9rem 0; background: #f5f5f5;}
.treedom .container { position: relative; }
.ocean {width: 25rem;height: 20rem;object-fit: contain;}
.treedom h2 {font-size: 3rem;margin: 0 0 1.5rem;line-height: 1.3;}
.treedom h4 {font-size: 1.8rem; text-transform: uppercase;letter-spacing: 3px;margin: 0 0 2.5rem;}
.treedom h4 span {font-weight: 300;font-style: italic;}
.treedom p {max-width: 80rem; margin: 0 auto;}


/*servizi*/
.servizi {position: relative;background-color: var(--dark);padding: 6rem 0;}
.servizi .txt { width: 50%; }
.servizi .txt .cta { margin: 6rem 0 0;background-color: var(--green);color: var(--dark);}
.servizi .txt .cta:hover {background-color: #b9e4c7;}
.servizi .txt h3 { font-size: 2.5rem; }
.open-close {border-bottom: 2px solid rgba(255,255,255,0.5); padding: 2rem 0; }
.accordion .plist { width: 100%; position: relative; font-size: 2rem;}
.accordion .icon { height: 4rem; vertical-align: top; margin-top: -0.6rem; margin-right: 1rem }
.servizi .video { position: absolute; top:0;right: 0; width: 48%; height: 100%;}
.servizi .video::after{content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to right, var(--dark), transparent);}
.servizi .video video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.blocco {padding: 1rem 0;}
.button-pagamento{z-index: 1;  text-align: center; cursor: pointer;}

@media(max-width:1024px){
  .servizi .video{ position: relative; width: 100%; margin:4rem 0 0;}
  .servizi .video::after{background-image: linear-gradient(to bottom, var(--dark), transparent);}
  .servizi .video video { display: block; width: 100%;}
}
.empty{ margin-top: 2rem; cursor: pointer; border-bottom: 1px solid; }

/* wanderly point */
.wanderly, .blog.blogpage.wanderly { padding: 10rem 0;}
.wanderly h1 { font-size: 3rem; margin: 0 0 2.5rem;}
.wanderly h1 span { color: var(--green);}
.wanderly .center_small { text-align: center;max-width: 100rem;margin: 0 auto 6rem;}
.big {font-size: 1.9rem;margin: 0 0 2rem;}


/*blog*/
.blog { padding: 9rem 0 }
.blog h3 { font-size: 3rem; margin: 0 0 2.5rem;}
.blog h5 { font-size: 1.8rem; text-transform: uppercase; letter-spacing: 3px; margin: 0 0 2.5rem;}
.blog h5 span {font-weight: 300;font-style: italic;}
.blog .flex { justify-content: center; padding:0 0 2rem }
.blog .bl { width:calc(33.3% - 4rem); margin: 0 2rem 6rem; transition: all 0.3s ease 0s;}
.blog .bl .img { position: relative;}
.blog .bl .img .imgok { width: 100%; border-radius: 4rem; aspect-ratio: 4 / 3;object-fit: cover;}
.blog .bl:hover { transform: translateY(-8px); }
.blog .bl .txt {margin: 1rem 0 0;}
.blog .data {font-size: 1.5rem;font-weight: 700;margin: 0 0 1rem;background-color: var(--green); padding: 0.5rem 1.5rem;border-radius: 5rem;display: inline-block;}
.blog .bl .txt h2 { font-size: 2.2rem; margin-bottom: 1rem }
.blog .bl .txt p { color: var(--dark); margin-bottom: 1.5rem; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; }
.blog div.center .cta:hover { background-color: var(--orange-light) }
.blog .box-e span {font-size: 1.6rem;letter-spacing: 3px;text-transform: uppercase;display: flex;justify-content: flex-end;align-items: center;color: var(--orange-light);}
.blog .box-e span img { width: 2rem; height: 2rem; object-fit: contain;}

footer { padding: 5rem 0 0; position: relative;background-color: var(--dark);color: #fff;font-size: 1.4rem;}
footer .logo img { width: 12rem; height: 12rem; object-fit: contain;}
footer .logo .social img { width: 2.9rem; height: 2.9rem; margin: 1rem}
footer .flex { justify-content: space-between; margin-top: 5rem }
footer .bl h3 {font-size: 1.5rem; margin-bottom: 1rem }
footer .bl p {font-size: 1.4rem; line-height: 2 }
footer a { color: #fff; transition: all .3s;}
footer a:hover { color: var(--green) }
ul.blog_ft, ul.blog_ft li {list-style: disc;}
footer .bl ul.blog_ft p.tit {font-weight: 700;}
footer .bl ul.blog_ft p.data {font-size: 1.3rem;opacity: 70%;}
ul.blog_ft li::marker {color: var(--green);display: inline-block;}
ul.blog_ft li {padding: 0 0 1rem; border-width: 1px; border-image-slice: 1; border-style: solid;border-image-source: linear-gradient(to right, rgb(255 255 255 / 50%) 50%, var(--dark) 50%);border-left: 0;
  border-right: 0; border-top: 0; margin: 0 0 1rem;}
ul.blog_ft li:last-child {border-bottom: 0;}
footer .paypal { width: 15.8rem; height: 4.5rem; border-radius: 0.3rem; display: block; margin: 5px 0 1rem }
footer .partner { max-width: 20%; }
footer .partner img { width: 5rem; margin: 0 0.6rem 0.6rem 0 }
.credits { padding: 3rem 0 7rem; border-top: 1px solid rgb(255 255 255 / 50%); text-align: center;background-color: var(--dark);margin: 9rem 0 0;}
.credits p { font-weight: 300; font-size: 1.2rem }


/*the container must be positioned relative:*/
.custom-select {
  position: relative; width: 99%; margin: 0 auto;
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-color: #fff; border-radius: 0.5rem;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 2.5rem;
  right: 1.2rem;
  width: 0;
  height: 0;
  border: 0.9rem solid transparent;
  border-color: #444 transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #444 transparent;
  top: 1.6rem;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #444; font-size: 1.6rem;
  padding: 1.8rem;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}

.select-items div { padding: 1rem 1.8rem }

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #f2f2f2;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: #d9ff62;
}

/*------------------------------------------------------------------------------------*/

/*page*/
.bg_image {background-size: cover;background-position: center;background-repeat: no-repeat;}
.bg_pag {width: 100%;height: 45rem;position: relative;}
.bg_pag_dett {width: 100%;height: 68rem;position: relative;}
.opacity {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgb(0 0 0 / 20%);}

.breadcrumb { color: #fff; font-weight: 400; padding: 2.5rem 0; position: absolute; bottom: 5rem; left: 0; right: 0;display: flex;align-items: center;justify-content: center;}
.breadcrumb a { color: #fff; font-size: 1.4rem;padding: 0 5px;}
.breadcrumb p { font-weight: 700; font-size: 1.4rem;padding: 0 5px;}
.breadcrumb.btm0 {bottom: 0;}

.pag_viaggio .new_ricerca { margin: -5rem auto 0;max-width: 110rem;}
.pag_viaggio .itinerari { margin: 4rem 0 }
.pag_viaggio .itinerari h5 {font-size: 1.6rem;width: 100%;max-width: 100rem;margin: 0 auto 6rem;font-weight: 400;line-height: 1.8;}

.pad_main { padding: 10rem 0;}
.errore h2 { font-size: 3rem; font-weight: 400; letter-spacing: 2px; margin: 0 0 3rem;}
p.error { font-size: 12rem; line-height: 1; margin: 0 0 5rem;}

header .header .log-car .carrello { position: relative; }
header .header .log-car .carrello .allert { position: absolute; top: -1rem; width: 2.6rem; left: -1rem; }



/*dettaglioviaggio*/
.viaggio { position: relative;}


/* SIDEBAR */
.content_dettviaggio .flex {justify-content: space-between; align-items: flex-start;}
.article {width: calc(100% - 40rem - 7.5rem); margin: 0 7.5rem 0 0;/*  height: 100vh; */}
.sidebar {width: 40rem;position: -webkit-sticky;position: sticky;top: 5rem;padding: 5rem;background-color: var(--dark);color: #fff; margin: 0 0 5rem; border-radius: 2rem;}
.sidebar .row {margin: 0 0 3rem; font-size: 1.8rem;}
.sidebar .row p {font-size: 1.8rem;}
.sidebar .row p.prezzo { font-size: 3rem;font-weight: 700; line-height: 1;}
.sidebar .row p.big { font-size: 2rem;font-weight: 700; line-height: 1.5;margin: 0;}
.sidebar .row p.big em { font-size: 1.6rem; font-weight: 400;}
.article h3 {font-size: 3rem;line-height: 1.4;margin: 0 0 3rem;}
.article .cta {margin: 7rem 0 0; padding: 1.3rem 2rem;background-color: var(--green);color: var(--dark);}
#informazioni .cta:hover {background-color: var(--orange-light); color: #fff;}
.desc, .desc p {font-size: 1.6rem;line-height: 1.8;margin: 0 0 1.5rem;}
.desc a {font-weight: 700;color: var(--orange-light);text-decoration: underline;}
.desc h2, .desc h3 {font-size: 2.5rem;line-height: 1.4;margin: 3rem 0 1.5rem;}
.desc h4, .desc h5 {font-size: 2.2rem;line-height: 1.4;margin: 3rem 0 1.5rem;}
.desc ul, .desc ol {margin: 0 0 1.5rem;}
.desc ul, .desc ul li {list-style: inside disc;}
.desc ol, .desc ol li {list-style: inside decimal;}
.sidebar .cta {padding: 1.3rem 4rem;background-color: var(--orange-light);display: block;text-align: center;}
.sidebar .cta:hover {background-color: var(--orange-dark);}

/* Style the tab */
.tit_viaggio { position: absolute;text-align: center;width: 100%;bottom: 14rem;}
.tit_viaggio h1 { font-size: 6.5rem; color: #fff;}
.tit_viaggio h2 { font-size: 2.5rem; color: #fff; font-weight: 400;}
.menu_inside .container {text-align: center;}
.tab {display: inline-flex;justify-content: center; background: #fff; border-radius: 100rem; border: 2px solid #E0E0E0; margin: -5rem 0 7rem; position: relative;}
.tab button { display: inline-block; padding: 3rem 7rem; border-radius: 100rem; background: #fff;font-weight: 700;transition: all .2s;}
.tab button:hover { background-color: #E0E0E0;}
.tab button.active { background-color: #E0E0E0;}
.tabcontent2 { display: none; border-top: none;animation: fadeEffect 1s;}
  @keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
  }

.esperienzeplus { padding: 11rem 0 15rem;}
.esperienzeplus h3 { margin: 0 auto 1.5rem; font-size: 2.5rem; letter-spacing: 3px; font-weight: 400; text-transform: uppercase;}
.esperienzeplus h3 span { font-weight: 300;font-style: italic;}
.esperienzeplus .center p {font-size: 1..3rem;font-style: italic;margin: 0 auto 5.5rem;}
.plus_item img { width: 100%;height: auto;aspect-ratio: 4 /3;object-fit: cover; border-radius: 4rem;}
.plus_item h4 {font-size: 2.5rem; margin: 1.5rem 0;}
#slide-plus .splide__pagination { position: relative; margin: 10rem 0 0;}
#slide-plus .splide__pagination__page.is-active {background: var(--green)}

/* PACCHETTI */
#pacchetti #easy ul li svg { fill:var(--green);}
#pacchetti #traveller ul li svg { fill:var(--orange-light);}
#pacchetti #traveller ul li:first-child svg { fill:var(--green);}
#pacchetti #explorer ul li svg { fill:var(--orange-dark);}
#pacchetti #explorer ul li:first-child svg { fill:var(--orange-light);}
#pacchetti #traveller .cta { background-color:var(--orange-light);color: #fff;}
#pacchetti #explorer .cta { background-color:var(--orange-dark);color: #fff;}
#pacchetti .flex {margin: 5.5rem 0 0;}
#pacchetti .flex .bl { width: calc(33.3% - 2rem); padding: 4rem; margin: 0 2rem 0 0; border: 1px solid #efefef; border-radius: 3rem; transition: all .3s;}
#pacchetti .flex .bl .tit { font-size: 2.8rem;text-transform: uppercase;font-weight: 700;margin: 0 0 1.5rem;}
#easy .tit {color: var(--green);}
#traveller .tit {color: var(--orange-light);}
#explorer .tit {color: var(--orange-dark);}
#pacchetti .flex .bl .desc ul li {list-style: none;}
#pacchetti .flex .bl .desc ul li::before {content: ''; display: inline-block; height: 2rem; width: 2rem;background-position: center;background-size: contain; margin: 0 8px 0 0;background-repeat: no-repeat;}
#pacchetti .flex .bl#easy .desc ul li::before {background-image: url(../images/check.svg);}
#pacchetti .flex .bl#traveller .desc ul li::before {background-image: url(../images/check1.svg);}
#pacchetti .flex .bl#traveller .desc ul li:first-child::before {background-image: url(../images/check.svg);}
#pacchetti .flex .bl#explorer .desc ul li::before {background-image: url(../images/check2.svg);}
#pacchetti .flex .bl#explorer .desc ul li:first-child::before {background-image: url(../images/check1.svg);}

/* ITINERARIO  */
#itinerario .tab {background: none;border: none;}
#itinerario .tablinks { padding: 1rem 4rem; border-radius: 1rem;margin: 0 1rem 0 0;}
#itinerario .tablinks#cambio { border: 2px solid var(--green);}
#itinerario .tablinks#cambio.active, #itinerario .tablinks#cambio:hover { background-color: var(--green);}
#itinerario .tablinks#travellerbtn { border: 2px solid var(--orange-light);}
#itinerario .tablinks#travellerbtn.active, #itinerario .tablinks#travellerbtn:hover { background-color: var(--orange-light);color:#fff}
#itinerario .tablinks#explorerbtn { border: 2px solid var(--orange-dark);}
#itinerario .tablinks#explorerbtn.active, #itinerario .tablinks#explorerbtn:hover { background-color: var(--orange-dark);color:#fff}
#sidebar.easycolor { background-color: var(--green);color: var(--dark);}
#sidebar.sidebar.easycolor .cta { background-color: var(--dark);color:#fff;}
#sidebar.sidebar.easycolor .cta:hover { background-color: var(--orange-light);}
#sidebar.travellercolor { background-color: var(--orange-light);color: #fff;}
#sidebar.sidebar.travellercolor .cta { background-color: var(--dark);color:#fff;}
#sidebar.sidebar.travellercolor .cta:hover { background-color: var(--green);}
#sidebar.explorercolor { background-color: var(--orange-dark);color: #fff;}
#sidebar.sidebar.explorercolor .cta { background-color: var(--green);color:var(--dark);}
#sidebar.sidebar.explorercolor .cta:hover { background-color: var(--green-light);}
#itinerario .tabcontent { padding: 0 0 15rem;}
#itinerario .tabcontent .flex {justify-content: flex-start; align-items: center;flex-wrap: nowrap;}
#itinerario .tabcontent .flex:first-of-type { margin: 0 0 1.5rem;}
#itinerario .tabcontent .innerdani .flex { padding: 0 0 0 6rem;align-items: flex-start;}
#itinerario .num {font-size: 2rem;font-weight: 700;line-height: 1; padding: 1rem 1.5rem;border-radius: 5px;position: relative;z-index: 10;}
#itinerario .tit {font-size: 2.5rem; font-weight: 700; margin: 0 0 0 1.5rem;}
#itinerario .row {position: relative;}
#itinerario .row.giornoplus { border-radius: 2rem;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 4%, rgba(239,239,239,1) 4%);
  background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 4%, rgba(239,239,239,1) 4%);
  background: linear-gradient(90deg, rgba(255,255,255,1) 4%, rgba(239,239,239,1) 4%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#efefef",GradientType=1);
  padding: 2rem 0;    margin: 0 0 3rem;}
#itinerario #travellertab .row.giornoplus .tit span {color: var(--orange-light);}
#itinerario #explorertab .row.giornoplus .tit span {color: var(--orange-dark);}
#itinerario .desc { width: calc(100% - 43rem); flex-grow: 2;margin: 0;}
#itinerario #easytab .num { background: var(--green);}
#itinerario #travellertab .num { background: var(--orange-light); color: #fff;}
#itinerario #explorertab .num { background: var(--orange-dark); color: #fff;}
.slide-interna {width: 40rem;margin: 0 3rem 3rem 0;}
.slide-interna img {width: 100%;height: 100%;object-fit: cover; aspect-ratio: 4 / 3;border-radius: 4rem;}
#itinerario .tabcontent .row:not(:last-of-type)::before {content:''; height: 97%;position: absolute;left: 2rem;top: 4rem;z-index: 9;}
#itinerario  #easytab.tabcontent .row:not(:last-of-type)::before {border-left: 2px dotted var(--green);}
#itinerario  #travellertab.tabcontent .row:not(:last-of-type)::before {border-left: 2px dotted var(--orange-light);}
#itinerario  #explorertab.tabcontent .row:not(:last-of-type)::before {border-left: 2px dotted var(--orange-dark);}
.innerdani {/* display: block; */display: none;}
.toggledani, .toggledani2 {position: relative;}
.innerdani2 {display: none;}
.chevron {width: 2rem;height: 2rem;position: absolute;right: 2rem;top: 30%;transition: all .3s;}
.chevron.rotatedani {transform: rotate(180deg);}
.toggledani.chevron {display: none;}
.toggledani2 {align-items: center;padding: 1rem 2rem;background: #f6f6f6;border-radius: 5px; margin: 0 0 1rem;}
.toggledani2 .titolo { font-size: 2.3rem;margin: 0 2rem 0 0;padding: 0 2rem 0 0;border-right: 1px solid; font-weight: 700;}
.toggledani2 .data { line-height: 1;}
.innerdani2 {margin: 0 0 3rem;}
.innerdani2 .big {margin: 0 0 1rem;}
#profilo .innerdani2 .box { margin: 0 auto 1rem;padding: 0 2rem 1rem;}
#profilo .innerdani2 .box.comunicazioni { border: none; background: #fff0eb; padding: 2rem 2rem 1rem; border-radius: 5px;}
#profilo .innerdani2 .box:last-of-type { border-bottom: 0;}
ul.plus.desc, ul.plus.desc li {list-style: disc inside;}
.desc a.pdf {display: inline-block; text-decoration: none; background: var(--green); padding: 1rem 2rem; border-radius: 5px; margin: 0 1rem 1rem 0; color: var(--dark);transition: all .2s;}
.desc a.pdf img {width: 1.5rem;height: 1.5rem;margin: 0 0 0 5px;}
.desc a.pdf:hover {background-color: var(--green-light);}
.viaggio_storico img.info {width: 2rem;height: 2rem;margin: 0 1rem;}
#pernottamenti h2 {font-size: 2.5rem; line-height: 1.4; margin: 0 0 1.5rem;}
#pernottamenti picture {width: 40rem; margin: 0 3rem 3rem 0;}
#pernottamenti picture img {width: 100%;border-radius: 4rem;}
#pernottamenti .txt {width: calc(100% - 43rem);}



.plus_item_box {position: relative;}
.plus_item_box .prezzo { position: absolute;bottom: 2rem;right: 2rem;z-index: 9;font-size: 2rem;font-weight: 700;background: var(--green);padding: 1rem 2rem;border-radius: 6rem;}

.storico { margin: 2rem 0 0; align-items: center; width: 100%; justify-content: space-between; border: 1px solid #ccc; border-radius: 1rem; padding: 1rem; position: relative; }


.maplocator { margin: 2rem 0 }
.maplocator iframe { width: 100%; height: 60rem; border:none; }

/*date*/
.divdata {position: relative; background-color: #fff; width: 100%; border-radius: 1rem; padding: 1.5rem; margin-bottom: 2rem }
.divdata:last-child { margin-bottom: 0 }
.divdata .cta { position: relative; padding: 1.4rem 3rem; border:none; text-align: center; max-width: 18rem; margin: 0}
.divdata .cta.bgorange:hover { box-shadow: 0 0 5px rgba(0,0,0,0.4);  background-color: #edaa03 }
.divdata .tutto { width: 80%; align-items: center; }
.divdata .flexi { justify-content: space-between; align-items: center; }
.divdata .cta.bggray { background-color: #aaa }
.divdata .tdata { font-size: 2.8rem; padding-right: 1.6rem; border-right: 2px solid #bbb; margin-right: 1.6rem }

/*esperienze*/
.esperienze {padding: 0 0 5rem}
.esperienze h2 { font-size: 8rem; color: #ccc }
.esperienze h4 { font-size: 3rem; margin-bottom: 1rem }

.slider .prod .img { transition: all 0.3s ease 0s; position: relative; border-radius: 0.5rem; overflow: hidden;box-shadow: 0 0 1rem rgba(0,0,0,0.1);  }
.slider .prod .img .price { box-shadow: 0 0 1rem rgba(0,0,0,0.5); position: absolute; right: 0; bottom: 0; padding: 1.5rem 2rem; font-size: 3rem; font-weight: bold; }
.slider .prod .img img { width: 100%; }
.slider .prod .txt h3 { transition: all 0.3s ease 0s; font-size: 2.4rem; color: var(--dark); margin: 1.2rem 0 0.2rem }
.slider .prod:hover .img { box-shadow: 0 0 1rem rgba(0,0,0,0.3); }
.slider .prod p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.pronto { box-shadow: 0 0 5rem rgba(0,0,0,0.3); border-radius: 1rem; background-color: #fff; padding: 4rem 6rem; width: 80rem; text-align: center; border: 0.5rem solid #f9b801; margin: 4rem auto }
.pronto h4 { font-size: 5rem }
.pronto .line { height: 4px; width: 20rem; margin: 3rem auto }
.pronto p { margin-bottom: 3rem }

.info { justify-content: space-between; margin: 10rem 0 6rem; align-items: flex-start; }
.info .form1 { width: 49%; }
.info .form1 h4 { font-size: 3rem ; }
.info .form1 form { background-color: #eee; padding: 3rem; border-radius: 1rem; margin-top: 3rem }
form input, form textarea { margin-bottom: 1.4rem; font-family: 'Lato', sans-serif; width: 100%; border:0; font-size: 1.6rem; padding: 2rem; border-radius: 0.5rem }
.info .form1 .custom-select { width: 100%; }
.info .form1 .cta { width: 100%; text-transform: uppercase; border: 4px solid; margin-top: 2rem }

.faqbox { width: 48%; border-radius: 1rem; margin-top: 6.8rem; justify-content: space-between; background-color: #ddf1e8; align-items: center; padding: 3rem }
.faqbox h4 { font-size: 2.6rem }
.faqbox .cta { border: 4px solid #fff; padding: 1.5rem 3rem }

.gallery { margin: 6rem 0 0}
.gallery .foto { width: 25%; overflow: hidden; margin-bottom: -2rem }
.gallery img { transition: all 0.5s ease 0s; width: 101%; object-fit: cover; object-position: center; height: 22vw }
.gallery img:hover { transform: scale(1.05); }
footer { z-index: 2 }
.titlebig { font-size: 6rem }
.info.contatti { margin: 0 }

/*blogpage*/
.blogpage { padding: 0 }
.blogpage p.center { text-align: left; }
.blog.blogpage .flex { padding: 0; justify-content: flex-start; }
.blog.blogpage .bl { width: 30.33%; margin-right: 2%; margin-top: 4rem; }

.databig {display: flex;align-items: flex-start;}
.databig p.fff { padding: 1rem 2rem; font-size: 1.5rem; display: inline-block; margin: 0 2rem 0 0; border-radius: 1rem;background-color: var(--green);}
.dettblog { padding: 3rem 0 4rem; }
.dettblog img { width: 30%; border-radius: 2rem; margin: 0 4rem 2rem 0; float: left; }

.altri { padding: 4rem 0 }
.altri h3 { font-size: 2.5rem }

::-webkit-input-placeholder { /* Edge */
    color: var(--dark);
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--dark);
}

::placeholder {
    color: var(--dark);
}

/*style check box*/
.containercheck {
  margin-top: 3rem; font-size: 1.4rem;
  display: block;
  position: relative;
  padding-left: 3.4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.containercheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 2.5rem;
  width: 2.5rem;
  background-color: #fff;
  border-radius: 0.2rem;
}

/* On mouse-over, add a grey background color */
.containercheck:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containercheck input:checked ~ .checkmark {
  background-color: #ffa60d;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.containercheck input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.containercheck .checkmark:after {
  left: 0.9rem;
  top: 0.5rem;
  width: 0.5rem;
  height: 1rem;
  border: solid white;
  border-width: 0 0.3rem 0.3rem 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.code { padding: 2rem; display: flex; align-items: center; background-color: #eee; margin-bottom: 2.5rem; border-radius: 0.5rem }
.code p { font-size: 1.2rem; width: 15rem }

.list_pin { margin: 2rem 0 6rem }
.list_pin h4 { font-size: 2rem; margin-left: 1rem }
.list_pin img { width: 3rem }
.list_pin .line { align-items: center; }
.list_pin .open-close-box { background-color: #eee; padding: 0 1rem; margin-top: 1rem }
.list_pin .open-close-box .text_open p { font-size: 1.6rem; padding: 0.5rem 1rem 0.5rem 4rem; border-bottom: 1px solid #ddd }
.list_pin .open-close-box .text_open { margin-top: -1rem }
.list_pin .open-close-box .line { height: 6rem }
.list_pin .open-close-box .btnmore img { margin-top: -0.5rem }

/*contatti*/
.info.contatti .div { width: 48%; margin-top: 3rem }
.txtcont h4 { font-size: 3rem }
.txtcont .p { font-size: 2rem; margin-top: 2rem }
.info.contatti .faqbox { width: 100%; margin-top: 0; margin-bottom: 2rem }
.info.contatti .faqbox.agenzia { background-color: #d6e9f2 }
#mappa { background-color: #d6e9f2; height: 50rem; width: 100%; margin: 9rem 0 0 }

/*login*/
.boxlogin { min-height: 80vh; position: relative; padding: 6rem 0}
.boxlogin .formlogin { width: 100%; max-width: 70rem; padding: 3rem; margin: 0 auto; color: var(--dark);}
.boxlogin .tab-group li a { display: inline-block; padding: 1rem 2rem; font-size: 1.6rem;}
.boxlogin .tab {transition: all .2s;}
.boxlogin .tab.active { background-color: var(--green);border-color: var(--green);}
.boxlogin .tab:hover { background-color: var(--green);border-color: var(--green);}
.boxlogin h3 {font-size: 2.5rem; padding: 2rem 0 }
.boxlogin p a {padding: 1rem 0; display: inline-block;}
.boxlogin .cta { width: 100% }
.boxlogin .cta:hover { background-color: var(--green)}
.boxlogin input { background-color: #efefef}

#profilo { padding: 4rem 0 6rem }
.titolo { font-size: 3rem; margin: 0 0 2rem; }
#profilo .box { border-bottom: 1px solid #ccc; margin-top: 3rem; padding-bottom: 3rem; }
#profilo .box .canc { font-size: 1.3rem; margin-top: 1rem; display: inline-block; border-radius: 0.3rem }
#profilo .box p { line-height: 1.8 }
#profilo .box p span { color: #aaa; }
#profilo .box .titolo-pagina { padding-bottom: 10px }
#storico { padding-top: 4rem }
.btn-chiudi { padding: 10px 20px; border-radius: 5px; border:none; background-color: #333; color: #fff; margin-top: 20px }
.fancybox-content { border-radius: 5px; background-color: #233850!important; border: 3px solid #ccc; }
.lista .box .ck a { font-size: 12px; }
.lista .box .ck .container-c { margin-right: 10px }
#modifica-dati h2 { font-size: 3rem; margin-bottom: 3rem }
#modifica-dati .cta { margin-top: 1rem }
#modifica-dati .cta:hover { background-color:#5aba8e  }




/*registrazioni - carrello*/
.titlemenu { width: 50%; text-align: center; font-size: 3rem; font-weight: bold; }
.titlemenu img { width: 6rem; vertical-align: middle; }
.boxbox { position: relative; background-color: rgba(255,255,255,1); border-radius: 1rem; padding: 4rem; margin: 6rem auto 10rem;}
.boxbox.accesso {max-width: 60rem;}
.boxbox .t1 { font-size: 3rem; margin-bottom: 2rem }
.boxbox .cta {margin: 6rem 0 0;cursor: pointer;}

/* .boxbox .input { width: 23%; float: left; margin: 1rem 2% 1rem 0 } */
.boxbox input { width: 100%; padding: 1rem; border-radius: 0.5rem; border: 1px solid var(--dark); }
.boxbox input:focus { outline: none; }
.boxbox .registrazione { margin: 3rem 0 }
.modifiche.formlogin input { padding: 1rem; margin-top: 0.5rem }


.bc {margin: -3rem 0 0; display: inline-flex; position: relative;justify-content: center; background: #fff; border-radius: 10rem; border: 2px solid #E0E0E0;}
.bc a { transition: all 0.3s ease 0s; text-align: center;background-color: #fff; color: var(--dark); font-size: 1.6rem; font-weight: 700; padding: 3rem 7rem; border-radius: 10rem }
.bc a.active { background-color: var(--green) }
.bc a.passed { background-color: #E0E0E0}
.bc a.passed:hover { background-color: var(--orange-light) }
.open-close-box {position: relative; margin: 0 0 2rem;}
.open-close-box .btnmore {position: absolute; top: 2rem; right: 0; width: 100%!important; cursor:pointer; cursor: pointer;}
.open-close-box .btnmore .open { height: 3rem; width: 3rem; }
.open-close-box .btnmore img { height: 3rem; width: 3rem; float: right; margin: 0.5rem 1rem 0 0; }

/* .bc a:nth-child(1) { position: relative; z-index: 5; padding-left: 3rem; margin-left: 0 }
.bc a:nth-child(2) { position: relative; z-index: 4; }
.bc a:nth-child(3) { position: relative; z-index: 3; }
.bc a:nth-child(4) { position: relative; z-index: 2; }
.bc a:nth-child(5) { position: relative; z-index: 1; }
.bc a:last-child { box-shadow: none }
 */
.flexstep { justify-content: space-between; align-items: flex-start; }
.flexstep .divleft { width: calc(100% - 55rem) }
.pricebox { margin-bottom: 1rem; width: 45rem; box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 2rem; overflow: hidden;position: sticky; top: 1rem;}
.pricebox.non-sticky {position: relative; top: 0;}
.pricebox img { width: 100%; }
.pricebox .txt { padding:  3rem }
.pricebox .txt .p1 { font-size: 3rem; font-weight: bold; line-height: 1.3; }
.pricebox .txt .p1 span { font-weight: lighter; font-size: 1.6rem; color: var(--dark); }
.pricebox .txt .p2 { margin: 1.4rem 0 }
.pricebox .partecipante { padding: 1.4rem 0; border-top: 1px solid #ddd }
.pricebox .partecipante { display: flex; justify-content: space-between; }
.pricebox .cta { width: 100%; margin-top: 1rem; text-align: center; cursor: pointer;}
.prezzo_barrato { text-decoration: line-through; }

.selectpack { margin-top: 2rem; border-top: 1px solid #ddd; padding-top: 1.6rem }
.selectpack .flex { display: flex; }
.selectpack .checkmark { border: 1px solid var(--dark); font-weight: bold; }
.selectpack .containercheck { font-weight: bold; font-size: 2rem; margin-right: 2rem; margin-top: 1.2rem }
/*.selectpack .containercheck:nth-child(1) input:checked ~ .checkmark { background-color: #5aba8e }
.selectpack .containercheck:nth-child(2) input:checked ~ .checkmark { background-color: #0092d8 }
.selectpack .containercheck:nth-child(3) input:checked ~ .checkmark { background-color: #fc5800 }*/

.selectpack .containercheck.green2 input:checked ~ .checkmark { background-color: var(--green) }
.selectpack .containercheck.blu2 input:checked ~ .checkmark { background-color: var(--orange-light); }
.selectpack .containercheck.coral input:checked ~ .checkmark { background-color: var(--orange-dark) }

.selectpack .info { font-size: 1.2rem; font-style: italic; margin: 2rem 0 0 0; display: inline-block; }

.input.unico { width: 100%; margin-top: 2rem; border-top: 1px solid #ddd; padding-top: 1.6rem }
.input.unico input { margin-top: 1rem }
.datiunico .input { width: 48%; margin: 1rem 2% 0 0 }
.datiunico .input100 { width: 100%; margin: 1rem 2% 0 0 }
.datiunico .check2 { width: 50%; display: flex; }
.datiunico .check2 .checkmark { border: 1px solid var(--dark); font-weight: bold; margin-top: -0.3rem }
.datiunico .check2 .containercheck { margin: 4.8rem 2rem 0 0; font-size: 1.6rem }



.flexstep .divleft .open-close-box h2 { transition: all 0.3s ease 0s; font-size: 2.5rem; padding: 1rem 1.2rem; background-color: var(--dark); color: #fff; border-radius: 0.5rem }
.flexstep .divleft .open-close-box:hover h2 { background-color: var(--orange-light); }
.flexstep .divleft .open-close-box .btnmore { top: 0.6rem }
.flexstep .divleft .open-close-box .btnmore img { background-color: #fff; padding: 0.5rem; border-radius: 0.5rem }
.flexstep .divleft .option { margin: 2% 2% 0 0; border-radius: 0.5rem; width: 48%; background-color: #eee; padding: 2rem; }
.flexstep .divleft .option img { width: 100%; border-radius: 0.5rem; margin-bottom: 1rem }
.flexstep .divleft .option h3 { padding: 0; background-color: transparent; font-size: 2rem; font-weight: bold; margin-bottom: 1rem }
.flexstep .divleft .option p { padding: 0; margin-bottom: 1rem }
.flexstep .divleft .option .prezzo { padding: 1rem 0 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; justify-content: space-between; align-items: center; }
.flexstep .divleft .option .prezzo b { font-size: 2rem }
.flexstep .divleft .option .cta { width: 100%; text-align: center; font-size: 1.6rem; background-color: #647b8e }
.flexstep .divleft .option .cta:hover { background-color: #233850 }

.assegnazione { text-align: center!important }
.assegnazione h2 {font-size: 2.5rem}
.assegnazione .cta { margin-top: 3rem }
.assegnazione button:focus { outline: none; }
.assegnazione .scegli { margin-top: 2rem }
.assegnazione .scegli label { margin: 1rem 0; display: inline-block; }

.modify { display: inline-block; margin-top: 0.6rem; font-size: 1rem }

.flexstep .box { margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px solid #ccc; }
.flexstep .box p span { color: #aaa; font-size: 1.4rem; margin-right: 0.5rem; }

#carrello { padding: 4rem 0 6rem }
#carrello .pricebox { margin-top: 2rem }

.pulsate { transition: all 0.3s ease 0s; opacity: 1;
animation: pulsate 1s ease-out;
-webkit-animation: pulsate 1s ease-out;
animation-iteration-count: infinite; 
-webkit-animation-iteration-count: infinite; 
transform: scale(0.9);}

.pulsate2 { transition: all 0.3s ease 0s; opacity: 1;
animation: pulsate2 1s ease-out;
-webkit-animation: pulsate2 1s ease-out;
animation-iteration-count: infinite; 
-webkit-animation-iteration-count: infinite; 
transform: scale(1);}

.rotate { animation: mymove 2s infinite; transform: rotate(-10deg) }
@keyframes mymove {50% {transform: rotate(10deg);}}

@keyframes pulsate {0% { 
    transform: scale(0.9);
  }
  50% { 
    transform: scale(1);
  }
  100% { 
    transform: scale(0.9);
  }
}

@-webkit-keyframes pulsate {
    0% { 
        transform: scale(0.9);
    }
    50% { 
        transform: scale(1);
    }
    100% { 
        transform: scale(0.9);
    }

}

@keyframes pulsate2 {
    0% { 
        transform: scale(0.9);
        opacity: 0.4
    }
    50% { 
        transform: scale(1);
        opacity: 1;
    }
    100% { 
        transform: scale(0.9);
        opacity: 0.4;
    }

}

@-webkit-keyframes pulsate2 {
    0% { 
        transform: scale(0.9);
        opacity: 0.4
    }
    50% { 
        transform: scale(1);
        opacity: 1;
    }
    100% { 
        transform: scale(0.9);
        opacity: 0.4;
    }

}


/* NEW SELECT TYPE 2 */
.select2 span.selection {margin: 0 0 -1.5rem;position: relative;display: block;}
.select2-container--default .select2-selection--multiple {
  background-color: transparent!important;
  border: none!important;
  border-radius: 0.5rem!important;
  padding: 5px!important;
  position: relative!important;
  min-height: inherit!important;
}
.select2-container .select2-search--inline .select2-search__field {
  font-size: 1.45rem!important;
  margin-top: 0!important;
  margin-left: 0!important;
  padding: 0!important;
  max-width: 100%!important;
  resize: none!important;
  height: auto!important;
  overflow: hidden!important;
  word-break: keep-all!important;
  margin-bottom: 0!important;
  color: var(--dark)!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #fff!important;
  border: none!important;
  border-radius: 5px!important;
  box-sizing: border-box!important;
  display: inline-flex!important;
  margin-left: 0!important;
  margin-top: 0!important;
  padding: 5px 5px 5px 2rem!important;
  font-size: 1.45rem!important;
  margin-right: 5px!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  border: none!important;
  border-right: 1px solid #ddd!important;
  height: 100%!important;
}
.select2-dropdown {border: none!important;font-size: 1.45rem!important;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color: #f46431!important;}
.select2-results__option {padding: 1rem 2rem!important;}





@media screen and (max-width: 1400px){ 
.bgformlogin { margin-top: 7rem }
.high .bg-shape { width: 52% }
.tab-group .tab img { width: 2rem }
.tab-group li a { font-size: 1.5rem; padding: 1.5rem 0.5rem }
.treedom .bgeee p { width: 76% }
.blocco { padding: 1rem 0 }
/* .itinerari .bl .txt { padding: 2rem 1rem 0 } */
.itinerari .bl h2, .itinerari .bl .txt .price { font-size: 2.8rem }

.slide-interna {width: 30rem;}
#itinerario .desc {width: calc(100% - 33rem);}
#pernottamenti picture {width:30rem;}
#pernottamenti .txt {width: calc(100% - 33rem);}

}

@media screen and (max-width: 1280px){
  .tab button {padding: 2rem 5rem;}

  #pacchetti .flex .bl {width: 100%;margin: 0 0 4rem;}

  #itinerario .tabcontent .innerdani .flex {flex-wrap: wrap;}
  .slide-interna {width: 100%;margin: 0 0 3rem;}
  #pernottamenti picture {width: 100%;margin: 0 0 3rem;}
  #itinerario .desc {width: 100%;}
  #pernottamenti .txt {width: 100%;}
  .sidebar .row {margin: 0 0 2rem;}
  .sidebar .row .desc {font-size: 1.5rem;}

  .bc a {padding: 2rem 5rem;}
  .flexstep .divleft {width: calc(100% - 48rem);}

  .flexstep .divleft .option {width: 100%;margin: 1.5rem 0;}

}

@media screen and (max-width: 1024px){
  header {border-bottom: none;}
  header .header .social { position: absolute;top: 13rem;left: 4.3rem;border-right: none;padding: 0;width: auto;}
  header .header .social ul img {padding: 0 1rem 0 0;}
  header .header .logo {width: 12rem;}
  header .header .log-car { width: auto; position: absolute; top: 1.5rem; right:0.8rem;}
  header .header .log-car .login {margin-right: 1.5rem;}
  header .header .log-car .login, header .header .log-car .carrello {width: 3rem;height: 3rem; padding: 6px;border-radius: 20rem;border: 1px solid;}
  header .header .log-car .login img, header .header .log-car .carrello img {width: 100%;height: 100%;}

  .imglogin { margin: 0 0.5rem }
  header .header .menu { display: none; }
  .menu_responsive { display: block; }
  .menu_responsive button {cursor: pointer; margin: 3rem 0 0;}
  .menu_responsive img { width: 3rem; height: 3rem; }
  .high {align-items: flex-end;padding: 2rem 0;}
  .high .txt_left { width: 100%; margin: 0;}
  .high .txt_left .spv img.simbolo {width: 25rem;height: 25rem;}
  .high .txt_left .spv { margin: 0; border-radius: 1rem; padding: 3rem; width: 100% }

  .tab {display: block;border-radius: 2rem;}
  .tab button { display: block;padding: 1.2rem 3rem;border-radius: 2rem;text-align: center;width: 100%;}
  .article {width:100%;margin: 0 auto 6rem;}
  .sidebar {width: 100%;position: relative;}

  #pacchetti .flex .bl {width: calc(33.3% - 2rem);margin: 0 2rem 0 0;}

  .innerdani {display: none;}
  .chevron {display: block;}

  #itinerario .tabcontent .innerdani .flex {flex-wrap: nowrap;}
  #itinerario .tab {margin: 0 auto 5rem;}
  #itinerario .tab button {margin: 0 0 1rem; border-radius: 10rem;}
  .slide-interna {width: 30rem; margin: 0 3rem 3rem 0;}
  #pernottamenti picture {width: 30rem; margin: 0 3rem 3rem 0;}
  #itinerario .desc, #pernottamenti .txt {width: calc(100% - 33rem);}

  .bc a {padding: 1rem 2rem;}
  .boxbox {margin: 2rem auto 10rem;}
  .flexstep .divleft {width: 100%;margin: 0 0 4rem;}
  .pricebox {width: 100%;}

  .flexstep .divleft .option {width: 48%;margin:2% 2% 0 0;}

  .pingu .bl { width: 50%;}
  

.ctacont { width: 100% }
.ctaspecial { background-image: url(../images/cta2.png); margin-top: -2rem; font-size: 2.3rem; padding: 4.5rem 5rem 6rem; position: relative; z-index: 1 }
.high .txt_right { width: 100%; margin-top: 2rem }
.bggradient .bg { object-fit: contain; height: 90% }
.mainhome { padding-top: 3rem }
.linepoint { background-size: 3rem; height: 1.1rem }
.itinerari .bl {width: calc(50% - 5rem);padding-bottom: 50%;}
/* .itinerari .bl {width: 49%; height: 32vw; background-position: center;} */
/* .itinerari .bl:last-child { margin-top: -2rem; width: 100% } */
.servizi {padding: 6rem 0 0;}
.servizi .container {padding: 0;}
.servizi .img { position: relative; }
.accordion .plist {text-align: left;}
/* .accordion { max-width: 768px; width: 100%; margin: 1rem auto 0 } */

.treedom { text-align: center; }
.treedom .bgeee { text-align: center; padding-bottom: 13rem; position: relative; width: 100% }
.treedom .bgeee .leaf { left: 0; right: 0; margin: 0 auto; top: -3rem }
.treedom .bgeee p { width: 100% }
.treedom .imgtreedom { position: relative; z-index: 1; width: 20rem; transform: none; left: 0; right: 0; margin-top: -10rem }
footer .blnone { display: none; }

.imglogin { background-image: url(../images/login.svg); }
.imgsel { filter: invert(1); }

main.mainpage .itinerari .bl { width: 48%; margin: 0 2% 2rem 0 }

header .header .log-car .carrello .allert {top: 0.2rem;width: 2rem;left: 5rem;}
.dettviaggio .container.flex { flex-direction: column-reverse; }
.dettviaggio .pricebox { width: 90%; margin: -6rem auto 0 }
.dettviaggio .pricebox .price { width: 45% }
.dettviaggio .pricebox .prosegui { width: 55% }
.dettviaggio .infotxt { width: 100% }
.dettviaggio .tab-group li a span { display: none; }
.dettviaggio .bgformlogin { margin-top: 0rem }
.dettviaggio .tab-group li a { text-align: center; padding: 3rem 0 }

.boxes .box p { font-size: 1.4rem }
.pronto { width: 94% }
footer { padding: 4rem 0 0 }
.blog div.center { margin-top: 2rem }

.titlemenu { text-align: right; width: auto; }
.boxbox .registrazione .input { width: 48% }

.new_ricerca {border-radius: 4rem; padding: 1rem 0 2rem; max-width: 50rem;margin: 0 auto;}
.new_ricerca .bl:not(#invia) {width: 100%;border-radius: 4rem; padding: 1.5rem 3rem;}
.new_ricerca .bl#invia {width: calc(100% - 4rem); margin: 1rem 2rem 0;}
.new_ricerca .vert {display: none;}
.new_ricerca .bl#invia input {padding: 1rem 0;}

.servizi .txt {width: 100%;padding: 0 2%;}

  
}

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

  .high .txt_left .spv h1 {font-size: 4rem;}
  .high .txt_left .spv h1 span {font-size: 2rem;}
  header .header .social {left: 3.8rem;}

  .pingu.webp {background-image: url(../images/lanterne_s.webp);}
  .pingu.no-webp {background-image: url(../images/lanterne_s.webp);}

  .article {margin: 0 auto;}
  #pacchetti .flex .bl {width: 100%;margin: 0 0 4rem;}
  #itinerario .tabcontent .innerdani .flex {flex-wrap: wrap;}
  #itinerario .tabcontent {padding: 0 0 3rem;}

  .slide-interna {width: 100%;margin: 0 0 3rem;}
  #pernottamenti picture {width: 100%;margin: 0 0 3rem;}
  #itinerario .desc {width: 100%;}
  #pernottamenti .txt {width: 100%;}
  #itinerario .row.giornoplus {margin: 0;padding: 0;}

  .bc {border-radius: 1rem;}
  .bc a {border-radius: 5px;font-size: 1.4rem;}

  .flexstep .divleft .option {width: 100%;margin: 1.5rem 0;}


.ctacont { width: 50%; float: left; text-align: left; margin-top: 10rem }
.high .txt_left { height: auto; }
/* .itinerari .bl { width: 100%; max-width: 50rem; margin: 0 auto 3rem!important; height: 37vw }
.itinerari .bl .txt { border-bottom: 10px solid #5aba8e; } */
.bgformlogin { border-radius: 3rem }
.blog .bl { width: 100%; margin-bottom: 4rem }
.blog .bl .txt p { font-size: 1.5rem }
.blog .flex { padding: 4rem 8rem }
footer .bl { width: 100%; text-align: center; margin-bottom: 3rem }
footer .paypal { margin: 1rem auto }
footer .partner { max-width: 100% }

.dettviaggio .pricebox .price { width: 100%; margin-bottom: 3.6rem }
.dettviaggio .pricebox .prosegui { width: 100% }

.boxes .box { width: 100% }
.boxes { flex-wrap: wrap; }
.boxes .box .cta2 { width: 90% }
.esperienze { text-align: center; }
.esperienze h2 { font-size: 11vw; line-height: 1; margin-bottom: 1.5rem }
.prod { text-align: left; }
.info .form1 { width: 100% }
.info .form1 h4 { text-align: center; }
.faqbox { width: 100%; margin-top: 4rem; justify-content: center; text-align: center;}
.faqbox .cta { margin-top: 2rem }
.gallery .foto { width: 50% }
.gallery img { height: 44vw }
.gallery img:hover { transform:none; }

.viaggio .container .txt h1 { font-size: 11vw }
.viaggio .container .txt h2 { font-size: 2rem; width: 90% }
.open-close-box .circlebox.flex { margin: 0 }
footer p { font-size: 1.4rem; }
footer .bl p {line-height: 1.8}
footer .flex { margin-top: 2rem }
.back-to-top { bottom: 1rem }

.boxlogin { height: auto; width: 100% }
.boxlogin .formlogin { width: 90% }
form input, form textarea { padding: 1.8rem 1rem }
.storico .flex { width: 100% }
.prezzo.cta.bgorange.fff { margin-top: 2rem; width: 100%; text-align: center; }

.blog.blogpage .bl { width: 48% }
.dettblog img { width: 48% }
.info.contatti .div { width: 100% }
.faqbox h4 {width: 100%}
#mappa { margin-top: 1.5rem }
.txtcont .p { font-size: 1.8rem }

.boxbox .input { width: 48% }

.dettviaggio .tab-group li a { width: 48%; margin: 1%; padding: 1.5rem 0 }


}

@media screen and (max-width: 580px){
  .bg_pag {height: 35rem;}
  .tit_viaggio h1 { font-size: 5rem;}
  #itinerario .tit {font-size: 2rem; max-width: 72%;}
  .chevron {right: 1rem;}
  .sidebar {padding: 3rem 2rem;}
  .article .cta {margin: 4rem 0 0;}

  .bc {background: transparent;border: none;margin: -1.5rem 0 0;}
  .bc a { border: 2px solid #dedede;margin: 0 5px;}
  .bc a.active {border: none;}

  .databig {flex-wrap: wrap;}
  .databig p.fff {width: 100%; margin: -4rem 0 1.5rem;background: transparent;color: var(--dark);padding: 0;}

  .itinerari .bl { width: 100%; max-width: 40rem; padding-bottom: 90%;}

}

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

  .w_wanderly {width: 15rem;height: 15rem;}
  .high .txt_left .spv h1 {line-height: 1;}
  .high .txt_left .spv h1 span {font-size: 1.6rem; display: block; line-height: 1.5; margin: 1rem 0 0;}
  header .header .social {left: 3.6rem;top: 12rem;}

  .toggledani2 .titolo { width: 90%;}

  .ctaspecial { position: absolute; font-size: 2rem }
.ctacont { margin-top: 10% }
.bgformlogin { padding: 2.5rem }
.tab-group .tab img { width: 1.8rem; display: block; margin: 0 auto 0.4rem }
.itinerari .bl { height: 60vw }
.servizi { margin-top: 5rem }
.servizi .img img { width: 90%; margin-top: 3rem }
.servizi .img video { width: 71%; bottom: 14px }
.treedom { padding: 6rem 0 }
.treedom .bgeee { padding: 5rem 3rem }
.treedom .imgtreedom { margin-top: -2rem }
.blog h2 { font-size: 4rem }
.blog .flex { padding: 4rem 0 }
.credits p { font-size: 1.2rem; text-align: left; width: 80%; padding-left: 2rem }

main.mainpage .tab-group a { margin: 0; width: 33%!important }
main.mainpage .custom-select { width: 100% }
main.mainpage .tab-content .cta { width: 100%; margin: 1rem  0 0; }
main.mainpage .itinerari .bl { width: 98%; margin: 0 }
.itinerari .bl .txt p { font-size: 1.4rem }

.dettviaggio .tab-group li a img { margin: 0 auto 0.5rem; height: 2rem; width: 2rem }
.dettviaggio .tab-group li a { font-size: 1.4rem!important }
#itinerario .legenda p { font-size: 1.5rem; margin-right: 2% }
.circle, .open-close-box .circle { height: 1.4rem; width: 1.4rem }
.open-close-box .attivita p { font-size: 1.6rem;}
.open-close-box .attivita { padding: 0 3%; margin: 0 }
.open-close-box .giorno .day p span { font-size: 1.6rem }

.dettviaggio .infotxt { display: block; text-align: center; }
.dettviaggio .infotxt div { width: 100%; margin-top: 1rem }
.viaggio .breadcrumb { text-align: center; margin: 0 auto; display: block; }
.pronto h4 { font-size: 9vw }

.bgformlogin { padding: 2.5rem 1.5rem }

.storico .titolo { width: 100%; border:none; width: 100%; margin-right: 0; border-bottom: 1px solid #ccc; padding: 0; margin-bottom: 1rem }
.prezzo.cta.bgorange.fff { margin-top: 1rem }

.blog.blogpage .bl { margin-top: 2.5rem; margin-bottom: 1.5rem }
.blog .bl .txt span i { display: none; }
.blog .data { left: 2rem }

.dettblog img { width: 100% }

.bc a span { display: none; }
.bc a { width: 40%; padding-top: 2rem; }
.selectpack .flex { display: block; }
.titlemenu { display: flex; flex-direction: column; align-items: flex-end; font-size: 1.6rem}
.titlemenu img { width: 4rem }
.boxbox { padding: 2rem }
.datiunico .input { width: 100% }
.boxbox .input { width: 100%; margin: 1rem 0 }
.boxbox .registrazione .input { width: 100% }
.datiunico .check2 .containercheck { margin: 3rem 2rem 1.5rem 0}
.flexstep .divleft .option { width: 100%; margin: 2% 0 0 0 }
.code { flex-direction: column; padding: 1.5rem }
.code p { width: 100%; margin-bottom: 0.5rem }
.bgformlogin { border-radius: 1rem }
.itinerari .center { margin-top: 2.5rem }
.triangle {border-bottom: 6rem solid #f9b801;}
.servizi .bgorange .txt .cta { margin-bottom: 2rem }

.slide1,.slide2,.slide3,.slide4 { height: 900px!important;}

.high .tab-group li a { font-size: 1.4rem; padding: 1rem }
.high .tab-group .tab img { width: 1.6rem }

.pingu .bl {width: 100%;}

}

@media screen and (max-width: 380px){
  header .header .social {left: 3.4rem;}
  .tit_viaggio h1 { font-size: 3.5rem;}
  .tit_viaggio h2 { font-size: 2rem;}

  .slide-interna .splide__arrow {transform: scale(0.7) translateY(-50%);}
  .slide-interna .splide__arrow--prev {left: 5px;}
  .slide-interna .splide__arrow--next {right: 5px;}
  .slide-interna img {border-radius: 1rem;}
  #pernottamenti picture img {border-radius: 1rem;}

.blog.blogpage .bl { width: 100% }
.servizi .img video { bottom: 12px }
.slide1,.slide2,.slide3,.slide4 { height: 950px!important;}
.high .bgformlogin { padding: 2rem 1rem }
}

@media screen and (max-width: 300px){
  .new_ricerca .bl:not(#invia) {padding: 1rem 1.5rem;}
}

main.mainpage .tab-group a.special{
  width: 100% !important;
}
@media(min-width: 520px){
  main.mainpage .tab-group a.special{
    width: auto !important;;
  }
}


/* ALTEZZE HOMEPAGE */

@media(max-height: 740px){
  .high {padding: 0 0 8%;}
  .high .txt_left .spv {margin: 0 0 2rem;}
  .new_ricerca .bl:not(#invia) {padding: 5px 3rem;}
}

@media(max-height: 690px){
  .slidecontainer {height: 76rem;}
  .splide#slide-home, .splide#slide-home .splide__list, .splide#slide-home .splide__slide, .splide#slide-home .splide__track {height: 76rem;}
}

/* @media(max-height: 560px){
  .slidecontainer {height: 120vh;}
}

@media(max-height: 520px){
  .slidecontainer {height: 130vh;}
}

@media(max-height: 470px){
  .slidecontainer {height: 140vh;}
}

@media(max-height: 430px){
  .slidecontainer {height: 160vh;}
}

@media(max-height: 380px){
  .slidecontainer {height: 170vh;}
  .high .txt_left .spv {margin: 0;}
  .high .txt_left .spv img.simbolo {display: none;}
} */