.fixed_menu_bottom, .fixed_menu_bottom_cont { --fi-menu-pos-bot: 0px; --fi-menu-bo-rad: 16px 16px 0px 0px; --fi-menu-a-size: 16px; --fi-menu-a-height: 42px !important; --fi-menu-height: 100px; --fi-menu-top: -100px; --fi-menu-ico: 20px; }



/* Primo blocco */
.first-image, .second-image { width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; max-width: 100vw; position: relative; overflow: hidden; }
.primo-testo h2 { margin-bottom: 20px; }
.seo_container { width: 100%; background-color: #fff; }

body.id1.seo div#introclaim h1 { font-size: 28px; }

.first-image img { width: 100%; margin-bottom: 40px; }

.first-image h1 { position: absolute; z-index: 2; font-weight: 800; font-size: 18px; line-height: 35px; display: flex; align-items: center; letter-spacing: 0.2px; background-color: #FFFFFF; color: #024648; width: calc(100% - 40px); padding: 20px 20px; text-align: center; left: 0px; /* background: -moz-linear-gradient(top, rgba(2,70,72,1) 0%, rgba(2,70,72,0.7) 50%, rgba(2,70,72,0) 100%);
        background: -webkit-linear-gradient(top, rgba(2,70,72,1) 0%,rgba(2,70,72,0.7) 50%,rgba(2,70,72,0) 100%);
        background: linear-gradient(to bottom, rgba(2,70,72,1) 0%,rgba(2,70,72,0.7)50%,rgba(2,70,72,0.0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#00000000',GradientType=0 );*/ justify-content: center; margin-bottom: auto; flex-direction: row; }


body.comclass .fix .form_ricerca { top: -100vh; transition: top 0.3s ease; }

body.comclass .fix.sblocca_search .form_ricerca { top: var(--nav-height-general); }


.fixed_menu_bottom > div > a { height: var(--fi-menu-a-height); font-size: var(--fi-menu-a-size); color: #024648; background-color: #fff; width: 100%; text-decoration: none; display: flex; justify-content: center; align-items: center; box-shadow: 0px 5px 7px rgb(155 181 181 / 25%); border-radius: 37.5px; font-weight: 600; }

    .fixed_menu_bottom > div > a.large_bt { background-color: #024648 !important; color: #fff !important; border: none; position: relative; text-indent: initial; }

.fixed_menu_bottom { width: 100%; max-width: 474px; border-radius: var(--fi-menu-bo-rad); display: flex; margin: 0px auto; background: #EBEDF0; box-shadow: 0px 5px 7px rgb(155 181 181 / 38%); height: var(--fi-menu-height); position: absolute; top: var(--fi-menu-top); justify-content: center; align-items: center; z-index: 2; }

#seofaq .scheda_content.details > h3 { padding-left: 10px; padding-bottom: 20px; padding-top: 20px; }


.primo-testo { font-style: normal; display: block; align-items: center; padding: 10px 20px; padding-top: 20px; position: relative; bottom: 0px; left: 0px; background-color: rgb(255 255 255 / 90%); color: #024648; /*background: -moz-linear-gradient(top, rgba(2,70,72,0) 0%, rgba(2,70,72,0.7) 50%, rgba(2,70,72,1) 100%);
    background: -webkit-linear-gradient(top, rgba(2,70,72,0) 0%,rgba(2,70,72,0.7) 50%,rgba(2,70,72,1) 100%);
    background: linear-gradient(to bottom, rgba(2,70,72,0) 0%,rgba(2,70,72,0.7)50%,rgba(2,70,72,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#00000000',GradientType=0 );*/ }
    .primo-testo p { margin-bottom: 20px; margin-left: 20px; }

.basic-second-text ol { margin-left: 60px; margin-bottom: 20px; }

.basic-second-text p { margin-bottom: 20px; margin-left: 20px; }

.primo-testo, .primo-testo span { font-weight: 400 !important; font-size: 14px !important; line-height: normal !important; letter-spacing: 0.2px; align-items: center; letter-spacing: 0.2px; font-family: 'Mulish', sans-serif !important; text-align: justify !important; }



.myslider_scroll { --scroll-bar-color: #c5c5c5; --scroll-bar-bg-color: #f6f6f6; }


.myslider > div { width: 100%; flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; display: block; list-style: none; margin: 0; padding: 0; scrollbar-width: none; scroll-snap-type: x mandatory; overflow-x: scroll; scroll-behavior: smooth; }

    .myslider > div > div.selfiltro { text-decoration: none; }

    .myslider > div > div { box-sizing: border-box; display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: top; }

        .myslider > div > div.selfiltro > a { text-decoration: none; }

        .myslider > div > div a { display: inline-flex; text-decoration: none; box-sizing: border-box; }

.myslider_scroll::-webkit-scrollbar-corner { background: rgba(0,0,0,0.5); }

.myslider_scroll { scrollbar-width: thin; scrollbar-color: var(--scroll-bar-color) var(--scroll-bar-bg-color); }

    .myslider_scroll::-webkit-scrollbar { width: 1px; height: 0px; }

    .myslider_scroll::-webkit-scrollbar-track { background: var(--scroll-bar-bg-color); }

    .myslider_scroll::-webkit-scrollbar-thumb { background-color: var(--scroll-bar-color); border-radius: 20px; border: 3px solid var(--scroll-bar-bg-color); }


div#bookinghasslefree { background-color: #ffff; }

.customer_reviews { font-size: 16px !important; font-weight: 700 !important; display: flex; flex-direction: column; align-items: center; padding-bottom: 20px; }

#bookinghasslefree .myslider > div > div { width: 280px; margin: 15px 15px 15px 15px; background: #FFFFFF; box-shadow: 0px 5px 7px rgb(155 181 181 / 26%); border-radius: 20px; height: 200px; }

    #bookinghasslefree .myslider > div > div > div { display: flex; flex-direction: column; white-space: normal; }

#bookinghasslefree > div > div > div > div:first-child { display: flex; flex-flow: row wrap; /* flex: 1; */ justify-content: center; align-items: center; margin: 20px 20px 0px 20px; padding-bottom: 20px; }

    #bookinghasslefree > div > div > div > div:first-child > div:nth-child(1) { font-weight: 700; font-size: 16px; display: flex; color: #024648; flex: 1; order: 2; justify-content: flex-end; }

#bookinghasslefree > div > div > div > div.hassle_free_first:first-child > div:nth-child(1) { margin-top: 20px; justify-content: center; }

#bookinghasslefree .myslider > div > div > div:first-child > div:nth-child(2) { font-weight: 700; font-size: 17px; display: flex; letter-spacing: 0.2px; color: #024648; flex: 1; order: 1; }

#bookinghasslefree .myslider > div > div > div:nth-child(2) { font-weight: 400; font-size: 13px; line-height: 21px; display: flex; align-items: flex-start; letter-spacing: 0.2px; color: #0F1313; margin: 0px 20px 20px 20px; height: 63px; }

div#seofaq > div:first-child h2 { font-weight: 700; font-size: 20px; line-height: 69px; display: flex; align-items: center; letter-spacing: 0.2px; color: #024648; width: calc(100% - calc(var(--nav-pad-x) * 2)); display: flex; justify-content: center; padding: 0px var(--nav-pad-x); }
/* elenco auto*/
.scheda_auto_flex > div:nth-child(1) { order: 2; }

.scheda_auto_flex > div:nth-child(2) { order: 3; }

.scheda_auto_flex > div:nth-child(3) { display: flex; flex: 1; order: 1; flex-direction: column; padding: 15px 20px; background-color: #fff; border-radius: 20px 20px 0px 0px; /* margin-top: 20px; */ }

    .scheda_auto_flex > div:nth-child(3) > div { display: flex; -ms-flex-flow: row wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; }

        .scheda_auto_flex > div:nth-child(3) > div > span { width: 56px; margin-right: 10px; }

            .scheda_auto_flex > div:nth-child(3) > div > span:nth-child(2) { flex: 2; font-weight: 700; color: #024648; }

            .scheda_auto_flex > div:nth-child(3) > div > span:nth-child(3) { width: 84px; color: #024648; font-weight: 700; margin-right: 10px; }

.scheda_auto_flex.ghost { /* display:none; */ }


#seocountries .myslider > div > div > a,
#type .myslider > div > div > a { display: flex; flex-direction: column; white-space: normal; box-shadow: 0px 0px 10px rgb(117 117 117 / 75%); border-radius: 20px; margin: 5px 12px 20px 12px; padding: 30px 0px 0px 0px; }

#seocountries .myslider > div > div > a { display: flex; flex-direction: column; white-space: normal; box-shadow: 0px 0px 10px rgb(117 117 117 / 75%); border-radius: 20px; margin: 5px 12px 20px 12px; padding: 0px 0px 0px 0px; }

    #seocountries .myslider > div > div > a img { border-radius: 20px; }

    #seocountries .myslider > div > div > a > span, #type .myslider > div > div > a > span { background-color: #fff; padding-bottom: 10px; padding-top: 10px; border-radius: 0px 0px 20px 20px; padding-left: 20px; padding-right: 20px; font-weight: 700; font-size: 15px; line-height: normal; display: flex; align-items: flex-start; text-align: left; letter-spacing: 0.2px; color: #0F1313; flex-direction: column; }

        #seocountries .myslider > div > div > a > span strong,
        #type .myslider > div > div > a > span strong { margin-left: 1px; }


#populardestinations { min-height: 800px; background-size: 100vw auto; background-image: url(/contents/refactory/bg/link_bg.jpg); background-position-y: 100%; background-position-x: center; background-color: #000; color: #fff; display: flex; align-items: flex-start; background-repeat: no-repeat; }

    #populardestinations a { color: #fff; font-weight: 700; font-size: 16px; line-height: 27px; display: flex; align-items: center; letter-spacing: 0.2px; text-decoration: none; }

    #populardestinations ul, #populardestinations li { list-style: none; margin: 0px; padding: 0px; }

div#seocountries > div:first-child, div#hasslefree > div:first-child { font-weight: 700; font-size: 20px; line-height: 69px; display: flex; align-items: center; letter-spacing: 0.2px; color: #024648; width: calc(100% - 64px); display: flex; justify-content: center; padding: 0px 32px; }

div#seocountries a.other_bt { background-color: #024648 !important; color: #fff !important; border: none; position: relative; text-indent: initial; display: flex; justify-content: center; align-items: center; width: 300px; height: 32px; text-decoration: none; font-size: 18px; border-radius: 20px; margin: 0px auto 30px auto; }



.second-image img { width: 100%; }

.second-image h2 { /* background: -moz-linear-gradient(top, rgba(2,70,72,0) 0%, rgba(2,70,72,0.7) 50%, rgba(2,70,72,1) 100%);
        background: -webkit-linear-gradient(top, rgba(2,70,72,0) 0%,rgba(2,70,72,0.7) 50%,rgba(2,70,72,1) 100%);
        background: linear-gradient(to bottom, rgba(2,70,72,0) 0%,rgba(2,70,72,0.7)50%,rgba(2,70,72,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#00000000',GradientType=0 );*/ background-color: #FFFFFF; width: 100%; text-align: center; padding: 20px 0px; font-weight: 700; font-size: 18px; bottom: 0px; color: #024648; }

.basic-second-text { background-color: #fff; padding: 40px 30px; }

    basic-second-text h2, .basic-second-text h3 { color: #024648; margin-bottom: 20px; }

div#seofaq > div:first-child > p { line-height: normal; margin-top: 0px; margin: 0px 0px; padding: 0px; display: flex; flex: 1 100%; width: unset; text-align: center; justify-content: center; }

ol li { margin-bottom: 10px; }

.basic-second-text h2 { text-align: left; }

.basic-second-text, .basic-second-text span { font-weight: 400; font-size: 14px !important; line-height: 19px !important; align-items: center; letter-spacing: 0.2px; font-family: 'Mulish', sans-serif !important; text-align: justify !important; }

.scheda_container { margin: 0px auto; padding-left: var(--nav-pad-x); padding-right: var(--nav-pad-x); display: flex; flex-flow: column; background-color: #fff; }

.scheda_content { padding-top: 20px; padding-bottom: 20px; }

.details > div.closed_div { margin-bottom: 10px; padding-bottom: 10px; display: flex; align-items: center; }

.details > div { background-color: #F7F9FC; }

.details > div { border-bottom: 1px solid rgba(155, 181, 181, 0.38); padding-bottom: 0px; margin-bottom: 10px; position: relative; }

.scheda_content > div:not(.booking_cont).closed_div > div:not(.myslider) { display: none; }

a.close_detali { position: absolute; right: 20px; display: flex; background-repeat: no-repeat; background-position-x: center; background-position-y: center; background-size: 100%; width: 18px; height: 30px; }

.details > div > h3 { max-width: 75vw; color: #024648; padding-left: 10px; font-size: 16px; }

.details > div > div > p { padding: 20px 10px; }

#seofaq .details > div { background-color: unset; display: flex; align-items: flex-start; flex-flow: column; }


body.id1.noimm main div#introclaim, body.id1.noimm main header#drivHeader { background-color: transparent; }
body.id1 div#introclaim, body.id1 header#drivHeader { background-color: rgb(9 0 0 / 40%); }


.second-image img { width: 100%; max-width: 500px; }


@media (min-width: 990px) {
    body.id1.seo div#introclaim h1 { font-size: 45px; }
    .second-image img { width: 100%; max-width: 2000px; }
    .seo_container { padding-top: 40px; }
    body.id1.noimm main div#introclaim, body.id1.noimm main header#drivHeader { background-color: transparent; }
    .form_ricerca, .primo-testo, .basic-second-text, #seofaq, #seocountries { --elenco-auto-padding: 80px; --elenco-auto-width: calc(98vw - ( 2 * var(--elenco-auto-padding))); --elenco-direzione: wrap; --elenco-background-color: #F7F9FC; --elenco-align-items: center; --elenco-justify-content: space-between; }
    #search .filters_slide { --elenco-auto-width: 100%; }
    .primo-testo, .basic-second-text { width: calc(var(--elenco-auto-width) - 80px); margin-left: var(--elenco-auto-padding); margin-right: var(--elenco-auto-padding); max-width: 1366px; margin-top: 0px; position: relative; margin-bottom: 40px; border: 1px solid #ccc; border-radius: 20px; padding: 40px; }


    #seofaq { width: var(--elenco-auto-width); padding-left: var(--elenco-auto-padding); padding-right: var(--elenco-auto-padding); max-width: 1366px; position: relative; padding-bottom: 80px; margin: 0px auto; }
    main { max-width: 2000px; margin: 0px auto; }



.primo-testo, .primo-testo span, .basic-second-text, .basic-second-text span { font-size: 16px !important; line-height: normal !important; color: #024648; }
.primo-testo h2, .basic-second-text h2, .basic-second-text h3 { color: #024648; margin-bottom: 20px; font-size: 20px; }
.second-image h2,.basic-second-text h2, .basic-second-text h3,
.primo-testo h2, .primo-testo h3 { color: #024648; margin-bottom: 20px; font-size: 24px; }
    .second-image h2{
font-size:30px;
    }
    .basic-second-text ol, .basic-second-text ol li,
    .primo-testo ol, .primo-testo ol li { margin-left: 20px; margin-bottom: 20px; list-style: decimal; }
.basic-second-text ul, .basic-second-text ul li,
.primo-testo ul, .primo-testo ul li { list-style: disc; margin-left: 20px; margin-bottom: 20px; }
.basic-second-text ul, .basic-second-text ol,
.primo-testo ul, .primo-testo ol{ margin-left: 40px; }     
.basic-second-text p,.primo-testo p{ margin-left: 20px; margin-bottom: 20px; color: #024648; }
.basic-second-text b, .basic-second-text strong, .basic-second-text a,
.primo-testo b, .primo-testo strong, .primo-testo a{ color: #024648; font-weight: 700; }
.basic-second-text a, .primo-testo a { text-decoration: underline; }

    .first-image h1, div#seofaq > div:first-child h2,  div#type > div:first-child, div#seocountries > div:first-child, div#hasslefree > div:first-child { font-size: 30px; }
    a.close_detali { top: 15px; }

    .details > div > h3 { font-size: 18px; padding: 15px 0px; }



    #seofaq { font-size: 18px; flex-flow: row wrap; display: flex; border: 1px solid #ccc; border-radius: 20px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; margin-bottom: 80px; }    div#seofaq > div:first-child { flex: 1; background-color: #024648; border-radius: 20px 0px 0px 20px; color: #fff; }
    div#seofaq > div:last-child { flex: 3; border-radius: 0px 20px 20px 0px; }

        div#seofaq > div:first-child > h2 { color: #fff; line-height: normal; margin-top: 20px; margin: 20px 0px; padding: 40px 40px; display: flex; flex: 1 100%; width: unset; }
    div#seofaq > div:first-child > p { color: #fff; line-height: normal; margin-top: 0px; margin: 0px 0px; padding: 0px 0px; display: flex; flex: 1 100%; width: unset; }

            header.fix .form_ricerca { /* --nav-width: 100%; */ max-width: 100% !important; width: 100% !important; /* left: calc((100% - 1280px) /2); */ /* border-radius: 40px; */ /* top: 40px; */ }

    body.comclass .fix.sblocca_search .form_ricerca { top: calc(var(--nav-height-general) + 30px); }
    #seocountries .myslider > div > div { width: 20%; }
        #seocountries .myslider > div > div img { width: 100%; height: auto; }

}

@media (min-width: 1366px) {
    header.fix .form_ricerca.short_search { max-width: 1366px !important; width: 100% !important; left: calc((100% - 1366px) /2)!important;  }
}
    @media (min-width: 2000px) {
        .form_ricerca, #seofaq { --elenco-auto-width: calc(2000px - ( 2 * var(--elenco-auto-padding))); }
    }