@import url('https://fonts.googleapis.com/css2?family=Khula:wght@300;400;600;700;800&family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap'); @font-face { font-family: 'EditorRegular'; src: url('https://www.pscdn.it/file/114/25/04/10157-editor-regular-bf647813f3bddb5.woff') format('woff'); } /* Medium */ @font-face { font-family: 'EditorMedium'; src: url('https://www.pscdn.it/file/114/25/04/10095-editor-medium-bf647813f3c1bc6.woff') format('woff'); } /* ExtraBold */ @font-face { font-family: 'EditorExtraBold'; src: url('https://www.pscdn.it/file/114/25/04/10024-editor-extrabold-bf647813f3c48.woff') format('woff'); } /* Classe per il Regular */ .font-regular { font-family: 'EditorRegular', sans-serif; } /* Classe per il Medium */ .font-medium { font-family: 'EditorMedium', sans-serif; } /* Classe per l'ExtraBold */ .font-extrabold { font-family: 'EditorExtraBold', sans-serif; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "EditorExtraBold", serif; font-weight: 700; font-style: normal; } p { font-family: "Plus Jakarta Sans", serif !important; font-weight: 400 !important; } .fs-80 { font-size: 60px !important; ; } input[type="date"]::-webkit-calendar-picker-indicator { display: none; } input[type="date"] { -moz-appearance: textfield; } html, body { font-family: "Khula", sans-serif; font-weight: 400; font-style: normal; overflow-x: hidden; } #header-mob-sticky { top: 0 !important; } #language_selector { margin: 0 auto; max-height: 300px; box-shadow: none; top: 20%; } #section-123456 { padding: 80px 0; background: #f1f1f1; } .bmg-widget-qreq .has-feedback .form-control { padding: 20px 16px; } .custom-booking-widget .form-control:disabled, .custom-booking-widget .form-control[readonly] { color: white; background-color: rgba(0, 0, 0, 0.3); opacity: 1; } .custom-booking-widget .form-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: white; background-color: rgba(0, 0, 0, 0.3); background-clip: padding-box; border: 3px solid white; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; /* --- blur sul backdrop --- */ -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } #my_quote_request { font-family: Montserrat; max-width: 800px; margin: 0 auto; } #my_quote_request .widget-secondary-texts { margin-bottom: 50px; } #my_quote_request .widget-title { font-weight: 900; font-size: 2.5rem; } #my_quote_request #my_quote_request_send_quote_request { background: #000000; padding: 10px 24px; text-transform: uppercase; color: #fff; } .pb-15rem { padding-bottom: 15rem !important; } @media (max-width: 590px) { #my_quote_request { padding: 28px; } .scroll-indicator { bottom: -100px !important; } .fs-80 { font-size: 40px !important; } .pb-15rem { padding-bottom: 5rem !important; } } bmg-widget-qreq { border-top: 8px solid #b69a5a; margin: 1em 3em; position: relative; } .bmg-widget-qreq .widget-title { font-size: 26px; font-weight: bold; margin-bottom: 20px; margin-top: 20px; text-transform: uppercase; } .bmg-widget-qreq .widget-subtitle, .bmg-widget-qreq .widget-texts { font-size: 22px; font-style: italic; font-weight: normal; margin-bottom: 20px; margin-top: 0; text-transform: none; } .bmg-widget-qreq .widget-secondary-texts { margin-bottom: 50px; } .bmg-widget-qreq .widget-subtitle { margin-bottom: 0; } .bmg-widget-qreq .widget-introduction-text { font-size: 14px; font-style: italic; font-weight: normal; margin-bottom: 0; margin-top: 0; text-transform: none; } .bmg-widget-qreq .widget-form-row { max-width: 1000px; } .bmg-widget-qreq .widget-form-rcol { float: right; } header { background-color: #000 !important; padding: 30px 0 !important; } .header-action-item svg { stroke: #fff; } .header-cart svg { display: none; } .header-action-item.btn-neri { font-size: 13px; text-transform: uppercase; background-color: #fff; padding: 8px 12px 5px; line-height: 1; display: inline-block; font-weight: 600; letter-spacing: 0; margin: 0 5px; border-radius: 0; color: #000; } .header-action-item.btn-prenota { font-size: 13px; text-transform: uppercase; background-color: #000; padding: 8px 12px 5px; line-height: 1; display: inline-block; font-weight: 600; letter-spacing: 0; margin: 0 5px; border-radius: 0; color: #fff; } header .logo-main img { max-height: 150px !important; transition: max-height ease .5s; } header.scrolled .logo-main img { max-height: 120px !important; transition: max-height ease .5s; } .sticky-header { background-color: transparent !important; position: fixed; width: 100%; top: 0; left: 0; right: 0; z-index: 1000; transition: background-color 0.3s ease; } .sticky-header.scrolled { background-color: #000000b3 !important; backdrop-filter: blur(5px); } @media (max-width: 991px) { .header-cart { display: none; } .footer-partner { padding-top: 30px; } .footer-bottom { padding-bottom: 70px; } } @media (max-width: 767px) { .single-banner-section { background-attachment: initial !important; } } .topbar-bar { display: none !important; } footer .footer-logo img { height: 180px !important; max-height: unset !important; } .footer-info h6 { font-family: "Khula", sans-serif !important; } .footer-partner { background-color: black; } .footer-partner img { width: auto !important; max-width: 110px; height: auto !important; object-fit: contain; } .footer-bar.d-flex.d-md-none { display: none !important; } .footer-bar--utilities { position: fixed; bottom: 0; left: 0; right: 0; background-color: #000000b3; backdrop-filter: blur(5px); box-shadow: 1px 0px 10px rgba(0, 0, 0, .3); z-index: 9; } .footer-bar--utilities a { display: block; padding: 15px 0; border-right: 1px solid #e1e1e1; font-size: 18px; color: #fff; } .footer-bar--utilities svg { max-width: 24px; opacity: 1; } .btn-primary.outlined, .newsletter-btn { border-top: 2px solid #000; border-bottom: 2px solid #000; border-left: 0; border-right: 0; background-color: transparent !important; border-radius: 0 !important; color: #000 !important; padding: 13px 10px 10px; } .section-heading { font-family: "Libre Caslon Text", serif; font-weight: 700; font-style: normal; line-height: 1.2; } .contact-form input, .contact-form textarea { font-family: "Quicksand", sans-serif; } .sidenav { left: unset !important; right: 0; transform: translateX(100%); } .sidenav.canvas-sidebar { z-index: 9999; } .canvas-sidebar.show .canvas-overlay { left: -700%; } .sidenav .card { background-color: #000; } .sidenav .card, .sidenav, .sidenav .close-sidenav-btn { color: #fff; } .sidenav.canvas-sidebar .mx-1.border-bottom.pb-3 { display: none; } .sidenav.canvas-sidebar .card-body { padding-top: 60px !important; } .sidenav ul.main-menu .nav-link { font-size: 1rem; } .icon-hamburger { cursor: pointer; } .sidenav img, header#header-mob-sticky img { max-height: 100px !important; } .canvas-sidebar .canvas-close { cursor: pointer; position: absolute; right: 1rem; } .sidenav.canvas-sidebar.show .card .card-header { justify-content: center !important; } .sidenav.canvas-sidebar.show .main-menu { margin-left: 0 !important; } @media (min-width: 992px) { .w-lg-75 { width: 75%; max-width: 75%; } .w-lg-50 { width: 50%; max-width: 50%; } } .about-hero-img img { border-radius: 0 !important; } .about-hero-img .sfumatura { position: absolute; width: 100%; bottom: 0; z-index: 1; } .about-hero-img { position: relative; } .about-hero-img .sfumatura:before { content: ''; position: absolute; height: 140px; bottom: 0; width: 101%; background: rgb(255, 255, 255); background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); z-index: -1; } .company-slide>div { padding: 0 15px; } .product-card-img { border-radius: 0; } .pics-container { height: 300px; } .product-card-title { margin-top: -50px !important; position: relative; z-index: 10; padding-left: 60px; } .product-card-title a { font-size: 25px; font-family: libre caslon text, serif; } .product-card-button { padding: 0 60px; } .product-card-img .product-pic { object-position: 0 0; } .product-card .product-ins-pic:after { position: absolute; content: ''; background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 70%); height: 90px; width: 100%; bottom: 0; } @media (max-width: 991px) { .company-container .arrow-slider { top: 40px !important; } .company-container .activate-arrows { padding-left: 3rem; } .product-card-title, .product-card-title a { font-size: 28px !important; } } .arrow-slider { position: relative; top: 0; left: 0; } .activate-arrows .arrow-slider { opacity: 1; visibility: visible; top: 20px; background-color: transparent; height: auto; width: auto; } .article-arrows .arrow-slider { top: 60px; } .article-arrows .arrow-next { right: unset !important; } .article-arrows .arrow-prev { left: 0 !important; } .arrow-slider { left: 0; right: unset; text-align: center; } .activate-arrows .arrow-slider svg { width: 42px; } .text-image-section .about-hero-img.about-hero-img--short img { border-radius: 0; width: 100%; height: 450px; object-fit: cover; object-position: 50% 50%; box-shadow: rgba(0, 0, 0, 0.3) 0px -25px 40px -7px; } .slideshow-section.slideshow-custom .slick-slide { height: 400px !important; max-height: 500px !important; margin: 0 15px; } .product-ins-pic--logo { height: 100%; position: absolute; width: 100%; top: 0; left: 0; right: 0; bottom: 0; } .product-ins-pic--logo img { height: 90px !important; width: auto !important; margin: 1rem; } .product-card-img:hover .product-ins-pic--logo img { transform: none !important; } #slider-main .slider-img { background-size: cover; height: 100vh; background-position: center; display: flex; justify-content: center; align-items: center; } @media (min-width: 768px) { #slider-main .slider-img, .slider-section .slider-img { background-attachment: fixed; } } #slider-main .slider-img h1 { letter-spacing: 1px; font-size: 50px; } #slider-main .slick-dots { z-index: 10; } .language-btn.show+.language-list { display: block; } #loading img { max-width: 250px; } #progressBar { margin-top: 20px; } @keyframes progressAnimation { 0% { width: 0%; } 100% { width: 100%; } } @media (min-width: 992px) { mw-lg-750 { max-width: 75%; } } .slider-section .slider-img { background-size: cover; height: 600px; background-position: center; display: flex; justify-content: center; align-items: center; } #popup-banner { display: none; position: fixed; top: 20px; left: 10%; max-width: 300px; background-color: #fff; padding: 25px; border: 1px solid #ccc; box-shadow: 0 4px 6px rgba(0, 0, 0, .1); text-align: center; z-index: 9998; border-radius: 10px; } #popup-banner .close-btn { position: absolute; top: 8px; right: 10px; cursor: pointer; font-size: 35px; } .sidenav ul.main-menu .nav-link { color: #ffffffe3; } .scroll-indicator { position: absolute; bottom: -110px; left: 50%; transform: translateX(-50%); animation: bounce 2s infinite; background: #ffffff00; color: #ffff; cursor: pointer; padding: 10px; border-radius: 50px; backdrop-filter: blur(5px); border: 1px solid; } .scroll-indicator i { font-size: 2rem; color: #007bff; } .about-hero-content * { font-family: 'EditorExtraBold'; } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0) translateX(-50%); } 40% { transform: translateY(-30px) translateX(-50%); } 60% { transform: translateY(-15px) translateX(-50%); } } .btn-side-effect.btn-slide-up span { -webkit-transform: translateY(100%); transform: translateY(100%) } .btn-side-effect.btn-slide-down span { -webkit-transform: translateY(-100%); transform: translateY(-100%) } .btn-side-effect.btn-slide-left span { -webkit-transform: translateX(100%); transform: translateX(100%) } .btn-side-effect.btn-slide-right span { -webkit-transform: translateX(-100%); transform: translateX(-100%) } .btn-side-effect.btn-slide-down, .btn-side-effect.btn-slide-left, .btn-side-effect.btn-slide-right, .btn-side-effect.btn-slide-up { position: relative; z-index: 1; overflow: hidden } .btn-side-effect.btn-slide-down span, .btn-side-effect.btn-slide-left span, .btn-side-effect.btn-slide-right span, .btn-side-effect.btn-slide-up span { position: absolute; height: 100%; width: 102%; z-index: -1; left: -2px; top: 0; -webkit-transition: .3s; transition: .3s } .btn-side-effect.btn-slide-down:hover span, .btn-side-effect.btn-slide-left:hover span, .btn-side-effect.btn-slide-right:hover span, .btn-side-effect.btn-slide-up:hover span { -webkit-transform: translateY(0); transform: translateY(0) } .btn-side-effect.btn-text-white:hover { color: #000; } .btn-side-effect.btn-text-dark:hover { color: #fff; } .dropdown-neri { position: relative; } .dropdown-content-neri { display: none; position: absolute; top: 100%; right: 10px; background-color: #000; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); border-radius: 0; min-width: 300px; z-index: 1000; transition: opacity 0.3s ease, visibility 0.3s ease; opacity: 0; visibility: hidden; padding: .5rem 1ì.75rem; } .dropdown-content-neri ul { list-style: none; padding: 0; margin: 0; } .dropdown-content-neri ul li { padding: 10px; text-align: center; } .dropdown-content-neri ul li a { text-decoration: none; color: black !important; display: block; padding: .75rem 1.5rem !important; } .dropdown-content-neri ul li a:hover { color: #fff !important; text-decoration: underline; } .dropdown-content-neri ul li:hover { color: #000; } .header-action-item:hover+.dropdown-content-neri, .dropdown-content-neri:hover { display: block; opacity: 1; visibility: visible; } .bg-black { background: #000 !important; } .ui-datepicker.ui-datepicker-multi { z-index: 100 !important; } .ui-datepicker.ui-datepicker-multi { font-size: 0.9em; } .booking-container .ui-datepicker-group-last { background: #EEE; /* colore sfondo del secondo mese nel calendario */ } .booking-container .ui-widget-header { /* header del calendario */ border-width: 1px 0; border-color: #AAA; background: none; border-radius: 0 !important; } .ui-datepicker-header { /* header del calendario */ font-size: 75%; } .ui-datepicker .ui-datepicker-title { /* testo nell'header del calendario */ font-size: 1em; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { /* numeri giorni calendario usare ! important */ } .booking-container .ui-state-hover, .booking-container .ui-widget-content .ui-state-hover { /* hover sui giorni del calendario */ color: #FFF !important; background: #888 !important; } .booking-container .ui-state-active, .booking-container .ui-widget-content .ui-state-active { /* giorno selezionato nel calendario */ color: #000 !important; background: #FFCA28 !important; border: 0 !important; } .booking-container .ui-widget-header .ui-icon { /* nascondo frecce di default */ background-image: none; } .ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before { /* frecce fontawesome */ display: inline-block; font-family: "FontAwesome"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; position: absolute; right: 0; top: 0; color: #333; } .ui-datepicker .ui-datepicker-prev:before { /* < */ content: "\f053"; } .ui-datepicker .ui-datepicker-next:before { /* > */ content: "\f054"; } /* comportamento responsive a risoluzioni minori di 481px (telefoni) */ @media (max-width:480px) { .ui-datepicker.ui-datepicker-multi { left: 0 !important; width: 100% !important; box-sizing: border-box; } .ui-datepicker-multi .ui-datepicker-group { float: none !important; width: 100% !important; } } @media (min-width: 990px) { .single-banner-text-m { margin-left: -40%; max-width: 100%; font-size: 18px; margin-bottom: 40px; } } #my_bbar #quote_btn { position: absolute; right: 25px; bottom: -58px; font-size: 14px; text-transform: uppercase; text-decoration: underline; text-underline-offset: 5px; background: transparent !important; color: #fff !important; box-shadow: none !important; border: 0 !important; } .bmg-widget-qreq .has-feedback .form-control { height: auto } #aTopbar { display: none } @media (max-width: 590px) { #section-662e249361b55 .single-banner-content { width: 100%; margin-top: -75px; max-width: 100%; } #my_bbar #quote_btn { left: 50%; transform: translate(-50%, -50%); right: inherit; opacity: .8; bottom: -29px; font-size: 10px; } #section-662e3b5bbf030 .container { padding: 0 } #section-neri .text-image-section .about-hero-img { margin: 0; } #section-neri .container { padding: 0; } #section-neri { margin: 0 !important; } } @media (max-width: 400px) { #section-662e249361b55 .single-banner-subheading { display: none; } } /* Stile Antonino*/ ::selection { background-color: #212529; color: white } .about-hero-title { font-size: 28px; font-weight: 700; text-transform: uppercase; background: linear-gradient(90deg, #212529, #212529); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; margin-bottom: 0.5rem; } .about-hero-title::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 100%; height: 5px; background: linear-gradient(to right, #212529, #212529); border-radius: 2px; transform: scaleX(0); } /* Animazione della sottolineatura, attivata da AOS */ .about-hero-title.aos-animate::after { animation: underlineAnimation 3s ease forwards; } @keyframes underlineAnimation { 0% { transform: scaleX(0); } 100% { transform: scaleX(0.95); } } .blur { backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); background-color: rgba(0, 0, 0, 0.1); } .video-section { padding: 4rem 0; } .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); width: 100%; } .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .fs-rem { font-size: 1.5rem; } .title-img { position: absolute; bottom: -40px; left: -30px; font-size: 120px; } .mt-8-rem { margin-top: 8rem !important; } #section-662e3b5bbf030 { position: relative; overflow: visible; } #section-662e3b5bbf030 .logo-bg { position: absolute; bottom: -150px; right: -110px; width: 550px; height: auto; background-image: url('https://www.pscdn.it/img/114/25/04/59100-logo-nero.webp'); background-repeat: no-repeat; background-size: contain; background-position: right bottom; opacity: 0.05; pointer-events: none; aspect-ratio: 1 / 1; } .card-body { position: relative; overflow: hidden; } .card-body .logo-bg { position: absolute; bottom: -150px; right: -90px; width: 350px; height: auto; background-image: url('https://www.pscdn.it/img/114/25/04/59100-logo-nero.webp'); background-repeat: no-repeat; background-size: contain; background-position: right bottom; opacity: 0.05; pointer-events: none; aspect-ratio: 1 / 1; } /* widget*/ :root { --gradient: linear-gradient(135deg, #5B8CA8 0%, #2A3B47 100%); --gradient-inv: linear-gradient(135deg, #2A3B47 0%, #5B8CA8 100%); --radius: 16px; } .custom-booking-widget .form-group label { font-family: "Plus Jakarta Sans", serif !important; font-weight: 400 !important; color: white; font-size: medium; } .custom-booking-widget { background: transparent; border-radius: var(--radius); padding: 1.5rem; max-width: 600px; margin: 0rem auto 2rem auto; } .form-group { margin-bottom: 1.5rem; } .submit-btn { background: black; color: white; border: none; padding: 0.8rem 1.5rem; border-radius: 5px; cursor: pointer; font-weight: bold; } .submit-btn:hover { background: white; color: black; } .age-input { position: relative; } .age-input label { font-size: 1rem; font-weight: 600; color: white; display: block; } .age-input input { font-size: 1rem; transition: all 0.3s ease; padding: .375rem .75rem; font-weight: 400; line-height: 1.5; color: white; background-color: rgba(0, 0, 0, 0.3); background-clip: padding-box; border: 3px solid white; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } .age-input input:focus { color: white; background-color: rgba(0, 0, 0, 0.3); outline: none; box-shadow: 0 0 5px rgba(91, 140, 168, 0.5); } /* Ripristina le freccette del numero */ .age-input input[type="number"]::-webkit-outer-spin-button, .age-input input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: textfield; } .age-inputs { display: flex; flex-direction: column; } .age-inputs .age-input:last-child { margin-bottom: 0; } .btn-preventivo { font-size: 14px; text-transform: uppercase; text-decoration: underline; text-underline-offset: 5px; background: transparent !important; color: white !important; box-shadow: none !important; border: 0 !important; } .hero-section-12 .btn { padding: 1rem; } .iti--allow-dropdown{ width: 100%; margin-top: 22px; } .iti--allow-dropdown input { padding-left: 48px; margin-top: 24px !important; width: 100%; } .iti__selected-country-primary { height: 35px; width: 35px; position: relative; left: 5px; }