@font-face{
    font-family: "PlatformOne W00 Regular";
    src: url("/custom/ristorante/font/d0d77d927d59d33439bd36f85fbaa8d4.eot");
    src: url("/custom/ristorante/font/d0d77d927d59d33439bd36f85fbaa8d4.eot?#iefix")format("embedded-opentype"),
        url("/custom/ristorante/font/d0d77d927d59d33439bd36f85fbaa8d4.woff")format("woff"),
        url("/custom/ristorante/font/d0d77d927d59d33439bd36f85fbaa8d4.woff2")format("woff2"),
        url("/custom/ristorante/font/d0d77d927d59d33439bd36f85fbaa8d4.ttf")format("truetype"),
        url("/custom/ristorante/font/d0d77d927d59d33439bd36f85fbaa8d4.svg#PlatformOne W00 Regular")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

.container { max-width: 1024px; }
.container.container-full,
.container-full { max-width: 100%; }

/* top */
/*.empty-header { display: none !important; }*/
#top-menu-container .container { max-width: 100%; }

@property --bgColor1 {
  syntax: '<color>';
  initial-value: rgba(255,255,255,1);
  inherits: false;
}
@property --bgColor2 {
  syntax: '<color>';
  initial-value: rgba(255,255,255,0);
  inherits: false;
}
#top { background: linear-gradient(var(--bgColor1), var(--bgColor2)); transition: --bgColor1 .3s, --bgColor2 .3s; }
#top:hover { --bgColor1: rgba(255,255,255,1); --bgColor2: rgba(255,255,255,1); }

@media screen and (max-width: 1199px){
    #top .container { padding-right: 20px; padding-left: 20px; }
    #top .top-elements,
    .scrollon #top .top-elements { margin-top: 0 !important; }
}


/* icons top */
#top .top-elements { margin-top: 15px; }
.top-elements .top-services li { margin: 0 !important; }
.top-elements .top-services .icon-search i,
.top-elements .top-services  .reserved i,
.top-elements .top-services  .carrello i { opacity: 0; }

.top-elements .top-services .icon-search { background: transparent url('/custom/ristorante/img/icon-lens.svg') 50% 50% no-repeat; background-size: 18px 18px; }
.top-elements .top-services .reserved { background: transparent url('/custom/ristorante/img/icon-user.svg') 50% 50% no-repeat; background-size: 16px 16px; }
.top-elements .top-services .carrello,
.top-elements .top-services .carrello.togglePopup { background: transparent url('/custom/ristorante/img/icon-cart.svg') 50% 50% no-repeat; background-size: 16px 16px; }

.scrollon #top { background: rgba(255,255,255,1); }

.top-logo { background: transparent url('/custom/ristorante/img/logo-gabbiano.svg') 0 0 no-repeat; background-size: 100% 100%; }
.top-logo img { opacity: 0; }

#top .top-services #reserved .content-reserved .sidebar-products li a.btn-header-login:link,
#top .top-services #reserved .content-reserved .sidebar-products li a.btn-header-login:visited,
.scrollon #top .top-services #reserved .content-reserved .sidebar-products li a.btn-header-login:link,
.scrollon #top .top-services #reserved .content-reserved .sidebar-products li a.btn-header-login:visited { padding: 0 20px; color: #7d6b53 !important; background-color: #fff; border: #7d6b53 1px solid !important; }
#top .top-services #reserved .content-reserved .sidebar-products li a.btn-header-login:hover,
.scrollon #top .top-services #reserved .content-reserved .sidebar-products li a.btn-header-login:hover { color: #fff !important; border-color: #000 !important; background-color: #000; }

@media (max-width: 1199px){
    #top { background-color: #fff; }
    .top-icon-menu a i { opacity: 0; }
    .top-icon-menu a:link,
    .top-icon-menu a:visited { background: transparent url('/custom/ristorante/img/icon-menu.svg') 50% 50% no-repeat; background-size: 18px 18px; }

    a.close-menu i { opacity: 0; }
    a.close-menu:link,
    a.close-menu:visited { height: 60px; background: #fff url('/custom/ristorante/img/icon-close.svg') 50% 50% no-repeat; background-size: 18px 18px; }

    .footer-container { padding-right: 0; padding-left: 0; }

    #menu-container:before { content: ''; position: absolute; left: -40px; top: 40px; width: 40px; height: calc(100% - 40px); background-color: #fff; }
}

@media (max-width: 767px){
    #search { position: fixed !important; width: 100% !important; }
    #reserved { position: fixed !important; width: 100% !important; }
}

.parallasse-home { background-repeat: no-repeat !important; }

/* blocco iscrizione newsletter */
.blk-newsletter { padding: 60px 0; }

.control p { line-height: 37px; }

@media (max-width: 1199px){
    html { overflow: auto !important; }
}

/* cursor */
body .cursor { pointer-events: none; z-index: 99990; }
body .cursor__circle { position: fixed; top: -50px; left: 0; z-index: 1000; transform: translateX(-50%) translateY(-50%); }
body .cursor__circle--big { fill: #816A4F50; transform: translateX(-50%) translateY(-50%); }
body .cursor__plus { position: fixed; top: 0; left: 0; z-index: 1000; stroke: transparent; fill: transparent; transform: translateX(-50%) translateY(-50%); }
body .cursor__plus--area { stroke: transparent; }

body #bigCircle.big { transform: scale(1.07); }

@media (max-width: 1199px){
    body .cursor { display: none; }
}
h1, .titolo1,
h2, .titolo2,
h3, .titolo3 { font-family: 'PlatformOne W00 Regular','arial','sans-serif'; }
h4, .titolo4 { /*font-family: 'Italiana', 'arial', 'sans-serif';*/ font-family: 'PlatformOne W00 Regular','arial','sans-serif'; font-size: 20px; font-weight: 400; font-style: normal; line-height: 25px; color: #7d6b53; padding-bottom: 0; }
h5, .titolo5 { display: block; font-family: 'PlatformOne W00 Regular','arial','sans-serif'; }

/* home section 1 */
.section1,
.section2,
.section3,
.section4,
.section5,
.section6,
.section7 { position: relative; display: table; padding: 0; margin: 0; table-layout: fixed; width: 100%; height: 100vh; }

.section1.fp-section.fp-table { display: table; table-layout: fixed; width: 100%; }
.section1 .fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100vh; overflow: hidden; }
.section1 .col-md-12 { position: relative; display: table; height: 100vh; padding: 0; }
.section1 video { position: fixed; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; width: 100vw; height: 100vh; z-index: -1; }
.caption-wrapper { position: absolute; left: 0; right: 0; bottom: 0; top: 0; display: flex; align-items: flex-end; width: 100%; height: 100vh; padding: 50px; box-sizing: border-box; z-index: 2; }
.caption-wrapper .caption-title { width: 100%; }
.caption-wrapper .caption-title p { font-size: 20px; color: #fff; }
.caption-wrapper .caption-title h1 { width: clamp(60%, 4vw, 900px) !important; font-size: clamp(30px, 5vw, 70px); line-height: 1.2; color: #fff; /*text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 10px;*/ }
.caption-wrapper .caption-title h4 { font-family: 'Didact Gothic', 'arial', 'sans-serif' !important; font-size: 30px; line-height: 35px; color: #fff; }

.section1 .blk-img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; }
.section1 .blk-img picture { width: 100%; height: 100%; max-width: 100%; max-height: 100%; }
.section1 .blk-img picture img { width: 100%; height: 100%; object-fit: cover; }

@media (max-width: 992px){
    .section1 .col-md-12 { display: block; }
}

/* home section 2 */
.section2 { background: #fff url('/custom/ristorante/img/hp-sosta-al-gabbiano.webp') 50% 50% no-repeat; background-size: cover; }
.section2 .col-md-12 { position: relative; display: flex; flex-direction: column; align-items: center; height: 100vh; padding: 0; }
.section2 .col-md-12 .blk-txt { margin: auto; padding: 0 15%; box-sizing: border-box; }
.section2 h2 { max-width: 1360px !important; margin-left: auto !important; margin-right: auto !important; font-size: clamp(26px, 6vw, 40px) !important; text-align: center; line-height: clamp(34px, 7vw, 52px) !important; }

/* home section 3 */
/*.section3 .col-md-6 { display: flex; flex-direction: column; align-items: center; height: 100vh; padding: 0; }*/
.section3 .blk-img { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh; overflow: hidden; z-index: 1; }
.section3 .blk-img picture { width: 100%; height: 100%; max-width: 100%; max-height: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 10s ease-in-out; transition: all 10s ease-in-out; }
.section3 .blk-img picture.zoom { -webkit-transform: scale(1.07) !important; transform: scale(1.07) !important; }
.section3 .blk-img picture img { width: 100%; height: 100%; object-fit: cover; }
.section3 .blk-txt { position: absolute; left: 50%; top: 50%; width: 100%; max-width: 650px; padding: 0 30px; box-sizing: border-box; text-align: center; transform: translate(-50%,-50%); z-index: 2; }
.section3 .blk-txt h3,
.section3 .blk-txt p { color: #fff; /*text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 10px;*/ }
.section3 .blk-txt p strong { font-weight: bold; color: #fff; }

a.btn-cta-section:link,
a.btn-cta-section:visited { display: inline-block; padding: calc(0.667em + 2px) calc(1.333em + 2px); /*font-family: 'Italiana', 'arial', 'sans-serif';*/ font-family: 'PlatformOne W00 Regular','arial','sans-serif'; font-size: 16px; line-height: 1.5; letter-spacing: 1px; text-shadow: none !important; overflow-wrap: break-word; word-break: break-word; color: #7d6b53; background-color: #fff; border: #707070 1px solid; }
a.btn-cta-section:hover { color: #fff; background-color: #282828; border-color: #282828; }

/* home section 4 */
.section4 .col-md-6 { display: flex; flex-direction: column; align-items: center; height: 100vh; padding: 0; }
.section4 .blk-img { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh; overflow: hidden; }
.section4 .blk-img picture { width: 100%; height: 100%; max-width: 100%; max-height: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 10s ease-in-out; transition: all 10s ease-in-out; }
.section4 .blk-img picture.zoom { -webkit-transform: scale(1.07) !important; transform: scale(1.07) !important; }
.section4 .blk-img picture img { width: 100%; height: 100%; object-fit: cover; }
.section4 .blk-txt { margin: auto; padding: 0 15%; box-sizing: border-box; }

/* home section 5 */
.section5 .blk-img { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh; overflow: hidden; z-index: 1; }
.section5 .blk-img picture { width: 100%; height: 100%; max-width: 100%; max-height: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 10s ease-in-out; transition: all 10s ease-in-out; }
.section5 .blk-img picture.zoom { -webkit-transform: scale(1.07) !important; transform: scale(1.07) !important; }
.section5 .blk-img picture img { width: 100%; height: 100%; object-fit: cover; }
.section5 .blk-txt { position: absolute; left: 50%; top: 50%; width: 100%; max-width: 650px; padding: 0 30px; box-sizing: border-box; text-align: center; transform: translate(-50%,-50%); z-index: 2; }
.section5 .blk-txt h3,
.section5 .blk-txt p { color: #fff; }

/* home section 6 */
.section6 .blk-img { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh; overflow: hidden; z-index: 1; }
.section6 .blk-img picture { width: 100%; height: 100%; max-width: 100%; max-height: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 10s ease-in-out; transition: all 10s ease-in-out; }
.section6 .blk-img picture.zoom { -webkit-transform: scale(1.07) !important; transform: scale(1.07) !important; }
.section6 .blk-img picture img { width: 100%; height: 100%; object-fit: cover; }
.section6 .blk-txt { position: absolute; left: 50%; top: 50%; width: 100%; max-width: 650px; padding: 0 30px; box-sizing: border-box; text-align: center; transform: translate(-50%,-50%); z-index: 2; }
.section6 .blk-txt h3,
.section6 .blk-txt p { color: #fff; }

@media (max-width: 767px){
    .section4 .col-md-6 { height: 50vh; }
    .section4 .blk-txt { padding: 30px; margin: 0; }
}

/* home section 7 */
.section7 .fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; }

/* carosello gallery */
.slider-gallery { display: block; width: 100%; overflow: hidden; }
.slider-gallery { width: calc(100% + 15px); margin-left: -15px; margin-right: -15px; padding: 0 40% 0 10%; box-sizing: border-box; }
.slider-gallery .slick-list { overflow: visible !important; }
.slider-gallery .slick-list li { position: relative;  margin: 0 10px; }

.slider-gallery .slick-list li .img-container { position: relative; display: block; width: 100%; padding: 0 0 56.25% 0; overflow: hidden; }
.slider-gallery .slick-list li .img-container a { position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; }
.slider-gallery .slick-list li .img-container a picture { width: 100%; height: 100%; max-width: 100%; max-height: 100%; }
.slider-gallery .slick-list li .img-container a picture img { width: 100%; height: 100%; object-fit: cover; }

.fancybox-thumbs>ul>li:before { border: 4px solid #7d6b53; }

@media(max-width: 767px){
    .slider-gallery { padding: 0 30% 0 0; }
}

/* menù */
.center-menu { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; width: 100%; margin: 60px 0; text-align: center; list-style: none; padding: 0; }
.center-menu li { padding: 14px 16px; cursor: pointer; }
.center-menu li a.active { color: #7d6b53 !important; border-bottom: #7d6b53 1px solid !important; }
.center-menu li a:link,
.center-menu li a:visited { font-family: 'PlatformOne W00 Regular', 'arial', 'sans-serif'; font-size: 16px; line-height: 24px; letter-spacing: 1.5px; white-space: nowrap; cursor: pointer; color: #000; border-bottom: transparent 1px solid; transition: color 0.3s ease-out, border-bottom 0.3s ease-out; }
.center-menu li a:hover { color: #7d6b53; border-bottom: #7d6b53 1px solid; }

.menu-content { display: none; }
.menu-content ul,
.descrizione-menu { margin: 0 0 60px 0; }
.menu-content ul li { position: relative; display: flex; align-items: center; padding: 20px 0; background-color: transparent; border-bottom: #696969 1px dotted; transition: background-color .3s ease-out; }

.menu-content ul li:last-child { border-bottom: #696969 1px solid; }
.menu-content ul li:last-child:after { content: ''; position: absolute; bottom: -3px; left: 0; width: 100%; height: 1px; background-color: #696969; }

.menu-content ul li p .nome-piatto { display: block !important; margin: 0 0 5px 0 !important; font-size: 20px !important; font-weight: bold !important; line-height: 24px !important; font-style: normal !important; color: #000 !important; }
.menu-content ul li p .descrizione-piatto { display: block !important; margin: 0 0 20px 0 !important; font-size: 16px !important; line-height: 22px !important; font-style: normal !important; }
.menu-content ul li p .allergeni-piatto { display: block !important; font-size: 12px !important; line-height: 18px !important; font-style: normal !important; }
.menu-content ul li p .prezzo-piatto { display: block !important; font-size: 16px !important; font-weight: bold !important; line-height: 22px !important; font-style: normal !important; }

@media (max-width: 1199px){
    .menu-content ul li { padding: 15px 0; }
}

.titolo2 { font-size: clamp(26px, 6vw, 40px) !important; line-height: clamp(34px, 7vw, 52px) !important; }
.blk-txt p strong { color: #000; }

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell,
.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell { height: auto !important; }

hr { border-top: 1px solid #ccc; }

/* hederina */
.tpl-3-header { margin-bottom: 30px; }

/* chi siamo */
.section8 .col-md-12 .blk-txt { margin: auto; padding: 0 15%; box-sizing: border-box; }
.section8 h2 { max-width: 1360px !important; margin-left: auto !important; margin-right: auto !important; font-size: clamp(26px, 6vw, 40px) !important; text-align: center; line-height: clamp(34px, 7vw, 52px) !important; }

/* CONTATTI */
.box-iscrizione-newsletter .container .row .col-md-6:nth-of-type(1),
.box-iscrizione-newsletter2 .container .row .col-md-6:nth-of-type(1) { background-color: #282828; }
.box-iscrizione-newsletter .container .row .col-md-6:nth-of-type(1) .blk-txt { padding: 20px; box-sizing: border-box; }
.box-iscrizione-newsletter2 >.container > .row > .col-md-6:nth-of-type(1) { margin-bottom: 300px; padding-bottom: 15px; }

.box-iscrizione-newsletter2 .form input { height: 40px; padding: 0 10px; line-height: 40px; color: #000; background-color: #fff; border: 0; }
.box-iscrizione-newsletter2 .form br { display: none; }
.box-iscrizione-newsletter2 .form .control__indicator { width: 20px; height: 20px; margin: 10px 0 0 0; background-color: #fff; border-radius: 0; }
.box-iscrizione-newsletter2 .form .control--checkbox .control__indicator:after { left: 7px; top: 1px; width: 7px; height: 14px; }
.box-iscrizione-newsletter2 .form .control { margin-bottom: 5px; }
.box-iscrizione-newsletter2 .form .control p { padding: 0 0 0 30px; color: #fff; }
.box-iscrizione-newsletter2 .form .control a:link, .control a:visited { color: #7d6b53; }
.box-iscrizione-newsletter2 .form .control a:hover { color: #fff; }

.box-iscrizione-newsletter2 .form .blk-btn a.big-btn:link,
.box-iscrizione-newsletter2 .form .blk-btn a.big-btn:visited { display: inline-block;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    /*font-family: 'Italiana', 'arial', 'sans-serif';*/
    font-family: 'PlatformOne W00 Regular','arial','sans-serif';
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 1px;
    text-shadow: none !important;
    overflow-wrap: break-word;
    word-break: break-word;
    color: #fff;
    background-color: transparent;
    border: #fff 1px solid; }
.box-iscrizione-newsletter2 .form .blk-btn a.big-btn:hover { color: #7d6b53; background-color: #fff; border-color: #fff; }

@media (max-width: 767px){
    .box-iscrizione-newsletter .container .row .col-md-6:nth-of-type(2),
    .box-iscrizione-newsletter2 .container .row .col-md-6:nth-of-type(2) { display: none; }
    .box-iscrizione-newsletter2 { background-repeat: no-repeat !important; background-size: cover !important; background-position: 50% 50% !important; }
}

/* footer */
.fluid-img { display: block; width: 100%; height: auto; }
.footer-container > .container { padding: 0; }

/* chatbot */
.chatbot-open-btn-center:link, .chatbot-open-btn-center:visited { background-color: #7d6b53; }
.chatbot-open-btn-center i { background: transparent url('/custom/ristorante/img/icon-chatbot-white.svg') 50% 50% no-repeat; background-size: 25px 25px; }
.chatbot .chatbot-title-container .chatbot-title { color: #7d6b53; }
.chatbot .chatbot-title-container .close-chatbot:hover, .chatbot .chatbot-title-container .close-chatbot:hover i { background-color: #7d6b53; }
.chatbot .chatbot-title-container .chatbot-full:hover, .chatbot .chatbot-title-container .chatbot-full:hover i { background-color: #7d6b53; }
.chatbot .chatbot-title-container .end-chat:hover { background-color: #7d6b53; }
.chatbot-send-btn-container.focus input, .chatbot-send-btn-container.focus a.chatbot-send-btn { border-color: #7d6b53; }
.chatbot-send-btn-container.focus input, .chatbot-send-btn-container.focus a.chatbot-send-btn { border-color: #7d6b53; }
.chatbot-send-btn-container a.chatbot-send-btn:link, .chatbot-send-btn-container a.chatbot-send-btn:visited { color: #7d6b53; }
.conversation-container .question p { background-color: #7d6b53; }
.conversation-container .question p.question-time { color: #7d6b53; }
.conversation-container .question:before { color: #7d6b53; }

.conversation-container .pause p { background: transparent url('/custom/ristorante/img/icon-chatbot-no-face-violet.svg') 50% 50% no-repeat; background-size: 50px 50px; }
.conversation-container .pause p:before { background: transparent url('/custom/ristorante/img/icon-chatbot-cog-violet.svg') 50% 50% no-repeat; background-size: 50px 50px; }
.conversation-container .pause span { color: #7d6b53; }

.chatbot-send-btn-container input { border: #7d6b53 1px solid; border-right: 0; }
.chatbot-send-btn-container a.chatbot-send-btn:link, .chatbot-send-btn-container a.chatbot-send-btn:visited { border: #7d6b53 1px solid; border-left: 0; }
.spinner-filter .spinner-container .spinner { border-color: transparent #7d6b53 transparent transparent; }

/* penotazioni */
#step-prenotazione-ristorante1,
#step-prenotazione-ristorante2 { display: none !important; }
#step-prenotazione-ristorante1.show,
#step-prenotazione-ristorante2.show { display: block !important; }

/* vanilla calendar */
.vanilla-calendar { width: 284px; margin: 0 auto 10px auto; overflow: hidden; }
.vanilla-calendar .vanilla-calendar-btn { -moz-user-select: none; -ms-user-select: none; -webkit-appearance: button; background: none; border: 0; color: inherit; cursor: pointer; font: inherit; line-height: normal; min-width: 27px; outline: none; overflow: visible; padding: 2px 0 0 0; text-align: center; }
.vanilla-calendar .vanilla-calendar-btn svg { width: auto; height: 18px; }
.vanilla-calendar .vanilla-calendar-header { align-items: center; display: flex; padding: 10px 0; }
.vanilla-calendar .vanilla-calendar-header__label { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 20px; text-align: center; width: 100%; }
.vanilla-calendar .vanilla-calendar-week { display: flex; flex-wrap: wrap; }
.vanilla-calendar .vanilla-calendar-week span {
    color: #fff; flex-direction: column; flex: 0 0 14.28%; font-family: 'Roboto'; font-size: 12px; font-weight: 400; font-style: normal; max-width: 14.28%; padding: 10px 0px; text-align: center; }
.vanilla-calendar .vanilla-calendar-body { display: flex; flex-wrap: wrap; border-left: #a2a2a2 1px solid; border-top: #a2a2a2 1px solid; }
.vanilla-calendar .vanilla-calendar-date { align-items: center; display: flex; flex-direction: column; flex: 0 0 14.28%; max-width: 14.28%; padding: 6px 0; font-size: 12px; line-height: 28px; border-right: #a2a2a2 1px solid; border-bottom: #a2a2a2 1px solid; }
.vanilla-calendar .vanilla-calendar-date--active { background-color: rgb(0, 153, 238); color: #000; cursor: pointer; }
.vanilla-calendar .vanilla-calendar-date--today { border: 3px solid black; }
.vanilla-calendar .vanilla-calendar-date--selected { background-color: green; color: #fff; }
.vanilla-calendar .vanilla-calendar-date--disabled { border-radius: 0; cursor: not-allowed; background-color: #E7E9ED; }
.vanilla-calendar .vanilla-calendar-date--disabled span { color: #747474; }

/* vanilla calendar custom */
.vanilla-calendar { width: 100%; margin: 0 auto 20px auto; overflow: hidden; }
.vanilla-calendar-body { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 1px, transparent 1px), linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 1px, transparent 1px); background-size: calc(100% / 7) 62px; }
.vanilla-calendar .vanilla-calendar-body { border: #000 1px solid; }
.vanilla-calendar-header { border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; }
.vanilla-calendar .vanilla-calendar-header__label { /*font-family: 'Italiana', 'arial', 'sans-serif' !important;*/ font-family: 'PlatformOne W00 Regular','arial','sans-serif' !important; font-weight: 400 !important; font-size: 20px !important; text-transform: uppercase; color: #000; }
.vanilla-calendar .vanilla-calendar-week span { /*font-family: 'Italiana', 'arial', 'sans-serif' !important;*/ font-family: 'PlatformOne W00 Regular','arial','sans-serif' !important; font-weight: 400 !important; font-size: 20px !important; text-transform: uppercase; color: #7d6b53; }

.vanilla-calendar .vanilla-calendar-date { border: 0; }
.vanilla-calendar .vanilla-calendar-date span { display: inline-block; width: 40px; height: 40px; margin: 5px 0; padding: 0; font-size: 16px; text-align: center; line-height: 40px; border-radius: 50%; color: #fff; background-color: rgba(159,185,115,1); } /* data disponibile */

.vanilla-calendar-date.vanilla-calendar-date--active { background-color: transparent; }
.vanilla-calendar-date.vanilla-calendar-date--active span { display: inline-block; width: 40px; height: 40px; margin: 5px 0; padding: 0; font-size: 16px; text-align: center; line-height: 40px; border-radius: 50%; color: #fff; background-color: rgba(159,185,115,1); } /* data disponibile */

.vanilla-calendar-date.vanilla-calendar-date--disabled { background-color: transparent; cursor: not-allowed; } /* data non disponibile */

.vanilla-calendar-date.vanilla-calendar-date--today span { line-height: 34px; box-sizing: border-box; border: #666 3px solid; } /* data corrente */

.vanilla-calendar-date.vanilla-calendar-date--active.vanilla-calendar-date--selected { background-color: transparent; } /* data selezionata */
.vanilla-calendar-date.vanilla-calendar-date--active.vanilla-calendar-date--selected span { background-color: #be9738; } /* data selezionata */

.vanilla-calendar-date.vanilla-calendar-date--disabled.custom-disabled { background-color: transparent !important; cursor: not-allowed; } /* locale chiuso */
.vanilla-calendar-date.vanilla-calendar-date--disabled.custom-disabled span { color: rgba(169,169,169); background-color: #000; } /* locale chiuso */

.vanilla-calendar-date.vanilla-calendar-date--disabled span { background-color: #ccc; }

.vanilla-legenda { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; margin: 10px 0 60px 0 !important; }
.vanilla-legenda li { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; width: 190px; margin: 0 0 7px 0; }
.vanilla-legenda li i { display: block; width: 25px; height: 25px; margin: 0 7px 0 0; border-radius: 50%; }
.vanilla-legenda li i.data-corrente { box-sizing: border-box; border: #666 3px solid; }
.vanilla-legenda li i.data-disponibile { background-color: rgba(159,185,115,1); }
.vanilla-legenda li i.data-non-disponibile { background-color: rgba(193,88,84,1); }
.vanilla-legenda li i.data-selezionata { background-color: #be9738; }
.vanilla-legenda li i.locale-chiuso { background-color: #000; }
.vanilla-legenda li span { font-size: 14px; line-height: 25px; }

.btn-pranzo-cena { display: flex; height: 40px; margin: 0 0 60px 0 !important; list-style: none; }
.btn-pranzo-cena li { height: 40px; list-style: none; margin: 0; padding: 0; }
.btn-pranzo-cena li a:link,
.btn-pranzo-cena li a:visited,
.btn-pranzo-cena li a:hover { display: inline-block; height: 40px; padding: 0 20px; margin: 0; box-sizing: border-box; /*font-family: 'Italiana', 'arial', 'sans-serif';*/ font-family: 'PlatformOne W00 Regular','arial','sans-serif'; font-size: 20px; font-weight: 400; line-height: 36px; color: #000; border: #000 1px solid; }
.btn-pranzo-cena li a.active { color: #fff; background-color: #000; border-color: #000; }

.btn-n-ospiti { display: flex; flex-wrap: wrap; height: 40px; margin: 0 0 60px 0 !important; list-style: none; }
.btn-n-ospiti li { height: 40px; list-style: none; margin: 0; padding: 0; }
.btn-n-ospiti li a:link,
.btn-n-ospiti li a:visited,
.btn-n-ospiti li a:hover { display: block; width: 40px; height: 40px; padding: 0; margin: 0; box-sizing: border-box; /*font-family: 'Italiana', 'arial', 'sans-serif';*/ font-family: 'PlatformOne W00 Regular','arial','sans-serif'; font-size: 20px; font-weight: 400; line-height: 36px; text-align: center; color: #000; border: #000 1px solid; border-right: 0; }
.btn-n-ospiti li a.active { color: #fff; background-color: #000; border-color: #000; }
.btn-n-ospiti li:last-child { border-right: #000 1px solid; }

.btn-orario { display: flex; flex-wrap: wrap; height: 40px; margin: 0 0 60px 0 !important; list-style: none; }
.btn-orario li { height: 40px; list-style: none; margin: 0; padding: 0; }
.btn-orario li a:link,
.btn-orario li a:visited,
.btn-orario li a:hover { display: inline-block; height: 40px; padding: 0 20px; margin: 0; box-sizing: border-box; /*font-family: 'Italiana', 'arial', 'sans-serif';*/ font-family: 'PlatformOne W00 Regular','arial','sans-serif'; font-size: 20px; font-weight: 400; line-height: 36px; color: #000; border: #000 1px solid; border-right: 0; }
.btn-orario li a.active { color: #fff; background-color: #000; border-color: #000; }
.btn-orario li:last-child { border-right: #000 1px solid; }

.nessun-orario { display: inline-block; padding: 20px; margin: 0 0 60px 0 !important; color: #BB1201; background-color: #FDC1BC; user-select: none; }

.container-btn-right { display: block; width: 100%; margin: 0 0 60px 0; text-align: right; }
.container-btn-right .btn-cta-section:link,
.container-btn-right .btn-cta-section:visited { color: #fff; background-color: #7F6A50; border-color: #7F6A50; }
.container-btn-right .btn-cta-section:hover { background-color: #000; border-color: #000; }

.container-btn-left { display: block; width: 100%; margin: 0 0 60px 0; text-align: left; }
.container-btn-left .btn-cta-section:link,
.container-btn-left .btn-cta-section:visited { color: #fff; background-color: #7F6A50; border-color: #7F6A50; }
.container-btn-left .btn-cta-section:hover { background-color: #000; border-color: #000; }

.form-prenotazione { width: 100%; padding: 20px; box-sizing: border-box; background-color: #FAFAFA; }
.form-prenotazione label { display: block; width: 100%; margin: 0 0 10px 0; font-size: 18px; line-height: 18px; }
.form-prenotazione input { display: block; width: 100%; height: 34px; padding: 0 12px; margin: 0 0 20px 0; box-sizing: border-box; font-size: 14px; line-height: 32px; border: #000 1px solid; }
.form-prenotazione input:focus { border-color: #E5E5E5; }
.form-prenotazione textarea { display: block; width: 100%; height: 120px; padding: 12px; margin: 0 0 20px 0; box-sizing: border-box; font-size: 14px; line-height: 32px; border: #000 1px solid; resize: none; }
.form-prenotazione textarea:focus { border-color: #E5E5E5; }

.form-prenotazione .container-check { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; margin: 10px 0; list-style: none; }
.form-prenotazione .container-check li { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; list-style: none; }
.form-prenotazione .container-check li .control { height: auto; min-height: 38px; }
.form-prenotazione .container-check li .control p { padding: 10px 40px 10px 32px; font-size: 13px; line-height: 18px; }
.form-prenotazione .container-check li .control--checkbox .control__indicator { width: 20px; height: 20px; margin: 10px 0 0 0; background-color: #fff; border: #000 1px solid; border-radius: 0; }
.form-prenotazione .container-check li .control--checkbox .control__indicator:after { left: 6px; top: 2px; width: 7px; height: 12px; border-width: 0 3px 3px 0; }

/* interventi 2025.03.19 */
.scrollon #top .top-services #reserved .content-reserved .user-info .username,
.scrollon #top .top-services #reserved .content-reserved .reserved-menu li a:link,
.scrollon #top .top-services #reserved .content-reserved .reserved-menu li a:visited { color: #000; }

/* ticket n. 4265 */
.container-solo-logo-footer { display: flex; flex-direction: column; justify-content: center; align-items: center; background: linear-gradient(0deg,rgba(125, 107, 83, 0) 0%, rgba(125, 107, 83, 0.2) 100%); }
.container-solo-logo-footer img.logo-footer { display: block; margin: 80px auto; max-height: 50px; }

/* il gabbiano */
.slideshow .item .caption-container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 100vh;
    padding: 50px;
    box-sizing: border-box;
    transform: none; top: auto; z-index: 3; }

.slideshow .item .caption.left-caption {
    width: 100%;
    padding: 50px;
    text-align: left;
}

.tpl-1-header { margin-bottom: 60px; }
.tpl-1-header .slideshow .item .caption h3,
.tpl-1-header .slideshow .item .caption h3 p { /*font-family: 'Italiana', 'arial', 'sans-serif';*/ font-family: 'PlatformOne W00 Regular','arial','sans-serif'; color: #fff; }
.tpl-1-header .slideshow .item .caption h3 { width: clamp(60%, 4vw, 900px) !important; font-size: clamp(30px, 5vw, 70px); font-weight: 400; line-height: 1.2; color: #fff; }

.form-prenotazione { padding: 0; background-color: transparent; }
.form-prenotazione > .content-box { padding: 0; }

/* footer */
@media (max-width: 1023px) {
    .footer-container .container .row .col-xs-12:nth-of-type(2), .footer-container .container .row .col-xs-12:nth-of-type(4) { width: 50%; }
    .footer-container .container-logo-footer, .footer-container p, .titolo-menu-footer, .menu-list, .footer-container .footer-social { text-align: center; }
    .mob { display: none !important; }
}

/* hero */
.hero { position: relative; display: block; width: 100%; height: calc(100vh - 90px); }
.hero .col-md-12 { position: relative; height: calc(100vh - 90px); }

.hero .blk-txt { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; padding: 50px 60px; box-sizing: border-box; z-index: 2; }

.hero .blk-txt h1 { display: block; width: clamp(60%, 4vw, 900px) !important; margin: 0; padding: 0 0 15px 0; font-family: var(--fontTitle); font-size: clamp(30px, 5vw, 70px); font-weight: 400; font-style: normal;line-height: 1.2; color: #fff; }
.hero .blk-txt h2,
.hero .blk-txt h3,
.hero .blk-txt h4,
.hero .blk-txt h5,
.hero .blk-txt p { display: block; width: 100% !important; margin: 0; padding: 0; font-family: var(--fontText); font-size: 20px; font-weight: 400; line-height: 26px; color: #fff;  }

.hero .blk-img { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: calc(100vh - 90px); overflow: hidden; }
.hero .blk-img picture { width: 100%; height: 100%; max-width: 100%; max-height: 100%; -webkit-transform: scale(1.07); transform: scale(1.07); animation: zoomImage 10s ease-in-out 1; }
.hero .blk-img picture img { width: 100%; height: 100%; object-fit: cover; }

@keyframes zoomImage {
    0% { -webkit-transform: scale(1); transform: scale(1); }
    100% { -webkit-transform: scale(1.07); transform: scale(1.07); }
}

@media (max-width: 1199px){
    .hero { height: calc(100vh - 63.5px); }
    .hero .col-md-12 { height: calc(100vh - 63.5px); }
    .hero .blk-img { height: calc(100vh - 63.5px); }

    .hero .blk-txt { bottom: auto; top: 50%; padding: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
}

/* catalogo - e-commerce */
.col-md-3.col-sm-pull-9 { position: sticky; top: 110px; }
.navigation-product-bar { border: 0; }
select#ordina { border: 0; }
select#narticoli { border: 0; }

.elenco-prodotti { display: flex; flex-wrap: wrap; align-items: stretch; }
.elenco-prodotti li .item { display: flex; flex-direction: column; height: 100%; padding: 0; background-color: #f9f9f9; border: 0; }
.elenco-prodotti li .item:hover { background-color: #f9f9f9; }

.elenco-prodotti li .item .img-container { position: relative; margin: 0; overflow: hidden; }
.elenco-prodotti li .item .img-container:after { content: ''; display: block; padding-bottom: 119%; }
.elenco-prodotti li .item .img-container a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
.elenco-prodotti li .item .img-container a img { width: 100%; transform-origin: 50% 50%; -webkit-transition: transform .3s ease-out; transition: transform .3s ease-out; }
.elenco-prodotti li .item:hover .img-container a img { -webkit-transform: scale(1.05); transform: scale(1.05); }

.elenco-prodotti li .item .txt-container { position: relative; height: calc(50% - 20px); padding: 20px; box-sizing: border-box; }
.elenco-prodotti li .item .txt-container .txt:after { display: none; }
.elenco-prodotti li .item .txt-container .txt { height: auto; padding-right: 0; }
.elenco-prodotti li .item .txt-container .txt .nome-prodotto { min-height: 70px; padding-right: 70px !important; }
.elenco-prodotti li .item .txt-container .txt a.nome-prodotto:link,
.elenco-prodotti li .item .txt-container .txt a.nome-prodotto:visited { font-size: 20px; font-weight: 500; line-height: 24px; }
.elenco-prodotti li .item .txt-container .txt p { display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.elenco-prodotti li .item .txt-container .varianti { display: none; }
.elenco-prodotti li .item .txt-container .price { float: none; width: 100%; padding-bottom: 60px; text-align: left; }
.elenco-prodotti li .item .txt-container .price strong { font-size: 18px; line-height: 24px; font-weight: 500; }

.elenco-prodotti li .txt-container .btn-container { position: absolute; right: 20px; bottom: 20px; display: block; padding-top: 0; width: calc(100% - 40px); }
.elenco-prodotti li .txt-container .btn-container a.btn:link,
.elenco-prodotti li .txt-container .btn-container a.btn:visited { padding: 10px 20px; color: #7d6b53; border: #7d6b53 1px solid; }

@media (max-width: 767px) {
    .elenco-prodotti li { padding: 0 10px 30px 0; } 
    .medie-btn.torna-allo-shop,
    .medie-btn.svuota-carrello,
    .big-btn.btn-to-checkout { width: 100%; }

    .step-checkout-title-container { padding-right: 50px !important; }
    .big-btn.btn-pagamenti-continua { width: 100%; }

    .blk-btn.align-right { margin: 20px 0; }
    .blk-btn.align-right .big-btn { width: 100%; }

    a.btn-conferma-ordine:link,
    a.btn-conferma-ordine:visited { width: 100% !important; max-width: 100% !important; }
    .container_cart .btn-conferma-ordine { border-color: #f47c0c !important; width: 100% !important; }
}
.fa.fa-university:before { content: '\f19c' !important; font-family: "FontAwesome"; }

.step-checkout-title-container a.btn-step:link,
.step-checkout-title-container a.btn-step:visited { background-color: #000; }

@media (max-width: 1023px) {
    .dati-prodotto-container .desk { display: block !important; }
}
.navigation-product-bar .navigation li a.active:link,
.navigation-product-bar .navigation li a.active:visited { color: #7d6b53; }

.prod-btn-container .qnt-container ul li a:link,
.prod-btn-container .qnt-container ul li a:visited { font-size: 16px; }
.prod-btn-container .qnt-container ul li:first-child { border-bottom-width: 0; border-bottom-style: solid; }
.prod-btn-container .qnt-container ul li { border-left-width: 0; border-left-style: solid; }

/* varianti valore */
.varianti a:link, .varianti a:visited { min-width: 30px; margin-left: 0; /*font-family: 'PlatformOne W00 Regular', 'arial', 'sans-serif';*/ }

.varianti.filtro_valore { margin-bottom: 50px; }
.varianti.filtro_valore a:link,
.varianti.filtro_valore a:visited { min-width: 30px !important; margin-left: 0 !important; border: 1px solid #696969 !important; padding: 5px 10px; white-space: nowrap; display: inline-block; color: #696969 !important; text-decoration: none; }
.varianti.filtro_valore a.active { color: #fff !important; background-color: #696969; }
.dati-prodotto-container .prezzo { display: block; /*margin: 30px 0;*/ margin-bottom: 30px; font-size: 20px; font-weight: bold; letter-spacing: 1px; color: #000; }
.dati-prodotto-container.prodotto-qnt hr { display: none; }
.col-md-6 hr { display: none; }
.prod-btn-container .qnt-container { left: 0; }
.blk-link-catalogo { margin: 30px 0; }
.prod-btn-container .qnt-container { background-color: #eee; border: 0; /*border: 1px solid #696969 !important;*/ }
.prod-btn-container .qnt-container input { background-color: transparent; }
.prod-btn-container .disponibilita.disponibile { color: #9bbe89; }
.dati-prodotto-container .prezzo-scontato, .elenco-prodotti li .item .txt-container .price .sconto del { margin-top: 10px; font-style: italic; }
.dati-prodotto-container .sconto, .elenco-prodotti li .item .txt-container .price .sconto span { font-weight: bold; color: #f47c0c; }

.elenco-risultati li .titolo5 { display: block; padding-bottom: 10px; font-size: 20px; font-weight: 400; line-height: 20px; }
.componente-ricerca a:link,
.componente-ricerca a:visited { padding: 0 20px; color: #7d6b53 !important; background-color: #fff; border: #7d6b53 1px solid !important; }

.custom-modale-carrello a.btn-pagamento-modale:hover { background-color: #7d6b53; }
#cart .content-product-cart a.delete:link,
#cart .content-product-cart a.delete:visited { width: 20px; }
#cart .content-product-cart a.delete:link i,
#cart .content-product-cart a.delete:visited i { opacity: 1 !important; }
.swal2-popup .swal2-styled.swal2-confirm { background-color: #7d6b53 !important; border-color: #7d6b53 !important; outline: none !important; box-shadow: none !important; }

.blk-attachment a:link,
.blk-attachment a:visited { color: #7d6b53; background-color: #fff; border: #707070 1px solid; }
.blk-attachment a:hover { color: #fff; background-color: #000; border-color: #000; }
.blk-attachment a .symbol i { color: #7d6b53; }
.blk-attachment a .slide-icon i { color: #fff; }

@media (max-width: 767px){
    .blk-attachment a:link,
    .blk-attachment a:visited { width: 100%; }

    .section4 {}
}

#cart .btn-container { display: flex; flex-direction: row; gap: 10px; margin: 20px 0; }
#cart .btn-container a:link,
#cart a:visited { float: none; display: block; width: calc(50% - 5px); height: 30px; padding: 0; min-height: 30px; margin-right: 0; box-sizing: border-box; text-align: center; line-height: 28px; color: #7d6b53; border: #7d6b53 1px solid; }
#cart .btn-container a:hover { color: #fff; background-color: #7d6b53; }

#cart .btn-container a.btn-svuota-carrello:link i,
#cart a.btn-svuota-carrello:visited i { display: none; }

.step-pagamenti,
.step-note { border-color: #7d6b53; }
.blk-icon-txt i { font-size: 40px; }

@media (max-width: 1023px) {
    .tabs li a .mob { display: block !important; }
    #cart { position: fixed; }
    #top .popup { width: 100% !important; }
}

.varianti.filtro_peso { margin: 0 0 30px 0; }
.varianti.filtro_peso a:link,
.varianti.filtro_peso a:visited { color: #7d6b53; background-color: #fff; border: #7d6b53 1px solid; }
.varianti.filtro_peso a.active:link,
.varianti.filtro_peso a.active:visited { color: #000; background-color: #fff; border: #000 2px solid; }

.popup.carrello { background-color: #fff !important; background-image: none !important; }

.control.control--checkbox.box-ricordami p { padding-left: 0 !important; }
.password-dimenticata { padding: 7px 0 !important; }

#container_payment .row { display: flex; align-items: stretch; }
#container_payment .row .col-md-5 { display: flex; align-items: stretch; }
#container_payment .row .col-md-5 a { height: 100%; }

.section7 { background-color: rgba(204,153,0,0.34); }
.cta-coupon { width: 100%; }
.cta-coupon img { display: block; height: 140px; width: auto; margin: 0 auto 30px auto; }
.cta-coupon .blk-txt { width: 100%; max-width: 900px; text-align: center; margin: 0 auto; }
.section7 .btn-cta-section:link,
.section7 .btn-cta-section:visited { color: #fff; background-color: #7d6b53; border-color: #7d6b53; }
.section7 .btn-cta-section:hover { background-color: #000; border-color: #000; }

@media (max-width: 767px){
    .cta-coupon { padding: 30px 0; }
    .chatbot-btn-center-left { top: auto; bottom: 24px; }
}

.table-cart .cod-promozionale a.btn-cod:link,
.table-cart .cod-promozionale a.btn-cod:visited { padding: 0 30px; font-family: 'Didact Gothic', 'arial', 'sans-serif'; font-size: 14px; color: #fff; background-color: #7d6b53; border: 0; }
.table-cart .cod-promozionale a.btn-cod:hover { background-color: #000; }

@media (max-width: 767px){
    .table-cart .cod-promozionale { margin: 30px 0; }
    .table-cart .cod-promozionale p { height: auto; text-align: left; }
}