/*typographic*/ body, body > * { font-family: "neue-haas-grotesk-display", sans-serif !important; font-weight: 400 !important; font-style: normal !important; } html, body { font-family: "neue-haas-grotesk-display", sans-serif !important; font-weight: 400 !important; font-style: normal !important; } strong, h1, h2, h3, h4, h5, h6 {font-family:"neue-haas-grotesk-display", sans-serif;font-weight:700;} .text-indent {text-indent:-9999px;} .small, small {font-size:.850em !important;} .lh-1 {line-height:1rem;} .lh-115 {line-height:1.15rem;} .lh-12 {line-height:1.2rem;} .lh-125 {line-height:1.25rem;} .ls-05 {letter-spacing:.5px;} .ls-1 {letter-spacing:1px;} /*haas*/ .fw-haas-ultra-thin { font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 100; } .fw-haas-ultra-thin-italic { font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 100; font-style: italic; } .fw-haas-thin { font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 200; } .fw-haas-thin-italic { font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 200; font-style: italic; } .fw-haas-extra-light { font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 300; } .fw-haas-extra-light-italic { font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 300; font-style: italic; } .fw-haas-light { font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 400; } .fw-haas-light-italic { font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 400; font-style: italic; } .fw-haas-normal { font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 500; } .fw-haas-normal-italic { font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 500; font-style: italic; } .fw-haas-medium { font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 600; } .fw-haas-medium-italic { font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 600; font-style: italic; } .fw-haas-bold { font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 700; } .fw-haas-bold-italic { font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 700; font-style: italic; } .fw-haas-black { font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 900; } .fw-haas-black-italic { font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 900; font-style: italic; } /*font weight*/ .fw-ultra-thin {font-weight:100 !important;} .fw-thin {font-weight:200 !important;} .fw-extra-light {font-weight:300 !important;} .fw-light {font-weight:400 !important;} .fw-normal {font-weight:500 !important;} .fw-medium {font-weight:600 !important;} .fw-bold {font-weight:700 !important;} .fw-black {font-weight:900 !important;} /*sans*/ @font-face { font-family: 'PPEditorialNew-Ultralight'; src: url('../font/PPEditorialNew-Ultralight.eot'); src: url('../font/PPEditorialNew-Ultralight.eot?#iefix') format('embedded-opentype'), url('../font/PPEditorialNew-Ultralight.woff') format('woff'), url('../font/PPEditorialNew-Ultralight.woff2') format('woff2'), url('../font/PPEditorialNew-Ultralight.ttf') format('ttf'), url('../font/PPEditorialNew-Ultralight.otf') format('otf'); } @font-face { font-family: 'PPEditorialNew-UltralightItalic'; src: url('../font/PPEditorialNew-UltralightItalic.eot'); src: url('../font/PPEditorialNew-UltralightItalic.eot?#iefix') format('embedded-opentype'), url('../font/PPEditorialNew-UltralightItalic.woff') format('woff'), url('../font/PPEditorialNew-UltralightItalic.woff2') format('woff2'), url('../font/PPEditorialNew-UltralightItalic.ttf') format('ttf'), url('../font/PPEditorialNew-UltralightItalic.otf') format('otf'); } .PPE-ultralight {font-family:'PPEditorialNew-Ultralight' !important;font-weight: inherit !important;} .PPE-ultralight-italic {font-family:'PPEditorialNew-UltralightItalic' !important;font-weight: inherit !important;} /*luxia overide*/ .luxia {font-family:'PPEditorialNew-Ultralight' !important;} #menuWrapper .wrapper-title h2.title {font-family:'PPEditorialNew-Ultralight' !important;} #contattiWrapper .wrapper-title h5.title {font-family:'PPEditorialNew-Ultralight' !important;} #kiribati .pageTitle h2 {font-family:'PPEditorialNew-Ultralight' !important;} #adv-video-wrapper .wrapper-title h2.title {font-family:'PPEditorialNew-Ultralight' !important;} .sectionTitle .wrapper-title h2.title {font-family:'PPEditorialNew-Ultralight' !important;} #journey .content .slider-content .slide .wrapper .text h2 {font-family:'PPEditorialNew-Ultralight' !important;} /*akkurat overide*/ a.btn {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 500;} #newsContainer .newsText ul li strong {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 500;} #over-yacht-specification-new .caption .specification dl dt {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 500;} #newsContainer .newsText p strong {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 500;} #kiribati .vasco-wrap .giuria-cont figcaption p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 500;} #tresoldi .citazione-persona figcaption p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 500;} #yacht-line-discover .about-list-yacht-wrapper .wrapper figcaption p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 500;} .company-info-slider .about-list-yacht-wrapper .wrapper figcaption p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 500;} #mainContainer.yacht-new-page #downloadWrapper .downloadContainer .downloadContainerTitle h4 strong {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 500;} #over-yacht-specification .wrapper-text .specification dl dt {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 500;} #journey .svg-container .st8 {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 500;} #journey-map .svg-container-mobile .st3 {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 500;} #mainContainer.company-page-new .about-list-yacht .about-list-yacht-wrapper .wrapper figcaption p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 500;} #surfaces-info .title p strong {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 500;} #surfaces-info .text a.btn {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 500;} #brokerCont .wrapInfo ul li span {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 500;} /*akkurat light italic overide*/ #newsContainer .newsText blockquote {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 400;font-style: italic;} #newsContainer .newsText p em {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 400;font-style: italic;} #banner-yacht-page-intro blockquote {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 400;font-style: italic;} #peopleWrapper .text .padder blockquote {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 400;font-style: italic;} /*akkurat light overide*/ .wrapper-menu-experience ul li.focus {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} .wrapper-menu-preowned p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #verticalNav ul li.verticalTitle {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #newsContainer .newsText p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #partnersWrapper .partnersContainer figcaption p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #privacyWrapper p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #privacyWrapper ul li {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #devicerotate p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #flexplorer-minisito .video .container h2.title {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #side-explorer-menu .wrapper p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #side-explorer-menu .wrapper ul.list-side-yacht li ul li {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #menuWrapper h4 {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #menuWrapper p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} .list-focus li {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} .yacht-plus figure figcaption ul li span {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #yacht-gallery.new-slider-gallery .wrapper p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #over-comparative .wrapper .data-yacht span {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #over-yacht-specification-new .caption .specification dl dd {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #slider-yacht-plane .over-disegni .general-plane .plane-slide figcaption p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #flex-info p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} .yacht-slider-oneoff .text p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #kiribati .text-wrap p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #kiribati .vasco-wrap p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #kiribati .giuria-cont figcaption h6 {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #kiribati .prj-wrapper figcaption dl dd {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} .fancybox-custom-layout-kiribati .fancybox-caption dl dd {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #tresoldi .text-wrap p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #tresoldi .text-wrap.citazione p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #tresoldi .citazione-persona figcaption h6 {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #privacyWrapper .text p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #privacyWrapper .text ul li {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #shipyard-banner-mappa-wrapper figure.italia figcaption {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #explorer-yacht-list-data .yacht-data span {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} .crt-mosaic-post .crt-post-hover .crt-post-text {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #mainContainer.yacht-new-page a.btn-dwn-yacht-brochure p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #data-yacht-page-intro h2 {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #yacht-line-discover .about-list-yacht-wrapper .wrapper figcaption span {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} .company-info-slider .about-list-yacht-wrapper .wrapper figcaption span {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #text-home .text-home-wrapper p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #we-are-explorers-home .we-are-explorers-wrapper p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} .explorer-yachts-list.scheda-dettaglio .text p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} .explorer-yachts-list.scheda-dettaglio .card.card-explorer-yachts-list .card-image span {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #banner-yacht-page-intro .text-intro p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} .yacht-slider .text p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} .slide-gallery .wrapper figcaption .tags {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} .slide-specification .wrapper figcaption .tags {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} .slide-people .wrapper figcaption .tags {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #peopleWrapper .text .padder h6 {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #peopleWrapper .text .padder p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #mainContainer.yacht-new-page #downloadWrapper .text p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #mainContainer.yacht-new-page #downloadWrapper .downloadContainer .downloadContainerTitle h4 {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #over-yacht-specification .wrapper-text .specification dl dd {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #banner-yacht-page.photoGalleryPage figcaption .post-card .tags {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #awards-wrapper .awards-container figcaption p span.nome {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #videoYoutube .video-container figcaption span {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #introHomeWrapper h2.title {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #journey-map .journey-text .text p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} .journey-sub-menu li {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #journey .content .slider-content .slide .wrapper .text p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #journey .content .slider-content .slide .wrapper .text h4 {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #mainContainer.company-page-new .text-wrapper p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #mainContainer.company-page-new .about-list-yacht .about-list-yacht-wrapper .wrapper figcaption span {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #surfaces-intro .title p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #surfaces-intro .text p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #surfaces-adrian .text p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #surfaces-info .title p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #surfaces-info .text p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #mainContainer.decalogo-page #decalogo-text blockquote {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #mainContainer.decalogo-page #decalogo-text p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #mainContainer.decalogo-page #decalogo-text.articolo p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #introHomeWrapper .wrap-button a span {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #mainContainer.decalogo-page #decalogo-text .decennale-persona ul li {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} #brokerCont .wrapText p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 300;} /*akkurat bold overide*/ #lang a {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #subHeader ul li.title {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #subHeader ul li.title {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #ctaWrapper p strong {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #pressList .defaultWrapper.pressList .wrapper figcaption p span:nth-child(1) {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #newsContainer .newsText .title {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #contattiWrapper h6 {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #side-explorer-menu .wrapper ul.list-side-yacht li ul li h6 {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #partnersWrapper .partnersContainer figcaption h6 {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #privacyWrapper p strong {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #privacyWrapper ul li strong {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #explorer-yacht-list-model .wrapper h4 {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #explorer-yacht-list-model .wrapper h4 {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #explorer-yacht-list-data .yacht-data h6 {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} .crt-widget .crt-load-more {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #data-yacht-page-intro p {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} .yacht-plus figure .plus-over a {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #over-comparative .wrapper .data-yacht .yacht h6 {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #over-yacht-specification-new .caption .specification h6 {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #pressList .slide-gallery h4 {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #pressList .slide-gallery h6 {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #kiribati .text-wrap blockquote {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #kiribati .prj-wrapper figcaption dl dt {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #kiribati .prj-wrapper figcaption a.btn {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} .fancybox-custom-layout-kiribati .fancybox-caption dl dt {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #tresoldi .text-wrap h1 {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #privacyWrapper .text p strong {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #privacyWrapper .text ul li strong {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #yacht-line-discover .about-list-yacht-wrapper .wrapper figcaption h5 {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} .company-info-slider .about-list-yacht-wrapper .wrapper figcaption h5 {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #flex-interactive.banner-yacht figcaption .post-card span {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #over-interactive h3 {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} .slide-specification .wrapper figcaption p.year {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} .slide-people .wrapper figcaption h2 {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #over-yacht-specification .wrapper-text .specification h6 {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #newsContainer .newsDownload h5 {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #awards-wrapper .awards-container figcaption h6 {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #videoYoutube .video-container figcaption h6 {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #journey .content span {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #journey-map .svg-container .st7 {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #mainContainer.company-page-new .about-list-yacht .about-list-yacht-wrapper .wrapper figcaption h5 {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #surfaces-intro .title h3 {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #surfaces-adrian .text p strong {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #surfaces-info .title h3 {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #mainContainer.surfaces p.button-more {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} #introHomeWrapper .wrap-button a {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} .broker-list-update .wrapper figcaption .title {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} .brokerSliderCorrelati .wrapper figcaption .title {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 700;} /*justify overide*/ blockquote.hyphenate, p.hyphenate {text-align:left !important;} #plusWrapperOver .padder p {text-align:left !important;} #journey .content .slider-content .slide .wrapper .text p {text-align:left !important;} #mainContainer.company-page-new .text-wrapper p.hyphenate {text-align:left !important;} #mainContainer.decalogo-page #decalogo-text p {text-align:left !important;} #mainContainer.decalogo-page #decalogo-text.articolo p {text-align:left !important;} #tresoldi .text-wrap p {text-align:left !important;} #side-explorer-menu .wrapper p {text-align:left !important;} #kiribati .text-wrap p {text-align:left !important;} /*border*/ .border-color-primary {position: relative;} .border-color-primary::after { content: ""; position: absolute; bottom: 10px; left: 0px; right: 0px; width: 100%; height: 1px; background: #2D373D; } .border-color-white {position: relative;} .border-color-white::after { content: ""; position: absolute; bottom: 10px; left: 0px; right: 0px; width: 100%; height: 1px; background: #FFF; } /****TEMPLATE****/ @media handheld, only screen and (max-width: 740px) { html.mobile .sectionTitle .wrapper-title h2.title {font-size:3em;margin-top:10px;} } /*scrolling*/ body::-webkit-scrollbar {width:10px;} body::-webkit-scrollbar-track {background:#E5E5E5;} body::-webkit-scrollbar-thumb {background-color:#2D373D;} html.desktop body::after {content:'';position:fixed;top:0px;right:0px;bottom:0px;background:#F5F5F5;width:1px;z-index:9999;} /*z-index*/ .z-index-1 {z-index:1 !important;} .z-index-2 {z-index:2 !important;} .z-index-3 {z-index:3 !important;} .z-index-4 {z-index:4 !important;} .z-index-5 {z-index:5 !important;} .z-index-9 {z-index:9 !important;} .z-index-99 {z-index:99 !important;} .z-index-999 {z-index:999 !important;} .z-index-9999 {z-index:9999 !important;} /*container*/ #mainContainer {max-width:2500px; margin:0px auto !important;} /*padding*/ .py-10 {padding-top:7rem;padding-bottom:7rem;} @media only screen and (max-width: 768px) {.py-10 {padding-top:5rem;padding-bottom:5rem;}} /*bg*/ .bg-primary {background:#2D373D !important;} .bg-primary-subtle {background:#858F8B !important;} .bg-dark-gray {background:#333333 !important;} /*text*/ .text-primary {color:#2D373D !important;} .text-secondary {color:#96928E !important;} .text-third {color:#9e6f56 !important;} @media (min-width: 1200px) {p.fs-2 {line-height: 3.2rem !important;}} /*header*/ #side-explorer-menu-toggle {width:140px;} #head-wrapper.nav-dw {box-shadow: 0 .25rem .25rem rgba(0,0,0,.015)!important;} #head-wrapper.nav-up {box-shadow: none;} #headspace {width:100%;height:80px;display:block;clear:both;} @media only screen and (max-width:768px) {#headspace {display:none;}} #menu-toggle {width:75px;bottom:-1px;} #menu-toggle p {letter-spacing:0.5px !important;} #lang {display:none !important; opacity:0 !important;} #lang {width:auto !important;right:430px;padding:0px 10px 0px 0px !important} #lang a {letter-spacing:1px !important;} @media only screen and (max-width: 1280px) {#lang {right:410px;}} @media only screen and (max-width: 1100px) {#lang {right:395px;}} @media only screen and (max-width: 1024px) {#lang {right:390px;}} @media only screen and (max-width: 820px) {#lang {right:240px;}} #social-head {float:right;margin:15px 0px 0px 30px;padding:0px;} #social-head li {display:inline-block;margin:0px 0px 0px 3px} #social-head li a {display:block;line-height:26px;height:26px;width:26px;text-align:center;border:1px solid #2D373D;color:#2D373D;font-size:0.9rem;} #social-head li a:hover {background:#2D373D;color:#FFF;} #lang::after, #side-explorer-menu-toggle::after {display:none !important;} @media only screen and (max-width: 1280px) {#social-head {margin-left:20px;}} @media only screen and (max-width: 680px) { header#head-wrapper .logo {width:190px;} #social-head {display:none;} html.mobile #lang {right:100px;} } /*sub header*/ #subHeader {left:280px;right:500px;} #subHeader .container-fluid {margin-top:auto !important} #subHeader ul {padding-left:10px;} @media only screen and (max-width: 1480px) {#subHeader {left:250px;right:500px;}} /*menu*/ #over-footer .social {display:none !important;} #menuWrapper .wrapper-title h2.title {font-family:'PPEditorialNew-UltralightItalic' !important;font-size:3.5rem;font-weight:normal !important;} #menuWrapper h4, .primary-menu li a {letter-spacing:0.5px !important;} #menuWrapper .wrapper-title::after {display:none !important;} .primary-menu li a {font-family: "neue-haas-grotesk-display", sans-serif !important;font-weight: 500 !important;} @media only screen and (max-width: 1024px) {html.tablet #menuWrapper .wrapper-title h2.title {font-size:2.5rem !important;}} @media only screen and (max-width: 768px) { #menuOver #menuWrapper .wrapper-title {margin-top:20px;} #second-menu {margin-top:40px;} #second-menu .accordion-button {padding-left:0px;padding-right:0px;box-shadow:none;background:#FFF !important;font-size:1.5rem !important; font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 500;} #second-menu .accordion-item {border-bottom:none;border-top:1px solid #efefef;} #second-menu .accordion-body {padding-left:0px;padding-right:0px;padding-top:0px;} #second-menu .accordion-body ul {margin:0px;padding:0px;} #second-menu .accordion-body ul li {position:relative;overflow:hidden;} #second-menu .accordion-body ul li a {letter-spacing:1px !important;display:block;font-size:1.2rem;line-height:30px; font-family: "neue-haas-grotesk-display", sans-serif !important;font-weight:300 !important;margin:0px;padding:0px 0px 0px 20px;border:none !important;} #second-menu .accordion-body ul li span {position:absolute;top:7px;left:-10px;display:block;transform: scale(.8);} } @media only screen and (max-width: 680px) { #second-menu {margin-top:20px;} #over-footer .social {display:block !important;} #menuWrapper .wrapper-title h2.title {font-size:2rem !important;} #second-menu .accordion-button {font-size:1.25rem !important;} } #second-menu .accordion-button:not(.collapsed), #second-menu .accordion-button {color:#2D373D !important;} /*footer*/ #ctaWrapper {padding:40px 0;} #footWrapper > * {letter-spacing:0.5px !important;} #social-footer {float:right;margin:15px 0px 0px 30px;padding:0px;} #social-footer li {display:inline-block;margin:0px 0px 0px 3px} #social-footer li a {display:block;line-height:26px;height:26px;width:26px;text-align:center;border:1px solid #2D373D;color:#2D373D;font-size:0.9rem;} #social-footer li a:hover {background:#2D373D;color:#FFF;} /*cta prefooter*/ #ctaWrapper h2, #ctaWrapper p {letter-spacing:1px !important;} #ctaWrapper a.btn {padding-top:auto !important;} #ctaWrapper p strong {font-weight:600 !important;} /*side yacht menu*/ #side-explorer-menu {overflow:hidden;} #side-explorer-menu .wrapper {margin:0px;padding:0px;position:absolute;top:30px;bottom:30px;left:30px;right:50px;overflow:hidden;} #side-explorer-menu .wrapper .scroller {width:calc(100% + 20px);height:calc(100vh - 60px);overflow-x:hidden;overflow-y:scroll;padding:0px 5px 0px 0px;} #side-explorer-menu .wrapper p {letter-spacing:0.5px !important;} #side-explorer-menu .wrapper ul.list-side-yacht li ul li {font-weight:unset !important;} #side-explorer-menu .wrapper ul.list-side-yacht li figure {width:100%;padding-right:80px;} #side-explorer-menu .wrapper ul.list-side-yacht li ul li sup {font-size:65% !important;top: -0.4em !important;} /*banner*/ #banner-yacht-page::after { content: ""; width:60px; height:60px; position: absolute; z-index:999; bottom:0px; left:50%; transform:translateY(-50%); background-color:#FFF; border-radius:50%; background-image: url("../img/godown-blue.svg"); background-repeat:no-repeat; background-position: center; background-size:60px; } #banner-yacht-page, #banner-yacht-page figure {height:auto !important;min-height:auto !important;} #banner-yacht-page h1 {font-size:5rem;line-height:5rem;color:#2D373D} @media only screen and (max-width:1440px) {#banner-yacht-page::after {transform:translateY(-50%) scale(.7);bottom:-10px !important}} @media only screen and (max-width:1380px) {#banner-yacht-page h1 {font-size: calc(1.625rem + 3.5vw);line-height:normal;}} @media only screen and (max-width:1280px) {#banner-yacht-page::after {transform:translateY(-50%) scale(.5);bottom:-20px !important;}} @media only screen and (max-width:1024px) { #banner-yacht-page h1 {font-size: calc(1.625rem + 3vw);line-height:normal;} #banner-yacht-page figure img {width:100% !important;height:auto !important;margin: 0px !important;} } @media only screen and (max-width:680px) { #banner-yacht-page::after {display:none !important;} #banner-yacht-page {background:#FFF;} #banner-yacht-page .position-absolute { position: relative !important; top:auto !important; bottom: auto !important; left: auto !important; right: auto !important; } #banner-yacht-page h1 {color:#2D373D !important;margin-top:5rem !important;} #banner-yacht-page .container {padding-left:30px;padding-right:30px;} } #banner-yacht-page video {margin:0px;padding:0px;display:block;width:100%;pointer-events:none;} #banner-yacht-page h1 span {position: relative;} #banner-yacht-page h1 span::after { content: ""; position: absolute; bottom: 10px; left: 0px; right: 0px; width: 100%; height: 1px; background: #FFF; } @media only screen and (max-width:680px) { #banner-yacht-page h1 span::after {background: #2D373D;bottom:8px;} } #banner-yacht-page .container {padding-right:40px !important;padding-left: 40px !important;} @media only screen and (max-width:680px) { #banner-yacht-page .container {padding-right:30px !important;padding-left:30px !important;} } /*title*/ .sectionTitle {margin-bottom:20px !important} .sectionTitle .wrapper-title > * {font-weight:normal !important;} .sectionTitle .wrapper-title h2.title {text-align:left;padding-left:0px !important;padding-right:0px !important;font-size:3.5rem;font-family:'PPEditorialNew-Ultralight' !important;font-weight: inherit !important;} .main-title-2023 {font-size:4rem;line-height:5rem;} @media only screen and (max-width:1440px) { .main-title-2023 {font-size:3.5rem;line-height:4.5rem;} } @media only screen and (max-width:1180px) { .main-title-2023 {font-size:3rem;line-height:4rem;} } @media only screen and (max-width:680px) { .main-title-2023 br {display:none;} .main-title-2023 {font-size:2.5rem;line-height:3rem;} } /*vertical scroll menu*/ #verticalNav ul li a:hover {text-decoration:underline;} /*lista yacht*/ #yacht-section h2.title {font-size:3rem !important;} #yacht-section .card {overflow:hidden;position:relative;} #yacht-section .card a {display:block;position:absolute;top:0px;left:0px;right:0px;bottom:0px;text-indent:-99999px;z-index:9;} #yacht-section .card h6 {word-spacing: 10px;} #yacht-section .card-yacht-list {transition: all 0.3s ease-in-out;} #yacht-section:hover .card-yacht-list {opacity:.35;} #yacht-section .card-yacht-list:hover {opacity:1;} #yacht-section .card-yacht-list figure img {transition: all 0.3s ease-in-out;} #yacht-section .card-yacht-list:hover figure img {transform: scale(1.1);} #yacht-section .card-yacht-list h6 sup {font-size:70% !important;top: -0.4em !important;right: -0.2em !important;} @media only screen and (max-width:680px) { #yacht-section .card {margin-top:5px !important;margin-bottom:5px !important;} } /*lista yacht homepage*/ #yacht-section.homepage-section {padding:3rem 0px;} /*awards*/ #awards-wrapper .awards-container {background: #FFF;} #awards-wrapper .awards-container figure {padding-bottom:0px !important;} #awards-wrapper .awards-container figcaption {text-align:left !important;padding:20px 20px 10px 20px} @media only screen and (max-width: 1280px) {#awards-wrapper .awards-container figcaption {padding-left:10px;padding-right:10px;}} #awards-wrapper .awards-container figcaption h6 {font-family:'PPEditorialNew-Ultralight' !important;font-size:1.7rem !important;} #awards-wrapper .awards-container figcaption p span.year {margin-top:0px !important;} #awards-wrapper .awards-container figcaption .premio {position:relative !important;bottom:inherit;left:inherit;margin-left:0px;width:80px;padding:0px !important;} /*contatti*/ body.contacts-page #ctaWrapper {display:none !important;} #contattiWrapper {padding:5rem 0px 10rem 0px !important;} /*slider*/ .slider-single .slick-arrow {width:50px;height:50px;background:#FFF;border-radius:50%; overflow:hidden;} .slider-single .slick-arrow.slick-prev {left:20px;} .slider-single .slick-arrow.slick-next {right:20px} .slider-single .slick-arrow::before {width:auto !important;left:15px;right:15px;bottom:auto;top:28px} .slider-single .slick-arrow::after {bottom:auto;top:25px;} .slider-single .slick-arrow.slick-prev::after {left: 14px;} .slider-single .slick-arrow.slick-next::after {right: 14px;} .slider-single .slick-arrow:hover {background:#2D373D;} .slider-single .slick-arrow:hover::before {background:#FFF;} .slider-single .slick-arrow:hover::after {background:#FFF;} /*circle arrow*/ .circle-arrow .slick-arrow {width:50px;height:50px;background:#FFF;border-radius:50%; overflow:hidden;} .circle-arrow .slick-arrow.slick-prev {left:20px;} .circle-arrow .slick-arrow.slick-next {right:20px} .circle-arrow .slick-arrow::before {width:auto !important;left:15px;right:15px;bottom:auto;top:28px} .circle-arrow .slick-arrow::after {bottom:auto;top:25px;} .circle-arrow .slick-arrow.slick-prev::after {left: 14px;} .circle-arrow .slick-arrow.slick-next::after {right: 14px;} .circle-arrow .slick-arrow:hover {background:#2D373D;} .circle-arrow .slick-arrow:hover::before {background:#FFF;} .circle-arrow .slick-arrow:hover::after {background:#FFF;} .circle-arrow.negative-arrow .slick-arrow {background:#2D373D;} .circle-arrow.negative-arrow .slick-arrow::before {background:#FFF;} .circle-arrow.negative-arrow .slick-arrow::after {background:#FFF;} .circle-arrow.negative-arrow .slick-arrow:hover {background:#FFF;} .circle-arrow.negative-arrow .slick-arrow:hover::before {background:#2D373D;} .circle-arrow.negative-arrow .slick-arrow:hover::after {background:#2D373D;} @media only screen and (max-width:1440px) { .slider-single .slick-arrow, .circle-arrow .slick-arrow {transform:scale(0.8);} .slider-single .slick-arrow.slick-prev {left:20px;} .slider-single .slick-arrow.slick-next {right:20px} .circle-arrow .slick-arrow.slick-prev {left:-10px;} .circle-arrow .slick-arrow.slick-next {right:-10px} } @media only screen and (max-width:1200px) { .slider-single .slick-arrow.slick-prev {left:10px;} .slider-single .slick-arrow.slick-next {right:10px} } @media only screen and (max-width:1024px) { .slider-single .slick-arrow, .circle-arrow .slick-arrow {transform:scale(0.7);} .slider-single .slick-arrow.slick-prev {left:5px;} .slider-single .slick-arrow.slick-next {right:5px} .circle-arrow .slick-arrow.slick-prev {left:-20px;} .circle-arrow .slick-arrow.slick-next {right:-20px} } @media only screen and (max-width:680px) { .circle-arrow.negative-arrow .slick-arrow:hover {background:#2D373D;} .circle-arrow.negative-arrow .slick-arrow:hover::before {background:#FFF;} .circle-arrow.negative-arrow .slick-arrow:hover::after {background:#FFF;} } /*route-slider*/ #journey .content .slider-content .slide #route-slider {height:auto !important;} #route-slider .slick-arrow {width:50px;height:50px;background:#FFF;border-radius:50%; overflow:hidden;top:50%;transform: translateY(-50%);} #route-slider .slick-arrow.slick-prev {left:20px;} #route-slider .slick-arrow.slick-next {right:20px} #route-slider .slick-arrow::before {width:auto !important;left:15px;right:15px;bottom:auto;top:28px} #route-slider .slick-arrow::after {bottom:auto;top:25px;} #route-slider .slick-arrow.slick-prev::after {left: 14px;} #route-slider .slick-arrow.slick-next::after {right: 14px;} #route-slider .slick-arrow:hover {background:#2D373D;} #route-slider .slick-arrow:hover::before {background:#FFF;} #route-slider .slick-arrow:hover::after {background:#FFF;} @media only screen and (max-width:1500px) { #route-slider .slick-arrow {transform: scale(.8) !important;} } @media only screen and (max-width:1024px) { #route-slider .slick-arrow.slick-prev {left:-10px;} #route-slider .slick-arrow.slick-next {right:-10px} #route-slider .slick-arrow {transform: scale(.65) !important;} } @media only screen and (max-width:680px) { #route-slider .slick-arrow {background:#2D373D;} #route-slider .slick-arrow::before {background:#FFF !important;} #route-slider .slick-arrow::after {background:#FFF !important;} } /*broker*/ .brokerSliderCorrelati .wrapper figcaption {padding:5px 20px 15px 20px !important;} #brokerTitle {margin-top:150px;} @media only screen and (max-width:1024px) {#brokerTitle {margin-top: 110px;}} @media only screen and (max-width:1024px) {#brokerTitle {margin-top: 110px;}} @media only screen and (max-width:768px) {#brokerTitle {margin-top: 50px;}} @media only screen and (max-width:680px) {#brokerTitle {margin-top: 30px;}} #brokerCont {margin:2rem 0px 0px 0px;} #brokerCont .wrapText p {font-size: 1.5rem;line-height: 2.2rem;letter-spacing:1px;font-weight:400;} #brokerCont .wrapExtra .vendor p {font-weight:500 !important;letter-spacing:0.5px;} #brokerCont .wrapExtra .vendor p a:hover {color:#000;text-decoration:underline;} #brokerCont .wrapInfo ul li .wrapper {font-weight:500 !important;letter-spacing:0.5px;} #brokerCont .wrapInfo ul li .wrapper span {font-weight:400 !important;} #brokerPage {padding:0px !important;} #formEmail.form-broker {margin:0px !important} #formEmail.form-broker label.form-label { float:none !important; width: auto !important; margin:0px !important; padding:0px !important; } #formEmail.form-broker .form-check-label a {color:#FFF !important} #formEmail.form-broker p {text-align:left;} #formEmail .btn, #formEmail button {color:#FFF;border-color:#FFF;height:40px;line-height:40px;border-radius:20px;} #formEmail .btn:hover, #formEmail button:hover {background:#FFF;border-color:#FFF;color:#2D373D;} @media only screen and (max-width:680px) { .brokerSliderCorrelati .slick-prev.slick-arrow {left:-10px;} .brokerSliderCorrelati .slick-next.slick-arrow {right:-10px} } #formEmail .form-check-input {width:14px;height:14px;border:none !important;background:none !important;} #formEmail #nl_privacy {margin:0px !important;border-radius:0px;width:14px;height:14px;} /*news*/ #newsList .slide-gallery .wrapper figcaption {padding:15px 20px;} #newsList .slide-gallery p.year, #newsList .slide-gallery h4 {text-align:left !important;} #newsList .slide-gallery h4 {font-family: "neue-haas-grotesk-display", sans-serif;font-weight:600; font-size:1.7rem;} #newsContainer .newsText h2, #newsContainer .newsText h3, #newsContainer .newsText h4, #newsContainer .newsText h5, #newsContainer .newsText h6, #newsContainer .newsText blockquote, #newsContainer .newsText strong, #newsContainer .newsText p strong {font-weight:500 !important;} #newsContainer .newsText blockquote {padding-left:0px !important;} #newsContainer .newsText p {margin-top:20px !important;} #newsContainer .newsText .newsPadder p {font-size:1.35rem;line-height:2rem;font-weight:400;letter-spacing:0.5px;} #newsContainer .newsText ul li {font-size: 1.3em;} #newsContainer .newsDownload ul li a {letter-spacing:0.5px;font-weight:500;} #newsContainer .newsDownload ul li i.fa::before { width:20px; height:20px; display: inline-block; content: ""; background-image: url("data:image/svg+xml,"); background-repeat: no-repeat; background-size: 18px 18px; } #newsContainer .newsDownload ul li a:hover {text-decoration:underline;} @media only screen and (max-width: 680px) { #newsContainer {padding:0px !important;} #newsContainer .container-fluid {padding:0px !important;} #newsList.newsCorrelate {padding:40px 0 20px 0px;} } #newsContainer .newsDownload ul li {border:none !important} #newsContainer .newsDownload ul li .fa {display:none;} #newsContainer .newsDownload ul li a {font-weight:500; display:block;border:1px solid #2D373D;height:40px;line-height:40px;border-radius:20px;text-align: center;padding:0px 20px;text-decoration:none !important;color:#2D373D} #newsContainer .newsDownload ul li a:hover {background:#2D373D;color:#FFF;} /**/ @media only screen and (max-width: 680px) { #newsList.newsCorrelate .slide-gallery .wrapper {margin-left:0px !important;margin-right:0px !important} #newsList.newsCorrelate .circle-arrow .slick-arrow.slick-prev {left: -10px;} #newsList.newsCorrelate .circle-arrow .slick-arrow.slick-next {right: -10px;} } /*routes*/ #journey-map .journey-text .text h2 {font-weight:normal !important;} #journey-map .journey-text .text p {letter-spacing:0.5px;font-size:1.3rem;} #journey-map .journey-text .text a {font-family: "neue-haas-grotesk-display", sans-serif !important;font-weight: 600 !important;} #journey-map .journey-text {left:inherit !important;} #mainContainer.routes-index .sectionTitle .wrapper-title h2.title {font-size:3rem !important;font-family:'PPEditorialNew-UltralightItalic' !important;font-weight: inherit !important;} #mainContainer.routes-inside .sectionTitle .wrapper-title h2.title {font-size:3rem !important;font-family:'PPEditorialNew-UltralightItalic' !important;font-weight: inherit !important;} #journey .content h6 {font-weight:400 !important;} #journey .content h6 span {font-weight:600 !important;} #journey .content .slider-content .slide .wrapper .text h2 {font-family:'PPEditorialNew-Ultralight' !important;font-weight: inherit !important;} #journey .content .slider-content .slide .wrapper .text p {letter-spacing:0.5px;font-size:1.25rem;} @media only screen and (max-width: 680px) { #journey-map .journey-text .text a {color:#2D373D;} #journey-map .journey-text .text a::before {border-color:#2D373D;} #journey-map .journey-text .text a::after {background:#2D373D;} } /*out of the box*/ #oub-tresoldi {background-image:url('/resources/gallery/tresoldi-academy-call/tresoldi-home-boat.jpg');background-position: center right;background-repeat: no-repeat;background-size: contain;background-color:#1c628d;} @media only screen and (max-width: 680px) {#oub-tresoldi {background-size:cover !important;background-position:center center !important;}} #oub-tresoldi figure.logo-trac {width:100% !important;max-width:280px !important;} #oub-kiribati {background-image:url('/resources/gallery/kiribati-page/banner-page.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;} #oub-kiribati h1 {font-weight:normal;font-size:3.5rem;line-height:3rem;color:#2D373D;} #oub-kiribati a.btn.white {color:#2D373D !important;border-color:#2D373D !important;} #oub-kiribati a.btn.white:hover {background:#2D373D;color:#FFF !important} #oub-surfaces {background-image:url('/resources/img/surfaces/banner-04.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;} #oub-routes {background-image:url('/assets/img/journey/2019_03_05_orizzontale.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;} /*trac*/ #tresoldi .text-wrap p:last-child, #tresoldi .text-wrap p {letter-spacing:0.5px;font-size:1.5rem;} #kiribati .banner-intro figcaption h1 {font-weight: normal !important;} #kiribati .text-wrap h2 {font-weight: normal !important;font-size:3rem;line-height:3rem !important;} #kiribati .text-wrap p {letter-spacing:0.5px;font-size:1.35rem;} @media only screen and (max-width: 680px) { #kiribati button.slick-prev {left:-15px;} #kiribati button.slick-next {right:-15px;} #kiribati .prj-wrapper figcaption {padding-left:25px;padding-right:25px;} } /*gallery*/ .slide-gallery .wrapper figcaption {padding:20px 20px 0px 20px;} .slide-gallery .wrapper figcaption .yachtlogo {text-align:left;} .slide-gallery .wrapper figcaption p.tags, .slide-gallery .wrapper figcaption p.year {font:1rem !important;} /*decalogo*/ #mainContainer.decalogo-page #decalogo-text.articolo p {font-size:1.35rem;line-height:2rem;font-weight:400;letter-spacing:0.5px;} .subHeader-decalogo {margin-left:10px;padding-left:20px;border-left:1px solid #2D373D;} #decalogo-slider {margin:7rem 0px 10rem 0px;text-align:center;} #decalogo-slider .container-fluid {padding-left:0px;padding-right:0px;} #decalogo-slider .container-fluid .row {margin-left:0px;margin-right:0px;} #decalogo-slider .container-fluid .row .col-12 {padding-left:0px !important;padding-right:0px !important;} #decalogo-slider .decennale-slider .decennale-slider-wrapper { margin:60px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position:relative; overflow:hidden; } #decalogo-slider .decennale-slider .decennale-slider-wrapper figure {display:block;overflow:hidden;position:relative;} #decalogo-slider .decennale-slider .decennale-slider-wrapper figure img {display:block;width:100%;} #decalogo-slider .decennale-slider .decennale-slider-wrapper figure img.over { display:block; width:100%; position:absolute; top:0px; left:0px; opacity:0; bottom:0px; right:0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #decalogo-slider .decennale-slider .decennale-slider-wrapper a {display:block;position: absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:3;text-indent:-999px;} #decalogo-slider .decennale-slider .decennale-slider-wrapper figcaption {margin-top:40px;} #decalogo-slider .decennale-slider .decennale-slider-wrapper figcaption h3 {color:#2D373D;font-weight:normal;font-size:2.2rem;} #decalogo-slider .decennale-slider .slick-current.slick-active .decennale-slider-wrapper figure img.over {opacity:1;} #decalogo-slider .decennale-slider .slick-slide:hover .decennale-slider-wrapper figure img.over {opacity:1;} #decalogo-slider .decennale-slider .slick-slide {width:450px;margin:0px 30px;} #decalogo-slider .decennale-slider .slick-slide .decennale-slider-wrapper {width:300px;margin:75px;} #decalogo-slider .decennale-slider .slick-current.slick-active .decennale-slider-wrapper {width:350px;margin:50px;} #decalogo-slider .decennale-slider .decennale-slider-wrapper.inactive {opacity:.35;} #decalogo-slider .decennale-slider .decennale-slider-wrapper.inactive figure img.over {display:none} @media only screen and (max-width:1480px) { #decalogo-slider {margin:5rem 0px 7rem 0px;} #decalogo-slider .decennale-slider .slick-slide {width:400px;margin:0px;} #decalogo-slider .decennale-slider .slick-slide .decennale-slider-wrapper {width:260px;margin:70px;} #decalogo-slider .decennale-slider .slick-current.slick-active .decennale-slider-wrapper {width:300px;margin:50px;} } @media only screen and (max-width:1280px) { #decalogo-slider .decennale-slider .slick-slide {margin:0px 30px;} #decalogo-slider .decennale-slider .decennale-slider-wrapper figcaption {margin-top:20px} } @media only screen and (max-width:1024px) { #decalogo-slider {margin:2.5rem 0px 5rem 0px;} #decalogo-slider .decennale-slider .slick-slide {width:300px;margin:0px 40px;} #decalogo-slider .decennale-slider .slick-slide .decennale-slider-wrapper {width:260px;margin:20px;} #decalogo-slider .decennale-slider .slick-current.slick-active .decennale-slider-wrapper {width:290px;margin:5px;} } @media only screen and (max-width:780px) { #decalogo-slider .decennale-slider .slick-slide {width:300px;margin:0px 20px;} #decalogo-slider .decennale-slider .slick-slide .decennale-slider-wrapper {width:260px;margin:20px;} #decalogo-slider .decennale-slider .slick-current.slick-active .decennale-slider-wrapper {width:290px;margin:5px;} #decalogo-slider {margin-bottom:9rem;} } @media only screen and (max-width:580px) { #decalogo-slider .decennale-slider .slick-slide {width:auto;margin:0px;} #decalogo-slider .decennale-slider .slick-slide .decennale-slider-wrapper, #decalogo-slider .decennale-slider .slick-current.slick-active .decennale-slider-wrapper {width:auto;margin:0px 80px;} #decalogo-slider .decennale-slider .decennale-slider-wrapper figcaption {margin-top:10px;} #decalogo-slider {margin:2rem 0px 4.5rem 0px;} } @media only screen and (max-width:680px) { .decennale-slider .slick-prev.slick-arrow {left:10px;} .decennale-slider .slick-next.slick-arrow {right:10px;} } /*shipyard*/ @media only screen and (max-width:680px) { .slider-shipyard figcaption.position-absolute {position:relative !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;} .slider-shipyard figcaption {background:#2D373D;padding:2rem 0px !important;} } /*privacy*/ #privacyWrapper .text h1 {font-family: "neue-haas-grotesk-display", sans-serif !important;font-weight: 600 !important;font-size:22px !important;} #privacyWrapper .text h2 {font-family: "neue-haas-grotesk-display", sans-serif !important;font-weight: 500 !important;font-size:20px !important;} #privacyWrapper .text h3 {font-family: "neue-haas-grotesk-display", sans-serif !important;font-weight: 500 !important;font-size:18px !important;} #privacyWrapper .text h4 {font-family: "neue-haas-grotesk-display", sans-serif !important;font-weight: 500 !important;font-size:16px !important;} #privacyWrapper .text p {font-family: "neue-haas-grotesk-display", sans-serif !important;font-weight: 400 !important;font-size:14px !important;letter-spacing:0.5px;} /*titoli*/ .sectionTitle .wrapper-title {text-align:left !important;} .sectionTitle .wrapper-title::after {display:none !important;} /*homepage*/ #newsList.homepage {padding:4rem 0px;} .sliderNewsHome .home-slidernews-wrapper .slide-gallery {width:auto !important;} .sliderFleetHome .home-sliderfleet-wrapper .slide-gallery {width:auto !important;min-width: inherit !important;max-width: inherit !important;} .sliderFleetHome .yachtlogo, .sliderFleetHome .yachtlogo svg {height:25px !important;} .sliderNewsHome span.caption-list {background-color: #2D373D;color:#FFF; position:absolute;left:50%;transform: translateX(-50%);top:-12px} .sliderNewsHome .wrapper figcaption {padding-top:35px !important;} .sliderNewsHome .wrapper figure.bg-cover {background-size:cover !important;background-position: center !important;} @media only screen and (max-width:680px) { #newsList .sliderNewsHome .slide-gallery .wrapper {margin:0px 5px !important;} } .caption-experience {background:#9e6f56 !important;} /*frecce slider*/ .sliderFleetHome .slick-arrow.slick-prev, .sliderNewsHome .slick-arrow.slick-prev {left:-20px !important;} .sliderFleetHome .slick-arrow.slick-next, .sliderNewsHome .slick-arrow.slick-next {right:-20px !important;} /*slider home*/ #slider-home {margin-top:0px !important;overflow:hidden;} #slider-home .slider-home-inside-wrapper {position:relative;overflow:hidden;} #slider-home .home-slide-over {position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:9;opacity:0;} #slider-home .home-slide-base {position:relative;z-index:1;} #slider-home .slick-slide.slick-current.slick-active .home-slide-over { animation-name: fadeAnimation; animation-direction: alternate; animation-duration: 6000ms; animation-iteration-count: 1; animation-delay: 1000ms; } @keyframes fadeAnimation { 0% {opacity:0;} 15% {opacity:0;} 30% {opacity:1;} 80% {opacity:1;} 90% {opacity:0;} 100% {opacity:0;} } .home-slider-wrapper figcaption {position:absolute;top:10%;left:0px;right:0px;text-align:center;z-index:9;} .home-slider-wrapper figcaption h2 {font-family:'PPEditorialNew-Ultralight' !important;font-weight: inherit !important;color:#FFF;font-size:5rem;margin:0px;padding:0px;} .home-slider-wrapper figcaption h2 span {font-family:'PPEditorialNew-UltralightItalic' !important;font-weight:inherit !important;position:relative;} .home-slider-wrapper figcaption h2 span::after { content: ""; position: absolute; bottom: 10px; left: 0px; right: 0px; width: 100%; height: 1px; background: #FFF; } .home-slider-wrapper figcaption img.logo-line {width:auto;height:30px;margin:0px auto;} .home-slider-wrapper figcaption a {display:inline-block;margin-top:2rem;} @media only screen and (max-width:1440px) { .slider-home-single .slick-arrow.slick-prev {left:10px;} .slider-home-single .slick-arrow.slick-next {right:10px} .home-slider-wrapper figcaption h2 {font-size:4rem;} } @media only screen and (max-width:1100px) { .home-slider-wrapper figcaption h2 {font-size:3rem;} .home-slider-wrapper figcaption img.logo-line {height:20px;} .home-slider-wrapper figcaption a {margin-top:1rem;} } @media only screen and (max-width:680px) { .home-slider-wrapper figcaption {position:relative;top:auto;left:auto;right:auto;text-align:center;z-index:9;background:#2D373D;padding-top:20px !important;} .home-slider-wrapper figcaption img.logo-line {height:14px;} } /*company*/ #mainContainer.company-page-new.company-2023 video {pointer-events:none !important;} #mainContainer.company-page-new.company-2023 p {letter-spacing:0.5px;} #mainContainer.company-page-new.company-2023 .display-1 {font-size: calc(1.625rem + 3vw);line-height:normal;} #mainContainer.company-page-new.company-2023 #mainWrapper p.mt-5 {margin-top:1.5rem !important} /*fleet slider*/ .sliderFleet .slide-gallery .wrapper {margin:0px 5px !important;} @media only screen and (max-width:1040px) {.slide-gallery .wrapper {margin: 0px 5px !important;}} @media only screen and (max-width:680px) { .sliderFleet .slick-prev.slick-arrow {left:0px;} .sliderFleet .slick-next.slick-arrow {right:0px;} } /*linee titolo*/ #line-models-intro .logoLine {height:40px;width:auto;margin:0px;} #line-models-intro .logoLine .svg-container {position:relative;height:40px;width:215px;padding:0;margin:0px;} #line-models-intro .logoLine .svg-container svg {position:absolute;top:0;left:0;width:100%;fill:#2D373D;transition:all 0.5s ease-in-out;} #line-models-intro h1 span {position: relative;} #line-models-intro h1 span::after { content: ""; position: absolute; bottom: 10px; left: 0px; right: 0px; width: 100%; height: 1px; background: #2D373D; } .card.card-line-single-model {margin:0px 5px !important} /*linee prodotto*/ #mainContainer.line-yacht-page #ctaWrapper {display:none !important;} #line-video-intro video {pointer-events:none;display:block;width:100%;margin:0px;border:0px;} #video-sound {display:block;width:60px;height:60px;border:1px solid #FFF;border-radius:50%;margin:0px auto;line-height:60px;font-size:2rem;color:#FFF;cursor:pointer;} #video-sound:hover {background:#FFF;color:#2D373D;} #video-sound i.bi {transition:opacity 0.3s ease-in-out;position:absolute;top:0px;left:0px;width:100%;height:100%;opacity:0;} #video-sound i.bi.bi-volume-up {opacity:1;} #video-sound i.bi.bi-volume-mute {opacity:0;} #video-sound.unmute i.bi.bi-volume-up {opacity:0;} #video-sound.unmute i.bi.bi-volume-mute {opacity:1;} .line-fleet-slider .line-fleet-slider-wrapper .slide-gallery {width:auto !important;min-width: inherit !important;max-width: inherit !important;} .line-fleet-slider .line-fleet-slider-wrapper .slide-gallery svg {height:25px !important;} #line-fleet-slider-arrow .slick-arrow {position:relative !important;right:inherit; left:inherit;margin:0px 2.5px} #line-yachtdetails-slider-arrow .slick-arrow {position:relative !important;right:inherit; left:inherit;margin:0px 2.5px;} #line-yachtdetails-slider-arrow .slick-arrow:hover {box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.25);} @media only screen and (max-width:680px) { #line-yachtdetails-slider-arrow .slick-prev.slick-arrow {margin-right:-15px;} } .card.card-line-single-model a {position:absolute;top:0px;left:0px;right:0px;bottom:0px;display:block;text-indent:-999999px;z-index:5;} .card.card-line-single-model figure {padding:20px !important} .card.card-line-single-model .card-body {padding:0px 40px 20px 40px !important} .card.card-line-single-model .card-body h2 img {width:100%;max-width:250px;} #line-journey {background:url('/assets/img/journey-2023/journey-map-home.svg') #2D373D no-repeat 100% 50%; background-size:65%;overflow:hidden;position:relative;} #line-journey::before { content: ""; position:absolute; top:0px; right:0px; left:0px; bottom:0px; width:100%; background: rgb(133,143,139); background: linear-gradient(0deg, rgba(133,143,139,1) 0%, rgba(255,255,255,0) 100%); z-index:1; } #line-journey .container {position: relative;z-index:5;} #line-journey a.btn {background:#858F8B !important;color:#FFF !important;} #line-journey a.btn:hover {background:#FFF !important;color:#858F8B !important;} #line-journey .container {position:relative;z-index:5;} @media only screen and (max-width:680px) { #line-journey {background-size:75%;} #line-journey::after { opacity:.35; content: ""; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background:#858F8B; z-index:1; } #line-journey::before { content: ""; position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:2; background: rgb(133,143,139); background: linear-gradient(-90deg, rgba(133,143,139,1) 0%, rgba(255,255,255,0) 100%); } } /*slider video tecnici*/ .line-video-tecnici-slider .card.card-line-video-tecnici {width:100%;max-width:1180px;padding:0px 5px} .line-video-tecnici-slider .card.card-line-video-tecnici a {position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:5;text-indent:-9999px;cursor:pointer;} .line-video-tecnici-slider .card.card-line-video-tecnici figure .video-over {position:absolute;top:0px;left:0px;right:0px;z-index:1;opacity:0;} .line-video-tecnici-slider .card.card-line-video-tecnici figure .video-over video {display:block;width:100%;margin:0px;padding:0px;border:0px;outline:none;} .line-video-tecnici-slider .card.card-line-video-tecnici .card-body {width:100%;max-width:750px;margin:3rem auto 0px auto !important;opacity:0;} .line-video-tecnici-slider .card.card-line-video-tecnici .card-title {font-family:'PPEditorialNew-UltralightItalic' !important;font-weight: inherit !important;font-size:3.5rem;} .line-video-tecnici-slider .card.card-line-video-tecnici .card-text {font-weight:300;letter-spacing:1px;font-size: 2rem;} .line-video-tecnici-slider .card.card-line-video-tecnici span.icon-play {display:block;width:50px;height:50px;border-radius:50%;border:1px solid #FFF;text-align:center;line-height:50px;font-size:2rem;} .line-video-tecnici-slider .slick-slide.slick-current.slick-active .card.card-line-video-tecnici figure .video-over, .line-video-tecnici-slider .card.card-line-video-tecnici .card-body {transition:all 0.5s ease-in-out;} .line-video-tecnici-slider .slick-slide.slick-current.slick-active .card.card-line-video-tecnici figure .video-over {opacity:1;} .line-video-tecnici-slider .slick-slide.slick-current.slick-active .card.card-line-video-tecnici .card-body {opacity:1;} .line-video-tecnici-slider .slick-slide .card.card-line-video-tecnici {transform: scale(.90);opacity:0.2;transition:all 0.5s ease-in-out;} .line-video-tecnici-slider .slick-slide.slick-current.slick-active .card.card-line-video-tecnici {opacity:1;transform:none;} .line-video-tecnici-slider .slick-prev.slick-arrow {left:20px;} .line-video-tecnici-slider .slick-next.slick-arrow {right:20px;} @media only screen and (max-width:1380px) {.line-video-tecnici-slider .card.card-line-video-tecnici {max-width:1020px;}} @media only screen and (max-width:1180px) {.line-video-tecnici-slider .card.card-line-video-tecnici {max-width:890px;}} @media only screen and (max-width:1024px) { .line-video-tecnici-slider .card.card-line-video-tecnici {max-width:780px;} .line-video-tecnici-slider .card.card-line-video-tecnici .card-body {width:auto;max-width:590px;margin-top:1rem !important} .line-video-tecnici-slider .card.card-line-video-tecnici .card-title {font-size:2.5rem;} .line-video-tecnici-slider .card.card-line-video-tecnici .card-text {font-size:1.5rem;} } @media only screen and (max-width:768px) { .line-video-tecnici-slider .card.card-line-video-tecnici {max-width:620px;} .line-video-tecnici-slider .card.card-line-video-tecnici .card-body {width:auto;max-width:inherit;margin:1rem 2rem 0px 2rem !important} } @media only screen and (max-width:680px) { .line-video-tecnici-slider {padding-left:20px;padding-right:20px;} } /*modale video tecnici*/ .modal-video-tecnici .modal-body {margin:0px !important;padding:0px !important;} .modal-video-tecnici .modal-content {background:rgba(15, 15, 15, 0.95) !important;} .modal-video-tecnici .video-tecnici-wrapper {width:auto !important;height:75vh !important;margin:0px auto !important;text-align:center;} .modal-video-tecnici .video-tecnici-wrapper video {width:auto !important;height:75vh !important;margin:0px auto;} @media only screen and (max-width:1024px) { .modal-video-tecnici .video-tecnici-wrapper {padding-left:40px;padding-right:40px;} .modal-video-tecnici .video-tecnici-wrapper video {width:100% !important;height:auto !important;margin:0px;} } .modal-video-tecnici .btn-close {transition:all 0.5s ease-in-out;opacity:1;position:absolute;bottom:40px;left:50%;transform: translateX(-50%);border:1px solid #FFF;display:block;width:40px;height:40px;background:#0f0f0f;border-radius:50%;} .modal-video-tecnici .btn-close:hover {background:#FFF;} .modal-video-tecnici .btn-close::before { transition:all 0.5s ease-in-out; display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml,"); background-repeat: no-repeat; background-size: 40px; width: 40px; height: 40px; } .modal-video-tecnici .btn-close:hover::before { background-image: url("data:image/svg+xml,"); } @media only screen and (max-width:680px) { .line-models-slider .slick-prev.slick-arrow {left:-10px;} .line-models-slider .slick-next.slick-arrow {right:-10px} .line-video-tecnici-slider .slick-prev.slick-arrow {left:0px;} .line-video-tecnici-slider .slick-next.slick-arrow {right:0px} } /*schede tecniche*/ #scheda-intro {margin-top:80px;} #scheda-intro p {letter-spacing:0.5px;font-size:1.35rem !important;margin-top:30px !important} @media only screen and (max-width:1180px) {#scheda-intro p.fs-4 {font-size:1.35rem !important;}} @media only screen and (max-width:768px) {#scheda-intro {margin-top:0px;}} @media only screen and (max-width:680px) {#scheda-intro {padding-top:0px !important;}} #scheda-specifiche hr {margin-top:0px;border:none;border-top:1px solid #2D373D;opacity:1;} #accordion-specification .accordion-item {border:none;border-top:1px solid #2D373D;} #accordion-specification .accordion-item button {padding:1.5rem 0px;font-weight:300;font-size:2rem;border:none;outline:none;box-shadow:none;letter-spacing:1px;transition:all 0.5s ease-in-out;} #accordion-specification .accordion-item button.accordion-button.collapsed {opacity:0.75;} #accordion-specification .accordion-item button.accordion-button.collapsed:hover {opacity:1;} #accordion-specification .accordion-item button.accordion-button {opacity:1;} #accordion-specification .accordion-item button.accordion-button {background:#FFF;} #accordion-specification .accordion-item button.accordion-button::after {display:block;width:40px;height:40px;border-radius:50%;background-color: #2D373D;background-image:url('../img/godown-white.svg');background-position:center;background-repeat:no-repeat;background-size:40px;} #accordion-specification .accordion-body {padding:0px 0px 2rem 0px;} #accordion-specification .accordion-body hr {margin:0.75rem 0px !important} #accordion-specification .spec-list h6, #accordion-specification .spec-list p {font-size:16px !important;letter-spacing:0.5px;} #accordion-specification .spec-list h6 {text-transform:uppercase;font-weight:600;} #accordion-specification .spec-list p {font-weight:500;letter-spacing:0.5px;} #accordion-specification .spec-list p small {text-transform:lowercase !important;opacity:0.8;} @media only screen and (max-width:1180px) { #accordion-specification .accordion-item button.accordion-button::after {width:30px;height:30px;background-size:30px;} } /*general planes*/ #scheda-piani {background:#E5E5E5;} #scheda-piani .card.card-scheda-piani .card-image figure {text-align:center !important;} #scheda-piani .card.card-scheda-piani .card-image figure img {width:100% !important;max-width:1180px !important;margin:0px auto !important;} #scheda-piani .card.card-scheda-piani .card-body {border-top:1px solid #afafaf !important;margin-top:0px !important;margin:0px 20px !important;} #scheda-piani .card.card-scheda-piani .card-body .justify-content-between {justify-content:center !important;} #scheda-piani .slider-scheda-piani {margin-top:2rem !important} #scheda-piani .slider-scheda-piani .mt-4.mt-md-5 {margin-top:20px !important;} #scheda-piani .slider-scheda-piani .mt-3.mt-md-5 {margin-top:10px !important;} @media only screen and (min-width:1025px) { #scheda-piani .slider-scheda-piani .slick-arrow {width:50%;height:100%;top:0px;bottom:0px;} #scheda-piani .slider-scheda-piani .slick-arrow.slick-prev {cursor: url('../img/goprew.png') 60 60, auto;} #scheda-piani .slider-scheda-piani .slick-arrow.slick-next {cursor: url('../img/gonext.png') 60 60, auto;} #scheda-piani .slider-scheda-piani .slick-arrow.slick-arrow:before, #scheda-piani .slider-scheda-piani .slick-arrow::after {display:none !important;} } @media only screen and (max-width:1024px) { #scheda-piani .slider-scheda-piani .slick-arrow {width:60px;height:60px;background:#FFF;border-radius:50%; overflow:hidden;} #scheda-piani .slider-scheda-piani .slick-arrow.slick-prev {left:-20px;} #scheda-piani .slider-scheda-piani .slick-arrow.slick-next {right:-20px} #scheda-piani .slider-scheda-piani .slick-arrow::before {width:auto !important;left:15px;right:15px;bottom:auto;top:33px} #scheda-piani .slider-scheda-piani .slick-arrow::after {bottom:auto;top:28px;} #scheda-piani .slider-scheda-piani .slick-arrow.slick-prev::after {left: 14px;} #scheda-piani .slider-scheda-piani .slick-arrow.slick-next::after {right: 14px;} #scheda-piani .slider-scheda-piani .slick-arrow.slick-prev, #scheda-piani .slider-scheda-piani .slick-arrow.slick-next {cursor:default;} #scheda-piani .slider-scheda-piani .slick-arrow {background:#2D373D;} #scheda-piani .slider-scheda-piani .slick-arrow::before {background:#FFF;} #scheda-piani .slider-scheda-piani .slick-arrow::after {background:#FFF;} #scheda-piani .slider-scheda-piani .slick-arrow:hover {background:#2D373D;} #scheda-piani .slider-scheda-piani .slick-arrow:hover::before {background:#FFF;} #scheda-piani .slider-scheda-piani .slick-arrow:hover::after {background:#FFF;} #scheda-piani .slick-arrow, .circle-arrow .slick-arrow {transform:scale(0.7);} } #scheda-tecnologie {background:#333333;} #accordion-tecnologie .accordion-item {border:none;border-top:1px solid #FFF;background:#333333;} #accordion-tecnologie .accordion-item button {color:#FFF;padding:1.5rem 0px;font-weight:300;font-size:2rem;border:none;outline:none;box-shadow:none;letter-spacing:1px;opacity:0.75;transition:all 0.5s ease-in-out;} #accordion-tecnologie .accordion-item button.accordion-button.collapsed {opacity:0.75;} #accordion-tecnologie .accordion-item button.accordion-button.collapsed:hover {opacity:1;} #accordion-tecnologie .accordion-item button.accordion-button {opacity:1;} #accordion-tecnologie .accordion-item button.accordion-button {background:#333333;} #accordion-tecnologie .accordion-item button.accordion-button::after {display:block;width:40px;height:40px;border-radius:50%;background-color: #FFF;background-image:url('../img/godown-blue.svg');background-position:center;background-repeat:no-repeat;background-size:40px;} #accordion-tecnologie .accordion-body {padding:1rem 0px 3rem 0px;} @media only screen and (max-width:1180px) { #accordion-tecnologie .accordion-item button.accordion-button::after {width:30px;height:30px;background-size:30px;} #accordion-tecnologie .accordion-item button {font-size:2rem;} } #scheda-gallery .grid.grid-scd-gallery .gutter__sizer {width:0;margin:0px;} #scheda-gallery .grid.grid-scd-gallery .grid__item {width:33.3333% !important;} #scheda-gallery .grid.grid-scd-gallery .grid__item.grid-item-width2 {width:66.6667% !important;} #scheda-gallery .grid.grid-scd-gallery .wrapper-scd-gallery {overflow:hidden;} #scheda-gallery .grid.grid-scd-gallery .wrapper-scd-gallery {margin:5px;} #scheda-gallery .grid.grid-scd-gallery .wrapper-scd-gallery a {position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:9;display:block;text-indent:-9999px;} #scheda-gallery .grid.grid-scd-gallery .wrapper-scd-gallery img {transition: all 0.5s ease-in-out;} #scheda-gallery .grid.grid-scd-gallery .wrapper-scd-gallery:hover img {transform: scale(1.1);} @media only screen and (max-width:680px) { #scheda-gallery .grid.grid-scd-gallery .grid__item {width:50% !important;} #scheda-gallery .grid.grid-scd-gallery .grid__item.grid-item-width2 {width:100% !important;} } /*fleet*/ #banner-yacht-page.photoGalleryPage, #banner-yacht-page.photoGalleryPage figure {height:100vh !important;min-height:800px !important;overflow:hidden !important;} /*oneoff*/ .card.card-line-single-model.one-off figure {padding:10px 10px 20px 10px !important;} .card.card-line-single-model.one-off .card-body {padding:0px 20px 20px 20px !important;} #mainContainer.one-off-page #scheda-intro {padding-top:0px !important;padding-bottom:0px !important;margin-top:0px !important;} #mainContainer.one-off-page #scheda-intro h1 img {width:100%;max-width:380px;} #mainContainer.one-off-page #line-models .card.card-line-single-model figure {padding:10px 10px 20px 10px !important;} #mainContainer.one-off-page #line-models .card.card-line-single-model .card-body {padding:0px 20px 20px 20px !important;} #line-models .card.card-line-single-model .card-body h2 {height:40px !important;} @media only screen and (max-width: 680px) { .card.card-line-single-model.one-off {margin-left:0px !important;margin-right:0px !important;} .one-off-slider .slick-arrow.slick-prev {left:-10px !important;} .one-off-slider .slick-arrow.slick-next {right:-10px !important;} } /*journey*/ body.homepage #pageContainer {position:relative;z-index:99;margin-top:-10rem;} @media only screen and (max-width: 680px) { #journey-home {padding-top:0px !important;} body.homepage #pageContainer {margin:0rem;} #journey-home {position: relative;padding-top:3rem !important;} #journey-home::after {content:"";position:absolute;top:0px;left:0px;right:0px;height:40%;width:100%;background:#2D373D;} } #journey-home {padding:0px 0px 7rem 0px;overflow:hidden;} #journey-home .card-journey-home {background-image: url('../img/journey-2023/journey-map-home.svg');background-repeat: no-repeat;background-size: contain;background-position:center right;background-color: #2D373D;overflow:hidden;} #journey-home .card-journey-home::before { content: ""; position:absolute; top:0px; right:0px; left:0px; bottom:0px; width:100%; background: rgb(133,143,139); background: linear-gradient(0deg, rgba(133,143,139,1) 0%, rgba(255,255,255,0) 100%); z-index:1; } #journey-home .card-journey-home .row {position:relative;z-index:2;} @media only screen and (max-width: 768px) {#journey-home {padding:7rem 0px 5rem 0px;}} @media only screen and (max-width: 680px) { #journey-home .card-journey-home {border:1px solid rgba(133,143,139,0.1) !important;} #journey-home .card-journey-home::before { width:100%; height:85%; top:auto; right:0px; left:0px; bottom:0px; background: linear-gradient(1800deg, rgba(133,143,139,1) 0%, rgba(255,255,255,0) 100%); } #journey-home .card-journey-home {padding-top:10rem !important;background-position:center top !important;} } @media only screen and (min-width: 770px) { #text-journey-page { background-image: url('../img/journey-2023/journey-map-page.svg'); background-repeat: no-repeat; background-position: 105% 30%; background-size: 50%; } } .gradient-journey-page {position:relative;overflow:hidden;background:#2D373D;} .gradient-journey-page::before { content: ""; position:absolute; top:0px; right:0px; left:0px; bottom:0px; width:100%; background: rgb(133,143,139); background: linear-gradient(0deg, rgba(133,143,139,1) 0%, rgba(255,255,255,0) 100%); z-index:1; } .gradient-journey-page section .container {position:relative;z-index:5;} .card.card-journey {overflow:hidden;margin-top:5px;margin-bottom:5px;} .card.card-journey a {display:block;position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:9;text-indent:-9999px;} .card.card-journey figure {border:10px solid #FFF;overflow:hidden;} .card.card-journey figure img { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .card.card-journey:hover figure img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .card.card-journey .card-body {padding:10px 20px 20px 20px;} .grid.grid-journey .gutter__sizer {width:0;margin:0px;} .grid.grid-journey .grid__item {width:33.3333% !important;} .grid.grid-journey .grid__item.grid-item-width2 {width:66.6667% !important;} .grid.grid-journey .wrapper-journey {overflow:hidden;} .grid.grid-journey .wrapper-journey {margin:5px;} .grid.grid-journey .wrapper-journey a {position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:9;display:block;text-indent:-9999px;} .grid.grid-journey .wrapper-journey img {transition: all 0.5s ease-in-out;} .grid.grid-journey .wrapper-journey:hover img {transform: scale(1.1); } #mainContainer.journey-dettaglio .subHeader-yacht {margin-left:10px;padding-left:20px;border-left:1px solid #2D373D;} #mainContainer.journey-dettaglio #ctaWrapper {display:none !important;} #mainContainer.journey-dettaglio #journey-page-banner figure.yacht-image {width:100%;max-width:380px;} #mainContainer.journey-dettaglio #journey-page-banner h3 {font-size:2.5rem;} @media only screen and (max-width:680px) { #mainContainer.journey-dettaglio #banner-yacht-page .position-absolute {background:#2D373D !important;} #mainContainer.journey-dettaglio #banner-yacht-page h1 {color:#FFF !important;} #text-journey-page {padding-top:2rem !important} .grid.grid-journey .grid__item {width:50% !important;} .grid.grid-journey .grid__item.grid-item-width2 {width:100% !important;} #journey-page-banner.journey-banner-mappa .container-fluid {padding-left:0px !important;padding-right:0px !important;} #journey-page-banner.journey-banner-mappa .journey-world-wrapper {margin-top:20px !important;} #journey-page-banner.journey-banner-mappa .col-md-4 {padding-left:30px !important;padding-right:30px !important;} #journey-page-banner.journey-banner-mappa h6.mt-5 {margin-top:0px !important} #journey-page-banner.journey-banner-mappa .py-5 {padding-top:0px !important} #mainContainer.journey-dettaglio #journey-page-banner figure.yacht-image {max-width:240px;} } /*journey map point*/ #journey-world-wrapper .point {width:20px;height:20px;border-radius:50%;background:#9E6F56;position:absolute;z-index:2;} #journey-world-wrapper .point::after { content: ""; position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:20px; height:20px; z-index:1; border-radius:50%; animation: pulse-white 2s ease-in-out infinite; } @keyframes pulse-white { 0% { width:20px;height:20px; background:rgba(158, 111, 86, 0.75); } 100% { width:70px;height:70px; background:rgba(158, 111, 86, 0); } } #journey-world-wrapper .point.first-point {width:20px;height:20px;border-radius:50%;background:#2D373D;position:absolute;z-index:2;} #journey-world-wrapper .point.first-point::after { content: ""; position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:20px; height:20px; z-index:1; border-radius:50%; animation: pulse-grigio-scuro 2s ease-in-out infinite; } @keyframes pulse-grigio-scuro { 0% { width:20px;height:20px; background:rgba(45, 55, 60, 0.75); } 100% { width:70px;height:70px; background:rgba(45, 55, 60, 0); } } /*journey list yacaht*/ #yacht-section .col-md-3 {opacity:0.4;} #yacht-section #darwin-selected {opacity:1;} #yacht-section #flexexplorer-selected {opacity:1;} #yacht-section #rjclass-selected {opacity:1;} #yacht-section #deepblue-selected {opacity:1;} #yacht-section .col-md-3:hover {opacity:1;} /*journey list*/ #journey-list {position:relative;overflow:hidden;} #journey-list::before { content: ""; position:absolute; top:0px; right:0px; left:0px; bottom:0px; width:100%; background: rgb(133,143,139); background: linear-gradient(0deg, rgba(133,143,139,1) 0%, rgba(255,255,255,0) 100%); z-index:1; } #journey-list .container {position:relative;z-index:5;} #journey-gallery {position:relative;overflow:hidden;background: #2D373D;} #journey-gallery::before { content: ""; position:absolute; top:0px; right:0px; left:0px; bottom:0px; width:100%; background: rgb(133,143,139); background: linear-gradient(0deg, rgba(133,143,139,1) 0%, rgba(255,255,255,0) 100%); z-index:1; } #journey-gallery .container {position:relative;z-index:5;} /*journey intro page*/ #banner-yacht-page.journey-intro-page figure::before { content: ""; position:absolute; right:0px; left:0px; bottom:0px; width:100%; height:30%; background: rgb(245,245,245); background: linear-gradient(0deg, rgba(245,245,245,1) 0%, rgba(255,255,255,0) 100%); z-index:9; } @media only screen and (max-width:1380px) { .journey-map-intro figure {width:120% !important;margin-left:-10% !important;margin-right:-10% !important;} } @media only screen and (max-width:1024px) { .journey-map-intro figure {width:135% !important;margin-left:-20% !important;margin-right:-15% !important;} } @media only screen and (max-width:680px) { .journey-map-intro figure {width:100% !important;margin-left:0% !important;margin-right:0% !important;} #mainContainer.journey-dettaglio #banner-yacht-page.journey-intro-page .position-absolute {background:#F5F5F5 !important;} #mainContainer.journey-dettaglio #banner-yacht-page.journey-intro-page .position-absolute h1 {color:#2D373D !important;margin-top:20px !important;margin-bottom:10px !important;} } /*journey tooltip*/ .journey-tooltip {font-size:1rem;letter-spacing:0.5px;--bs-tooltip-bg: #2D373D !important;--bs-tooltip-color:#FFF !important;} /*RAW*/ #raw-home .card-raw-home { background: #2F373D;} #raw-home .slick-arrow {display: none !important} @media only screen and (max-width: 680px) { #raw-home {padding-top:0px !important;} #raw-home {position: relative;padding-top:3rem !important;} #raw-home::after {content:"";position:absolute;top:0px;left:0px;right:0px;height:40%;width:100%;background:#2D373D;} } #raw-home {padding:0px 0px 7rem 0px;overflow:hidden;} @media only screen and (max-width: 768px) {#raw-home {padding:7rem 0px 5rem 0px;}} @media only screen and (max-width: 680px) { #raw-home .card-raw-home {border:1px solid rgba(133,143,139,0.1) !important;} #raw-home .card-raw-home::before { width:100%; height:85%; top:auto; right:0px; left:0px; bottom:0px; background: linear-gradient(1800deg, rgba(133,143,139,1) 0%, rgba(255,255,255,0) 100%); } #raw-home .card-raw-home {/*padding-top:10rem !important;*/background-position:center top !important; box-shadow: 0px 0px 10px #000} }