@font-face{font-family: 'robotolight'; src: url('roboto_300-webfont.woff2') format('woff2'),url('roboto_300-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap}@font-face {font-family: 'robotoregular'; src: url('roboto-regular-webfont.woff2') format('woff2'),url('roboto-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap}@font-face{font-family: 'robotomedium'; src: url('roboto_500-webfont.woff2') format('woff2'),url('roboto_500-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap} HTML{-webkit-text-size-adjust: 100%}BODY{margin: 0px; overflow: visible; background: #fff}BODY:has(.icon-menu--active){overflow: hidden}BODY:has(.mask--active){overflow: hidden} H1,H2,H3,H4,H5,DIV,P,A,SPAN,IMG,UL,LI,FIELDSET,FORM,INPUT,SELECT,OPTION,TEXTAREA,LABEL,TABLE,TH,TR,TD,IFRAME{color: #181818; font-family: 'robotoregular',sans-serif; font-size: 12px; line-height: 12px; font-weight: 400; letter-spacing: 0px; word-spacing: 0px; text-wrap: pretty; margin: 0px; padding: 0px; list-style-type: none}IMG,FORM,FIELDSET{border: none}TABLE{border-spacing: 0px; border-collapse: collapse} :root{ --primary-color: #910039; --second-color: #f4f4f4; --border-color: #c8c8c8} H1,H1 SPAN{font-family: 'robotolight',sans-serif; color: #404040; font-size: 48px; line-height: 54px; letter-spacing: -2.5px; font-weight: 300}H1 SPAN{font-style: italic}H1{padding: 50px 0px 35px 0px}H1.border{margin: 0px 0px 50px 0px; padding-bottom: 30px; position: relative}H1.border::after{content: ' '; width: 120px; height: 3px; position: absolute; left: 0px; bottom: 0px; background: #888} H2,H2 SPAN{color: #404040; font-size: 32px; line-height: 40px; letter-spacing: -1.5px}H2 SPAN{font-style: italic}H2{padding: 20px 0px 25px 0px} H2.border{margin: 0px 0px 45px 0px; padding: 0px 0px 25px 0px; position: relative}H2.border-center{text-align: center}H2.border::after{content: ' '; width: 80px; height: 3px; position: absolute; left: 0%; bottom: 0px; background: #888}H2.border-center::after{margin-left: -40px; left: 50%} H3,H3 SPAN{font-family: 'robotomedium',sans-serif; color: #202020; font-size: 20px; line-height: 1; font-weight: 500}H3 SPAN{font-style: italic}H3{padding: 15px 0px 15px 0px} P.intro,P.intro *{font-family: 'robotolight',sans-serif; color: #000; font-size: 22px; line-height: 32px; font-weight: 300} P.intro A{color: #3366bb}P.intro SPAN.italic{font-style: italic; padding-right: 2px} P.intro STRONG{font-family: 'robotomedium',sans-serif; font-weight: 500}P.intro{padding: 0px 0px 30px 0px} P.intro + H2{padding-top: 15px}P.intro + H3{padding-top: 10px} P.main,P.main *{font-size: 16px; line-height: 24px}P.main A{color: #3366bb}P.main SPAN.italic{font-style: italic; padding-right: 2px} P.main STRONG{font-family: 'robotomedium',sans-serif; color: #000; font-weight: 500}P.main{padding: 0px 0px 25px 0px} HEADER{width: 100%; height: 90px; border-bottom: solid 1px var(--border-color); position: fixed; top: 0px; z-index: 11; background-color: rgba(255,255,255,0.9)}#icon-logo{width: 182px; height: 40px; display: block; position: absolute; left: 5%; top: 26px; background: url(../images/pinnacle-marine-logo-small.webp)}#icon-logo SPAN{display: none} .container{width: 90%; max-width: 1000px; margin: 0px auto; position: relative}.container-top{margin-top: 90px}.container-bottom{padding-bottom: 50px} .main-nav{text-align: right; width: calc(100% - 200px - 5%); position: absolute; right: 5%; top: 42px}.main-nav A,.main-nav SPAN.link{color: #000; font-size: 16px; line-height: 16px; text-decoration: none; margin-left: 20px; cursor: pointer}.main-nav SPAN.left{margin: 0px}.main-nav SPAN.link{padding-right: 20px; position: relative}.main-nav SPAN.link::after{content: " "; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent; position: absolute; right: 0px; top: 9px} .dropdown-responsive,.icon-menu{display: none} .dropdown-default{text-align: center; width: 100%; height: 0px; overflow: hidden; position: fixed; top: 91px; z-index: 99; transition: all .1s ease-in-out; background: #fff}.dropdown-default--active{height: auto; padding: 45px 0px 45px 0px; border-bottom: solid 1px var(--border-color); overflow: visible} .dropdown-default-inner{max-width: 1200px; display: flex; justify-content: space-between}.dropdown-default-inner A{font-size: 16px; line-height: 16px; text-decoration: none; margin: 0px 10px; padding: 12px 0px; border: solid 1px var(--border-color); display: inline-block; transition: all .3s ease-in-out; background: #fff}.dropdown-default-inner A.one-of-3{width: calc(33.33% - 30px)}.dropdown-default-inner A.one-of-4{width: calc(25% - 30px)}.dropdown-default-inner A:hover{background: #e8e8ea} .dropdown-default-inner .circle{width: 40px; height: 40px; margin-left: -21px; border: solid 1px #a0a0a0; border-radius: 50%; position: absolute; left: 50%; bottom: -65px; background: #fff}.dropdown-default-inner .circle-mask{width: 60px; height: 22px; margin-left: -30px; position: absolute; left: 50%; bottom: -45px; background: #fff} .dropdown-default-inner .circle-close{width: 42px; height: 42px; margin-left: -20px; cursor: pointer; position: absolute; left: 50%; bottom: -65px; transition: all .3s ease-in-out; background: transparent}.dropdown-default-inner .circle-close:hover *{background: #ff0000}.dropdown-default-inner .circle-close *{width: 20px; height: 2px; position: absolute; left: 11px; top: 21px; background: #606060} .dropdown-default-inner .circle-close DIV.div-1{transform: rotate(45deg)}.dropdown-default-inner .circle-close DIV.div-2{transform: rotate(-45deg)} PICTURE,PICTURE *{line-height: 0px; width: 100%; height: auto}FOOTER{padding: 60px 0px 50px 0px; background: #fff} .footer{display: inline-block; vertical-align: top}.footer-1-of-3{width: 250px; padding-right: 140px}P.subscribe-newsletter{font-size: 18px; line-height: 1; font-weight: bold; padding: 0px 0px 30px 0px}P.number-email{color: #000; font-family: 'robotolight'; font-size: 18px; line-height: 34px; font-weight: 300} .footer-2-of-3{width: 260px; padding-right: 140px}.footer-3-of-3{width: calc(100% - 390px - 400px)} P.footer-header{color: #000; font-size: 18px; line-height: 18px; font-weight: bold; padding: 0px 0px 25px 0px}P.footer-link A{font-size: 14px; line-height: 20px; text-decoration: none; border-bottom: solid 1px #fff; transition: all .3s ease-in-out}P.footer-link A:hover{border-bottom: solid 1px #000}P.footer-link{padding: 0px 0px 10px 0px}P.footer-link:last-child{padding: 0px} #mc_embed_signup{margin: 0px 0px 35px 0px; position: relative}#mc_embed_signup FORM{width: 100%; margin: 0px; padding: 0px; position: relative} #mc_embed_signup #fixed-height{display: flex}#mc_embed_signup INPUT{color: #000; font-size: 16px; line-height: 16px; width: auto; margin: 0px; padding: 8px 10px; border: solid 1px var(--border-color); background: #fff}#mc_embed_signup INPUT:focus{outline: none}#mc_embed_signup INPUT.email{width: calc(100% - 48px - 31px)}#mc_embed_signup INPUT.submit{font-family: 'robotomedium',sans-serif; color: #fff; font-weight: 500; text-align: center; width: 48px; padding: 0px; cursor: pointer; transition: all .3s ease-in-out; background-color: var(--primary-color)}#mc_embed_signup INPUT.submit:hover{background-color: #000} #mc-throbber{width: 47px; border-left: solid 1px var(--border-color); display: none; background: #fff url(../images/throbber-small.gif) no-repeat center center}  #footer-admin{text-align: center; padding: 30px 0px; background: #000}#footer-admin A,#footer-admin SPAN{color: #e8e8e8; font-size: 12px; line-height: 12px; text-decoration: none; text-transform: uppercase; letter-spacing: 1px} #footer-admin SPAN{margin: 0px 25px} BODY .no-padding{padding-bottom: 0px} INPUT.text::placeholder{color: #000; opacity: 1}TEXTAREA.text::placeholder{color: #000; opacity: 1}.no-wrap{white-space: nowrap} .home-video{width: 100%; height: auto; min-height: 56vw; display: block}H1.home{color: #fff; font-size: 150px; line-height: 1; letter-spacing: -12px; width: calc(100% - 200px); padding: 30px 100px 35px 100px; position: absolute; left: 0px; top: 190px; background: rgba(0,0,0,.25)}H1.home SPAN{display: block} @media only screen and (max-width: 1060px){H1.home{font-size: 100px; width: 90%; letter-spacing: -8px; padding-right: 5%; padding-left: 5%}}@media only screen and (max-width: 799px){.home-video{min-height: 175vw}}@media only screen and (max-width: 750px){H1.home{font-size: 58px; letter-spacing: -3px}}@media only screen and (max-width: 400px){H1.home{font-size: 50px; letter-spacing: -2px}} .home-intro{padding: 60px 0px 80px 0px}.home-intro P{font-size: 26px; line-height: 1.35; letter-spacing: -0.5px; padding: 0px 0px 40px 0px}.home-intro P:last-child{padding-bottom: 0px} .home-summary{padding: 80px 0px; background-image: url(../images/home/news-background.webp); background-repeat: no-repeat; background-position: right top; background-size: cover}.home-summary__container{display: flex; align-items: flex-end}.home-summary-left{width: calc(100% - 500px)}.home-summary-right{width: 500px} .home-summary H2{color: #000; font-family: 'robotolight',sans-serif; font-size: 60px; line-height: 1.1; font-weight: 300; letter-spacing: -3.5px; padding: 40px 0px 35px 0px}.home-summary P{padding: 0px}.home-summary P.date{font-family: 'robotomedium'; color: var(--primary-color); font-size: 20px; line-height: 1; font-weight: 500; padding-left: 5px}.home-summary P.summary{font-size: 30px; line-height: 1.3; letter-spacing: -1px}.home-summary P.link{text-align: right}.home-summary A{color: #000; font-size: 24px; line-height: 1; text-align: center; letter-spacing: -0.5px; text-decoration: none; width: 260px; padding: 10px 0px; border: solid 2px #888; display: inline-block; background: #fff} .find-used-boats{width: 100%; display: flex; background: #fff}.find-used-boats-left{width: 50%; background-image: url(../images/home/used-boats-new-zealand.webp); background-repeat: no-repeat; background-position: center bottom; background-size: cover}.find-used-boats-right{width: calc(45% - 50px); max-width: 550px; padding: 80px 0px 80px 50px}.find-used-boats-right A{color: #000; font-size: 16px; line-height: 16px; text-align: center; text-decoration: none; width: 210px; margin-top: 30px; padding: 12px 0px; border: solid 1px #484848; display: inline-block; background: #fff} .home-icons{padding: 50px 0px 50px 0px; border: solid 1px var(--border-color); border-left: none; border-right: none}.home-icons__container{max-width: 1300px; display: flex} .home-icon{text-align: center; padding: 35px 0px 30px 0px; width: 33.33%; position: relative}.home-icon::after{content: ""; height: 100%; width: 1px; position: absolute; right: 0px; top: 0px; transform: rotate(5deg); background: #c8c8d0}.home-icon-3::after{display: none} .home-icon IMG{width: 100%; max-width: 115px; height: auto; margin: 0px 0px 35px 0px}.home-icon-1 IMG{margin-left: 30px} .home-icon P{padding-left: 35px; padding-right: 35px}.home-icon P.header{font-family: 'robotomedium'; color: #303030; font-size: 20px; line-height: 1; font-weight: 500; text-transform: uppercase; word-spacing: 2px}.home-icon P.description{color: #202020; font-size: 18px; line-height: 26px; padding-top: 25px} .home-news{padding: 60px 0px 25px 0px}.news-listings{margin: 0px 0px 45px 0px; display: flex; justify-content: space-between; flex-wrap: wrap} A.article{text-decoration: none; width: calc(50% - 12px); border: solid 1px var(--border-color); margin: 0px 0px 25px 0px; padding: 0px 0px 25px 0px; display: flex;flex-direction: column; transition: all .3s ease-in-out; background: #fff}A.article--hidden{display: none}A.article--fade{opacity: 0} A.article IMG{width: 100%; height: auto; transition: all .3s ease-in-out} A.article:hover IMG{opacity: .7} P.article-title,P.article-title SPAN{font-family: 'robotomedium'; color: #303030; font-size: 18px; line-height: 24px; font-weight: 500}P.article-title SPAN{font-style: italic}P.article-title{padding: 25px 25px 10px 25px}P.article-date{color: #888; font-size: 12px; line-height: 12px; padding: 0px 0px 20px 25px}P.article-summary{font-size: 14px; line-height: 22px; padding: 0px 25px 35px 25px}P.article-link{font-family: 'robotomedium'; color: #303030; font-size: 16px; line-height: 16px; font-weight: 500; margin-top: auto; padding: 0px 25px 0px 25px} .partners{padding: 50px 0px 65px 0px; background: var(--second-color)}.partners__inner{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap}.partners__inner A{width: calc(33% - 10px); margin: 0px 10px 15px 0px; padding-top: 30%; border: solid 1px var(--border-color); position: relative; background: #fff}.partners__inner IMG{width: 70%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: all .3s ease-in-out; opacity: .65}.partners__inner IMG:hover{opacity: 1} #chat-button{width: 42px; height: 30px; padding: 16px 10px; border-radius: 50%; border: solid 4px #fff; position: fixed; right: 20px; bottom: 20px; z-index: 80; cursor: pointer; transition: all .3s ease-in-out}DIV.chat--inactive{background: var(--primary-color)}DIV.chat--active{background: var(--primary-color)} DIV.chat--inactive DIV.rectangle{width: 38px; height: 26px; border: solid 2px #e0e0e0; border-radius: 12px; position: relative; transition: all .3s ease-in-out}DIV.chat--inactive DIV.square{width: 15px; height: 15px; position: absolute; left: 0px; bottom: 0px; transition: all .3s ease-in-out; background: var(--primary-color)}DIV.chat--inactive DIV.circle{width: 4px; height: 4px; border: solid 1px #fff; border-radius: 50%; position: absolute; left: 6px; top: 10px}DIV.chat--inactive DIV.circle-2{left: 16px}DIV.chat--inactive DIV.circle-3{left: 26px} DIV.chat--inactive DIV.vertical{width: 2px; height: 18px; position: absolute; left: 10px; bottom: 16px; transition: all .3s ease-in-out; background: #e0e0e0}DIV.chat--inactive DIV.horizontal{width: 18px; height: 2px; position: absolute; left: 10px; bottom: 16px; transition: all .3s ease-in-out; background: #e0e0e0} DIV.chat--active DIV.rectangle{opacity: 0}DIV.chat--active DIV.vertical{height: 30px; left: 30px; bottom: 16px; transform: rotate(135deg); background: #fff}DIV.chat--active DIV.horizontal{width: 30px; left: 16px; bottom: 30px; transform: rotate(135deg); background: #fff} #chat-widget{width: 350px; border-radius: 10px; position: fixed; right: 20px; bottom: 110px; transition: all .5s ease-in-out; z-index: 90; background: var(--primary-color) url(../images/logo-widget.png) no-repeat center 20px}DIV.chat-widget--inactive{height: 0px;overflow: hidden; opacity: 0}DIV.chat-widget--active{height: auto; overflow: visible; opacity: 1} #chat-widget-inner{display: none; padding: 100px 30px 40px 30px; position: relative} P.widget-header{font-family: 'robotolight'; color: #fff; font-size: 16px; line-height: 24px; font-weight: 300; text-align: center; margin: 0px 0px 25px 0px; padding: 0px 0px 15px 0px; border-bottom: solid 1px var(--border-color)} #chat-widget INPUT,#chat-widget TEXTAREA{color: #000; font-size: 14px; line-height: 14px; width: calc(100% - 20px); padding: 7px 10px; border: none; background: #fff}#chat-widget TEXTAREA{line-height: 22px; height: 80px}P.widget-error{font-family: 'robotomedium'; color: #fff; font-size: 12px; line-height: 12px; font-weight: 500; padding: 5px 0px 5px 0px; visibility: hidden; transition: all .3s ease-in-out}P.widget-error--active{padding: 10px 0px 15px 0px; visibility: visible} DIV.widget-button-submit{width: 200px; height: 37px; cursor: pointer; display: flex; justify-content: center; align-items: center; background: #fff}DIV.widget-button-submit P{color: #000; font-size: 14px; line-height: 14px; text-align: center; width: 200px} DIV.widget-button-submit--active{background: #fff url(../images/throbber-small.gif) no-repeat center center}DIV.widget-button-submit--active P{display: none}#widget-success{font-family: 'robotolight'; color: #fff; font-size: 20px; line-height: 28px; text-align: center; font-weight: 300; padding: 0px 30px; position: absolute; left: 0px; top: 45%; display: none} #prompt-inner{text-align: center; padding: 110px 30px 40px 30px}P.prompt{color: #e8e8e8; font-size: 14px; text-align: center; margin-top: -15px; padding-bottom: 30px} P.button-prompt{color: #f0f0f0; font-size: 14px; line-height: 14px; width: 100px; margin: 0px 10px; padding: 8px 0px; border: solid 1px var(--border-color); border-radius: 5px; cursor: pointer; display: inline-block; vertical-align: middle; transition: all .3s ease-in-out; background: transparent}P.button-prompt:hover{background: #540122} PICTURE.banner,PICTURE.banner *{margin: 90px auto 0px} .media-video{margin: 10px auto 30px; display: block}.media-video__container DIV{height: 0px; padding-bottom: 56.5%; position: relative; overflow: hidden}.media-video IFRAME{width: 100%; height: 100%; border: none; position: absolute; top: 0px; left: 0px; background: #fff} .media-video + DIV.container H2:first-child{padding-top: 10px}.media-video + DIV.container H3:first-child{padding-top: 5px} .media-video + H2{padding-top: 10px}.media-video + H3{padding-top: 5px} .media-image{width: 100%; height: auto; margin: 5px auto 30px}.media-image--border{width: calc(100% - 2px); border: solid 1px var(--border-color)}.media-image--border-top-bottom{padding: 30px 0px 30px 0px; border: solid 1px var(--border-color); border-left: none; border-right: none}P.image-caption{color: #000; font-size: 16px; line-height: 22px; font-style: italic; padding: 10px 0px 15px 0px} PICTURE + H2,.media-image + H2{padding-top: 10px}PICTURE + H3,.media-image + H3{padding-top: 5px} .photo-gallery{width: 100%; margin: 5px auto 30px}.photo-gallery--no-margin{margin: 0px}.photo-gallery__container{width: 100%; overflow: hidden; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap}.photo-gallery IMG{width: calc(50% - 5px); height: auto; margin: 5px 0px} .photo-gallery IMG.border{width: calc(50% - 7px); border: solid 1px var(--border-color)} .photo-gallery + DIV.container H2:first-child{padding-top: 10px}.photo-gallery + DIV.container H3:first-child{padding-top: 5px} .media-quote{margin: 10px auto 35px; padding: 45px 0px 50px 0px; border: solid 3px #e8e8e8; border-left: none; border-right: none; background: url(../images/bg-quote.png) no-repeat 0px 42px}.media-quote P.quote,.media-quote P.quote SPAN.italic{font-family: 'robotolight'; color: #000; font-size: 42px; line-height: 56px; letter-spacing: -2px; font-weight: 300; -webkit-text-stroke: 0.5px #fff} .media-quote P.quote SPAN{font-style: italic}.media-quote P.quote{padding-left: 100px} .media-quote P.quote-credit,.media-quote P.quote-credit SPAN{font-family: 'robotomedium'; color: var(--primary-color); font-size: 20px; line-height: 26px; font-weight: 500}.media-quote P.quote-credit SPAN{font-style: italic}.media-quote P.quote-credit{padding: 40px 0px 0px 100px} .media-quote + H2,.media-quote + H3{padding-top: 10px} .media-bullet-list{margin: 10px auto 35px; padding: 40px 0px 25px 0px; border: solid 1px var(--border-color); border-left: none; border-right: none}.media-bullet-list P,.media-bullet-list A{font-size: 16px; line-height: 24px; text-decoration: none}.media-bullet-list P STRONG{font-family: 'robotomedium'; color: #000; font-size: 16px; font-weight: 500}.media-bullet-list A{color: #3366bb}.media-bullet-list A:hover{text-decoration: underline}.media-bullet-list P{padding: 0px 20px 15px 25px; display: inline-block; vertical-align: top; position: relative}.media-bullet-list P::before{content: ''; line-height: 0px; width: 6px; height: 6px; border-radius: 50%; position: absolute; left: 0px; top: 9px; background: #888} .media-bullet-list-4 P{width: calc(20% - 45px)} .media-bullet-list-2 P{width: calc(50% - 45px)} .media-bullet-list-no-border{padding: 0px; border: none}.media-bullet-list-no-border P{color: #000; font-size: 15px; line-height: 22px; padding: 0px 0px 10px 20px; display: block} .media-bullet-list + H2{padding-top: 10px}.media-bullet-list + H3{padding-top: 5px} .media-tick-list{margin: 10px 0px 35px 0px; padding: 35px 30px 15px 30px; border: solid 1px var(--border-color); border-left: none; border-right: none; background: var(--second-color)}.media-tick-list P{font-size: 16px; line-height: 24px; padding: 0px 20px 20px 40px; position: relative}.media-tick-list P::before{content: ''; line-height: 0px; width: 22px; height: 21px; border-radius: 0%; position: absolute; left: 0px; top: 2px; background: url(../images/tick.png)} DIV.related{margin: 40px 0px 50px 0px; padding: 25px; background: var(--second-color)}DIV.related P.main,DIV.related	P.main A{font-size: 14px; line-height: 22px}DIV.related P.main STRONG{font-family: 'robotomedium'; color: #000; line-height: 26px; font-weight: 500}DIV.related P:last-child{margin-bottom: 0px; padding-bottom: 0px} .contact-social-media{margin: 25px 0px 75px 0px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap}.contact-social-media P.contact{text-align: center; width: 210px; height: 38px; border: solid 1px #484848; display: flex; justify-content: center; align-items: center}.contact-social-media P.contact A{color: #000; font-size: 16px; line-height: 16px; text-decoration: none; text-align: center; display: block; background: #fff} .contact-social-media A.social-media{width: 40px; height: 40px; margin-left: 15px; display: block}.contact-social-media A.social-media IMG{width: 100%; height: auto} #apr{margin: 40px 0px 60px 0px; border: solid 1px var(--border-color); border-left: none; border-right: none; display: flex; overflow: hidden; background: #fff}DIV.apr-left{width: 50%; padding: 50px 0px 60px 0px}DIV.apr-left-inner{max-width: 450px; padding-right: 50px; padding-left: 10%; float: right}#apr H2,#news-inner #apr H2{padding-top: 0px}DIV.apr-left A{color: #000; font-size: 16px; line-height: 16px; text-align: center; text-decoration: none; width: 210px; margin-top: 30px; padding: 12px 0px; border: solid 1px #484848; display: inline-block; background: #fff}DIV.apr-right{width: 50%; background-image: url(../images/new-boats/azimut/apr-luxury-linen.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover} #apr + DIV.container H2:first-child{padding-top: 10px}#apr + DIV.container H3:first-child{padding-top: 5px} #yacht-listings{max-width: 1236px; padding-bottom: 25px}#yacht-listings H1{margin-bottom: 45px} #search-form{height: 42px; margin: 0px 0px 35px 0px; padding: 0px 0px 35px 0px; border-bottom: solid 1px var(--border-color); overflow: hidden}#search-form SELECT,#search-form OPTION{color: #202020; font-size: 16px; line-height: 16px} #search-form SELECT{height: 42px; margin-right: 10px; padding: 0px 25px 0px 10px; border: solid 1px var(--border-color)} #search-form OPTION{padding: 5px 5px 5px 10px}#search-form SELECT.search-brand{width: 170px}#search-form SELECT.search-length{width: 170px}#search-form SELECT.search-price{width: 170px}#search-form SELECT:not([multiple]){-webkit-appearance: none; -moz-appearance: none; background: url(../images/icon-select.png) no-repeat right center} #search-form DIV.search{width: 170px; height: 40px; cursor: pointer; border: solid 1px var(--border-color)}#search-form DIV.search-inner{width: 170px; height: 40px; transition: all .3s ease-in-out; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center}#search-form DIV.search-inner:hover{background: #f0f0f0}#search-form DIV.search-inner P{font-family: 'robotomedium'; color: #000; font-size: 16px; line-height: 16px; font-weight: 500; margin: 0px auto}#search-form DIV.search-inner P:hover{background: #f0f0f0} #search-form SELECT,#search-form DIV.search{display: inline-block; vertical-align: top} #yacht-listings-fade{width: 100%; height: 0px; position: absolute; z-index: 10; background: #fff url(../images/throbber.gif) no-repeat center 30px}DIV.fade--default,DIV.fade--active{transition: all .5s ease-in-out; opacity: 0}DIV.fade--active{opacity: 1} A.yacht-placeholder{text-align: center; text-decoration: none; width: calc(33.3333% - 18px); margin: 0px 0px 45px 0px; display: inline-block; vertical-align: top; position: relative; overflow: hidden}A.yacht-placeholder-1-of-3{margin-right: 18px}A.yacht-placeholder-2-of-3{margin-right: 9px; margin-left: 9px}A.yacht-placeholder-3-of-3{margin-left: 18px} A.yacht-placeholder IMG{width: 100%; height: auto} P.yacht-placeholder-text-intro{color: #303030; font-size: 14px; line-height: 22px; letter-spacing: 1px; text-transform: uppercase; padding: 20px 0px 0px 0px}P.yacht-placeholder-text-length{font-family: 'robotomedium'; color: #000; font-size: 14px; line-height: 14px; font-weight: 500; padding: 12px 0px 20px 0px}P.yacht-placeholder-text-price{font-family: 'robotolight'; color: #000; font-size: 16px; line-height: 16px; font-weight: 300; padding: 20px 0px 20px 0px; border: solid 1px var(--border-color); border-left: none; border-right: none} A.yacht-placeholder-large{text-align: center; text-decoration: none; margin: 0px auto 45px; display: block; background: #f0f0f0}A.yacht-placeholder-large IMG{max-width: 100%; height: auto}A.yacht-placeholder-large DIV{padding-bottom: 20px; border-bottom: solid 1px var(--border-color); background: #fff}A.yacht-placeholder-large P{margin: 0px 20px 0px 20px; padding: 0px; padding-top: 20px; border: none; display: inline-block; vertical-align: center} #yacht-listings-comments{padding: 0px 0px 35px 0px}#yacht-listings-comments H2{color: #303030; font-size: 28px; line-height: 36px; letter-spacing: -1px; padding: 0px 0px 15px 0px}#yacht-listings-comments P,#yacht-listings-comments A{font-size: 14px; line-height: 24px}#yacht-listings-comments A{color: #3366bb}#yacht-listings-comments P{color: #000; max-width: 800px; padding: 0px} #yacht-listings.superyacht-listings #search-form SELECT.search-price{display: none} #yacht-description{padding: 0px 0px 60px 0px; background: var(--second-color)}#yacht-description-video{width: 100%; height: 0px; margin-bottom: 10px; padding-top: 25px; padding-bottom: 56.25%; position: relative}#yacht-description-video IFRAME{width: 100%; height: 100%; border: none; position: absolute; left: 0px; top: 0px}#yacht-description-main-photo{width: 100%; height: auto; margin-bottom: 10px} #yacht-description P.intro{padding: 30px 0px 5px 0px}#yacht-description P.main{padding: 25px 0px 0px 0px} #yacht-description .menu-1{margin-bottom: 10px}#yacht-description .menu-1 .column{width: calc(33.333% - 18px); border: solid 1px var(--border-color); border-bottom: none; display: inline-block; vertical-align: top}#yacht-description .menu-1 .column-1{margin-right: 16px}#yacht-description .menu-1 .column-2{margin-left: 8px; margin-right: 8px}#yacht-description .menu-1 .column-3{margin-left: 16px} #yacht-description .menu-1 A,#yacht-description .menu-1 P{color: #000; font-size: 14px; line-height: 14px; text-decoration: none; padding: 15px 10px 15px 10px; border-bottom: solid 1px #d0d0d8; display: block; cursor: pointer; transition: all .3s ease-in-out; background: #fff}#yacht-description .menu-1 A:hover,#yacht-description .menu-1 P:hover{background: #e8e8e8}#yacht-description .menu-1 DIV.pdf-form{height: 0px; max-height: 0px; overflow: hidden; transition: all .3s ease-in-out}#yacht-description .menu-1 DIV.pdf-form-active{height: auto; max-height: 200px; padding: 30px 20px 30px 20px; border-bottom: solid 1px var(--border-color)}#yacht-description .menu-1 DIV.pdf-form INPUT.submit{color: #fff; font-size: 14px; line-height: 14px; width: 200px; margin: 0px 0px 30px 0px; padding: 10px; border: none; cursor: pointer; display: block; transition: all .3s ease-in-out; background: #484848}#yacht-description .menu-1 DIV.pdf-form INPUT.submit:hover{background: #000}#yacht-description .menu-1 DIV.pdf-form A,#yacht-description .menu-1 DIV.pdf-form A:hover{color: #000; font-size: 14px; line-height: 14px; text-decoration: underline; margin-left: 3px; padding: 0px; border: none; background: transparent} #button-scroll-media{color: #000; font-size: 16px; line-height: 16px; margin-top: 50px; padding: 12px 35px 12px 35px; border: solid 1px #484848; cursor: pointer; display: inline-block; vertical-align: middle; background: #fff} #yacht-description-specs{float: none}DIV.yacht-description-specs{width: calc(50% - 30px); display: inline-block; vertical-align: top}DIV.yacht-description-specs-left{margin-right: 30px}DIV.yacht-description-specs-right{margin-left: 30px} P.yacht-description-header{font-family: 'robotomedium'; color: #000; font-size: 18px; line-height: 18px; font-weight: 500; text-transform: uppercase; margin: 60px 0px 20px 0px; padding: 0px}DIV.yacht-description-info{padding: 10px 0px 10px 0px; border-bottom: solid 1px var(--border-color)}DIV.yacht-description-info P{color: #000; font-size: 14px; line-height: 20px; display: inline-block; vertical-align: top}DIV.yacht-description-info P.left{width: 120px}DIV.yacht-description-info P.right{font-family: 'robotomedium'; color: #383838; font-weight: 500; text-align: right; width: calc(100% - 140px); padding-left: 20px} #virtual-tour{margin: 50px 0px 0px 0px; display: flex; background: #333d4a}#virtual-tour-left{width: 50%; display: flex; justify-content: center; align-items: center; background-image: url(../images/yacht-descriptions/virtual-tour.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: cover}#virtual-tour-right{width: calc(45% - 51px); max-width: 449px; padding: 80px 0px 80px 50px; border-left: solid 1px #535d6a}#virtual-tour-right H2{color: #fff} #virtual-tour-right H2::after{background: #808898}#virtual-tour-right P{color: #fff; padding: 0px}#virtual-tour-button{max-width: 100%; height: auto; padding: 20px 30px 18px 30px; border: solid 1px #fafaff; cursor: pointer; transition: all .3s ease-in-out; position: relative; background-color: rgba(255,255,255,0.15)}#virtual-tour-button:hover{border: solid 1px #fff; opacity: .7} #product-brochure{background: var(--second-color)}#product-brochure DIV.container{padding: 60px 0px}#product-brochure A{text-decoration: none; border: solid 1px #484848; display: inline-block; background: #fff} #product-brochure DIV.button{text-align: center; width: 210px; padding: 10px 0px; display: inline-block}#product-brochure P,#product-brochure IMG{display: inline-block; vertical-align: middle}#product-brochure P{color: #000; font-size: 18px; line-height: 18px; padding: 2px 25px 0px 0px}#product-brochure IMG{padding-bottom: 2px} #yacht-description-photos{padding: 50px 0px 50px 0px}DIV.img-stock-yacht{line-height: 0px; width: calc(50% - 5px); margin-bottom: 10px; display: inline-block; vertical-align: top; position: relative; background: #fff}DIV.img-stock-yacht-1-of-2{margin-right: 5px}DIV.img-stock-yacht-2-of-2{margin-left: 5px} DIV.img-stock-yacht IMG{width: 100%; height: auto; cursor: pointer}DIV.img-stock-yacht UL{width: 100px; border: solid 1px var(--border-color); border-top: none; position: absolute; left: 0px; bottom: 0px; display: none}DIV.img-stock-yacht UL LI{color: #000; font-size: 12px; line-height: 12px; padding: 8px 10px 8px 10px; border-top: solid 1px var(--border-color); cursor: pointer; transition: all .3s ease-in-out; background: #fff}DIV.img-stock-yacht UL LI:hover{background: #e0e0e0}DIV.img-stock-yacht UL LI.active,DIV.img-stock-yacht UL LI.active:hover{color: #fff; background: #202020} #additional-comments{padding-bottom: 60px}#additional-comments P{color: #000; font-size: 16px; line-height: 24px; padding: 0px} #yacht-description-info-request{padding: 50px 0px 60px 0px; background: var(--second-color)} #info-request INPUT,#info-request TEXTAREA{font-size: 14px; line-height: 14px; margin-bottom: 20px; padding: 15px 15px 15px 15px; border: solid 1px var(--border-color); display: inline-block; vertical-align: middle; background: #fff}#info-request INPUT{width: calc(50% - 42px)}#info-request INPUT:focus,#info-request TEXTAREA:focus{outline: none}#info-request INPUT.left{margin-right: 10px}#info-request INPUT.right{margin-left: 10px}#info-request INPUT.form-email{display: none}#info-request TEXTAREA{line-height: 24px; width: calc(100% - 32px); height: 120px} .country-flag{width: 32px; min-width: 32px; height: 32px; display: block; background: url(../images/yacht-descriptions/flags32.png) no-repeat center center} #telephone-input-outer{width: calc(50% - 10px); margin: 0px 0px 20px 10px; display: inline-block; vertical-align: middle; position: relative}#telephone-input{border: solid 1px var(--border-color); display: flex; align-items: center; background: #fff}#telephone-input DIV.country-flag-outer{width: 170px; padding: 0px 15px 0px 15px; cursor: pointer; display: flex; align-items: center}#telephone-input DIV.country-flag-outer P{font-size: 14px; line-height: 14px; padding: 0px 10px 0px 15px}#telephone-input SPAN{min-width: 10px; position: relative}#telephone-input SPAN.open::after{content: " "; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent; position: absolute; right: 0px; top: -3px}#telephone-input SPAN.close::after{content: " "; border-width: 5px; border-style: solid; border-color: transparent transparent #000 transparent; position: absolute; right: 0px; top: -8px} #telephone-input INPUT{width: 100%; margin: 0px; border: none; border-left: solid 1px var(--border-color)} #telephone-input #country-dropdown{width: calc(100% - 2px); max-height: 300px; border: solid 1px var(--border-color); position: absolute; left: 0px; top: 43px; overflow: auto; display: none}#telephone-input #country-dropdown .country-dropdown-option{width: 100%; display: flex; align-items: center; transition: all .3s ease-in-out; background: #fff}#telephone-input #country-dropdown .country-dropdown-option:hover{background: #f0f0f0}#telephone-input #country-dropdown .country-flag-outer{width: 60px; padding: 0px 0px 0px 15px; display: flex; align-items: center}#telephone-input #country-dropdown .country-dropdown-option P{color: #000; font-size: 14px; line-height: 14px; width: 100%; padding: 10px 0px 10px 0px; cursor: pointer} DIV.button-send-enquiry{width: 240px; height: 48px; margin-top: 25px; border: solid 1px #484848; cursor: pointer; display: flex; justify-content: center; align-items: center; background: #fff}DIV.button-send-enquiry P{color: #000; font-size: 16px; line-height: 16px; text-align: center; width: 240px} DIV.button-send-enquiry--active{background: #fff url(../images/throbber-small.gif) no-repeat center center}DIV.button-send-enquiry--active P{display: none} #mask{width: 100%; position: fixed; left: 0px; top: 0px; z-index: 99; background-color: rgba(0,0,0,0.95)}.mask--default{height: 0%; overflow: hidden}.mask--active{height: 100%; overflow: visible; display: flex; justify-content: center; align-items: center} #popup{max-width: 1236px}IMG.img-popup,IMG.img-popup--active{width: 100%; max-width: 1236px; height: auto; cursor: pointer; transition: .3s ease-in-out; opacity: 0}IMG.img-popup--active{opacity: 1} #button-popup-close{width: 22px; height: 21px; cursor: pointer; position: absolute; right: 17px; top: 22px}DIV.popup-close-1,DIV.popup-close-2{width: 26px; height: 2px; position: absolute; left: -2px; top: 9px; transition: .3s ease-in-out; background: #c0c0c0}DIV.popup-close-1{transform: rotate(45deg)}DIV.popup-close-2{transform: rotate(-45deg)} #button-popup-close:hover DIV{background: #fff} #button-popup-forward,#button-popup-back{width: 0px; height: 0px; border-width: 16px; border-style: solid; cursor: pointer; position: absolute; top: calc(50% - 8px); transition: .3s ease-in-out}#button-popup-forward{right: 2px; border-color: transparent transparent transparent #c0c0c0}#button-popup-forward:hover{border-color: transparent transparent transparent #fff}#button-popup-back{left: 2px; border-color: transparent #c0c0c0 transparent transparent}#button-popup-back:hover{border-color: transparent #fff transparent transparent} #popup-counter{font-family: 'robotolight'; color: #d8d8e0; font-size: 16px; line-height: 16px; font-weight: 300; position: absolute; left: 17px; top: 24px} DIV.button-fullscreen{width: 20px; height: 20px; cursor: pointer; position: absolute; right: 65px; top: 22px; background: transparent}DIV.button-fullscreen DIV{position: absolute; transition: .3s ease-in-out; background: #c0c0c0}DIV.button-fullscreen DIV.horizontal{width: 7px; height: 2px}DIV.button-fullscreen DIV.vertical{width: 2px; height: 7px}DIV.button-fullscreen DIV.div-1{left: 0px; top: 0px}DIV.button-fullscreen DIV.div-2{right: 0px; top: 0px}DIV.button-fullscreen DIV.div-3{left: 0px; bottom: 0px}DIV.button-fullscreen DIV.div-4{right: 0px; bottom: 0px} DIV.button-fullscreen:hover DIV{background: #fff} #iframe-virtual-tour{width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 99}.virtual-tour{display: none}.virtual-tour--active{display: block} #iframe-virtual-tour IFRAME{width: 100%; height: 100%; border: none}#iframe-close{width: 22px; height: 22px; cursor: pointer; position: absolute}DIV.iframe-close-elan{right: 17px; top: 21px}DIV.iframe-close-azimut,DIV.iframe-close-monterey{right: 50px; bottom: 8px; background: #fff} DIV.close-1,DIV.close-2{width: 26px; height: 4px; position: absolute; left: -2px; top: 9px; transition: .3s ease-in-out; background: #000}DIV.close-1{transform: rotate(45deg)}DIV.close-2{transform: rotate(-45deg)} DIV.iframe-close-azimut DIV.close-1,DIV.iframe-close-azimut DIV.close-2{background: #202020} P.news-article-date{font-family: 'robotomedium'; color: var(--primary-color); font-size: 16px; line-height: 1; font-weight: 500; text-transform: uppercase; margin: -10px 0px 35px 0px; padding: 0px} #sources{padding: 60px 0px; background: #333d4a}#sources H2{color: #fff; padding: 0px 0px 30px 0px}#sources P.sources-header{color: #fff; font-size: 22px; line-height: 22px; padding: 30px 0px 20px 0px}#sources P.sources,#sources P.sources A,#sources P.sources SPAN{font-family: 'robotolight'; color: #fff; font-size: 16px; line-height: 26px; font-weight: 300}#sources P.sources A{text-decoration: none; border-bottom: solid 1px #b0b0b0; transition: all .3s ease-in-out}#sources P.sources A:hover{color: #fff; border-bottom: solid 1px #fff}#sources P.sources SPAN.italic{font-style: italic}#sources P.sources{padding: 0px 0px 15px 20px; position: relative}#sources P.sources::before{content: ''; line-height: 0px; width: 4px; height: 4px; border-radius: 50%; position: absolute; left: 0px; top: 10px; background: var(--second-color)} #related-articles{padding: 55px 0px 70px 0px; background: var(--second-color)}#related-articles H2{padding-top: 0px}#related-articles .news-listings{width: 100%; margin: 0px}#related-articles P.article-date{display: none} .country-flag-ad{background-position: 0px -704px}.country-flag-ae{background-position: 0px -736px}.country-flag-af{background-position: 0px -768px}.country-flag-ag{background-position: 0px -800px}.country-flag-ai{background-position: 0px -832px}.country-flag-al{background-position: 0px -864px}.country-flag-am{background-position: 0px -896px}.country-flag-an{background-position: 0px -928px}.country-flag-ao{background-position: 0px -960px}.country-flag-aq{background-position: 0px -992px}.country-flag-ar{background-position: 0px -1024px}.country-flag-as{background-position: 0px -1056px}.country-flag-at{background-position: 0px -1088px}.country-flag-au{background-position: 0px -1120px}.country-flag-aw{background-position: 0px -1152px}.country-flag-az{background-position: 0px -1184px}.country-flag-ba{background-position: 0px -1216px}.country-flag-bb{background-position: 0px -1248px}.country-flag-bd{background-position: 0px -1280px}.country-flag-be{background-position: 0px -1312px}.country-flag-bf{background-position: 0px -1344px}.country-flag-bg{background-position: 0px -1376px}.country-flag-bh{background-position: 0px -1408px}.country-flag-bi{background-position: 0px -1440px}.country-flag-bj{background-position: 0px -1472px}.country-flag-bm{background-position: 0px -1504px}.country-flag-bn{background-position: 0px -1536px}.country-flag-bo{background-position: 0px -1568px}.country-flag-br{background-position: 0px -1600px}.country-flag-bs{background-position: 0px -1632px}.country-flag-bt{background-position: 0px -1664px}.country-flag-bw{background-position: 0px -1696px}.country-flag-by{background-position: 0px -1728px}.country-flag-bz{background-position: 0px -1760px}.country-flag-ca{background-position: 0px -1792px}.country-flag-cd{background-position: 0px -1824px}.country-flag-cf{background-position: 0px -1856px}.country-flag-cg{background-position: 0px -1888px}.country-flag-ch{background-position: 0px -1920px}.country-flag-ci{background-position: 0px -1952px}.country-flag-ck{background-position: 0px -1984px}.country-flag-cl{background-position: 0px -2016px}.country-flag-cm{background-position: 0px -2048px}.country-flag-cn{background-position: 0px -2080px}.country-flag-co{background-position: 0px -2112px}.country-flag-cr{background-position: 0px -2144px}.country-flag-cu{background-position: 0px -2176px}.country-flag-cv{background-position: 0px -2208px}.country-flag-cy{background-position: 0px -2240px}.country-flag-cz{background-position: 0px -2272px}.country-flag-de{background-position: 0px -2304px}.country-flag-dj{background-position: 0px -2336px}.country-flag-dk{background-position: 0px -2368px}.country-flag-dm{background-position: 0px -2400px}.country-flag-do{background-position: 0px -2432px}.country-flag-dz{background-position: 0px -2464px}.country-flag-ec{background-position: 0px -2496px}.country-flag-ee{background-position: 0px -2528px}.country-flag-eg{background-position: 0px -2560px}.country-flag-eh{background-position: 0px -2592px}.country-flag-er{background-position: 0px -2624px}.country-flag-es{background-position: 0px -2656px}.country-flag-et{background-position: 0px -2688px}.country-flag-fi{background-position: 0px -2720px}.country-flag-fj{background-position: 0px -2752px}.country-flag-fm{background-position: 0px -2784px}.country-flag-fo{background-position: 0px -2816px}.country-flag-fr{background-position: 0px -2848px}.country-flag-ga{background-position: 0px -2880px}.country-flag-gb{background-position: 0px -2912px}.country-flag-gd{background-position: 0px -2944px}.country-flag-ge{background-position: 0px -2976px}.country-flag-gg{background-position: 0px -3008px}.country-flag-gh{background-position: 0px -3040px}.country-flag-gi{background-position: 0px -3072px}.country-flag-gl{background-position: 0px -3104px}.country-flag-gm{background-position: 0px -3136px}.country-flag-gn{background-position: 0px -3168px}.country-flag-gp{background-position: 0px -3200px}.country-flag-gq{background-position: 0px -3232px}.country-flag-gr{background-position: 0px -3264px}.country-flag-gt{background-position: 0px -3296px}.country-flag-gu{background-position: 0px -3328px}.country-flag-gw{background-position: 0px -3360px}.country-flag-gy{background-position: 0px -3392px}.country-flag-hk{background-position: 0px -3424px}.country-flag-hn{background-position: 0px -3456px}.country-flag-hr{background-position: 0px -3488px}.country-flag-ht{background-position: 0px -3520px}.country-flag-hu{background-position: 0px -3552px}.country-flag-id{background-position: 0px -3584px}.country-flag-mc{background-position: 0px -3584px}.country-flag-ie{background-position: 0px -3616px}.country-flag-il{background-position: 0px -3648px}.country-flag-im{background-position: 0px -3680px}.country-flag-in{background-position: 0px -3712px}.country-flag-iq{background-position: 0px -3744px}.country-flag-ir{background-position: 0px -3776px}.country-flag-is{background-position: 0px -3808px}.country-flag-it{background-position: 0px -3840px}.country-flag-je{background-position: 0px -3872px}.country-flag-jm{background-position: 0px -3904px}.country-flag-jo{background-position: 0px -3936px}.country-flag-jp{background-position: 0px -3968px}.country-flag-ke{background-position: 0px -4000px}.country-flag-kg{background-position: 0px -4032px}.country-flag-kh{background-position: 0px -4064px}.country-flag-ki{background-position: 0px -4096px}.country-flag-km{background-position: 0px -4128px}.country-flag-kn{background-position: 0px -4160px}.country-flag-kp{background-position: 0px -4192px}.country-flag-kr{background-position: 0px -4224px}.country-flag-kw{background-position: 0px -4256px}.country-flag-ky{background-position: 0px -4288px}.country-flag-kz{background-position: 0px -4320px}.country-flag-la{background-position: 0px -4352px}.country-flag-lb{background-position: 0px -4384px}.country-flag-lc{background-position: 0px -4416px}.country-flag-li{background-position: 0px -4448px}.country-flag-lk{background-position: 0px -4480px}.country-flag-lr{background-position: 0px -4512px}.country-flag-ls{background-position: 0px -4544px}.country-flag-lt{background-position: 0px -4576px}.country-flag-lu{background-position: 0px -4608px}.country-flag-lv{background-position: 0px -4640px}.country-flag-ly{background-position: 0px -4672px}.country-flag-ma{background-position: 0px -4704px}.country-flag-md{background-position: 0px -4736px}.country-flag-me{background-position: 0px -4768px}.country-flag-mg{background-position: 0px -4800px}.country-flag-mh{background-position: 0px -4832px}.country-flag-mk{background-position: 0px -4864px}.country-flag-ml{background-position: 0px -4896px}.country-flag-mm{background-position: 0px -4928px}.country-flag-mn{background-position: 0px -4960px}.country-flag-mo{background-position: 0px -4992px}.country-flag-mq{background-position: 0px -5024px}.country-flag-mr{background-position: 0px -5056px}.country-flag-ms{background-position: 0px -5088px}.country-flag-mt{background-position: 0px -5120px}.country-flag-mu{background-position: 0px -5152px}.country-flag-mv{background-position: 0px -5184px}.country-flag-mw{background-position: 0px -5216px}.country-flag-mx{background-position: 0px -5248px}.country-flag-my{background-position: 0px -5280px}.country-flag-mz{background-position: 0px -5312px}.country-flag-na{background-position: 0px -5344px}.country-flag-nc{background-position: 0px -5376px}.country-flag-ne{background-position: 0px -5408px}.country-flag-ng{background-position: 0px -5440px}.country-flag-ni{background-position: 0px -5472px}.country-flag-nl{background-position: 0px -5504px}.country-flag-no{background-position: 0px -5536px}.country-flag-np{background-position: 0px -5568px}.country-flag-nr{background-position: 0px -5600px}.country-flag-nz{background-position: 0px -5632px}.country-flag-nz-1{background-position: 0px -5632px}.country-flag-om{background-position: 0px -5664px}.country-flag-pa{background-position: 0px -5696px}.country-flag-pe{background-position: 0px -5728px}.country-flag-pf{background-position: 0px -5760px}.country-flag-pg{background-position: 0px -5792px}.country-flag-ph{background-position: 0px -5824px}.country-flag-pk{background-position: 0px -5856px}.country-flag-pl{background-position: 0px -5888px}.country-flag-pr{background-position: 0px -5920px}.country-flag-ps{background-position: 0px -5952px}.country-flag-pt{background-position: 0px -5984px}.country-flag-pw{background-position: 0px -6016px}.country-flag-py{background-position: 0px -6048px}.country-flag-qa{background-position: 0px -6080px}.country-flag-re{background-position: 0px -6112px}.country-flag-ro{background-position: 0px -6144px}.country-flag-rs{background-position: 0px -6176px}.country-flag-ru{background-position: 0px -6208px}.country-flag-rw{background-position: 0px -6240px}.country-flag-sa{background-position: 0px -6272px}.country-flag-sb{background-position: 0px -6304px}.country-flag-sc{background-position: 0px -6336px}.country-flag-sd{background-position: 0px -6368px}.country-flag-se{background-position: 0px -6400px}.country-flag-sg{background-position: 0px -6432px}.country-flag-si{background-position: 0px -6464px}.country-flag-sk{background-position: 0px -6496px}.country-flag-sl{background-position: 0px -6528px}.country-flag-sm{background-position: 0px -6560px}.country-flag-sn{background-position: 0px -6592px}.country-flag-so{background-position: 0px -6624px}.country-flag-sr{background-position: 0px -6656px}.country-flag-st{background-position: 0px -6688px}.country-flag-sv{background-position: 0px -6720px}.country-flag-sy{background-position: 0px -6752px}.country-flag-sz{background-position: 0px -6784px}.country-flag-tc{background-position: 0px -6816px}.country-flag-td{background-position: 0px -6848px}.country-flag-tg{background-position: 0px -6880px}.country-flag-th{background-position: 0px -6912px}.country-flag-tj{background-position: 0px -6944px}.country-flag-tl{background-position: 0px -6976px}.country-flag-tm{background-position: 0px -7008px}.country-flag-tn{background-position: 0px -7040px}.country-flag-to{background-position: 0px -7072px}.country-flag-tr{background-position: 0px -7104px}.country-flag-tt{background-position: 0px -7136px}.country-flag-tv{background-position: 0px -7168px}.country-flag-tw{background-position: 0px -7200px}.country-flag-tz{background-position: 0px -7232px}.country-flag-ua{background-position: 0px -7264px}.country-flag-ug{background-position: 0px -7296px}.country-flag-us{background-position: 0px -7328px}.country-flag-uy{background-position: 0px -7360px}.country-flag-uz{background-position: 0px -7392px}.country-flag-va{background-position: 0px -7424px}.country-flag-vc{background-position: 0px -7456px}.country-flag-ve{background-position: 0px -7488px}.country-flag-vg{background-position: 0px -7520px}.country-flag-vi{background-position: 0px -7552px}.country-flag-vn{background-position: 0px -7584px}.country-flag-vu{background-position: 0px -7616px}.country-flag-ws{background-position: 0px -7648px}.country-flag-ye{background-position: 0px -7680px}.country-flag-za{background-position: 0px -7712px}.country-flag-zm{background-position: 0px -7744px}.country-flag-zw{background-position: 0px -7744px} @media only screen and (min-width: 1200px){ DIV.container{width: 95%} DIV.container-bottom{padding-bottom: 60px} #icon-logo{width: 250px; height: 59px; left: 2.5%; top: 17px; background: url(../images/pinnacle-marine-logo.webp)}  H1,H1 SPAN{font-size: 54px; line-height: 60px} H1{padding-top: 70px}  .main-nav{width: calc(100% - 200px - 2.5%); right: 2.5%} .main-nav A,.main-nav SPAN.link{margin-left: 35px}  FOOTER{padding: 75px 0px 65px 0px}  .home-intro{padding: 80px 0px 90px 0px}  .home-summary{height: calc(100vh - 90px); padding: 0px; display: flex; align-items: center}  .find-used-boats-left{height: 45vw; max-height: 800px} .find-used-boats-right{width: calc(45% - 70px); max-width: 530px; padding: 0px 0px 0px 70px; display: flex; align-items: center}  .home-icons{padding: 90px 0px}  .home-news{padding: 90px 0px 30px 0px} .home-news__container{max-width: 1200px; display: flex; align-items: flex-start} .home-news H2{width: 170px} .news-listings{width: calc(100% - 170px)}  .partners{margin-top: -175px; padding-top: 160px} .home-partners__container{max-width: 1200px} .home-partners__container H2,.home-partners__inner{margin-left: 170px}  .media-video{margin: 10px auto 35px}  .media-image{margin: 10px auto 35px}  .photo-gallery{margin: 20px auto 40px; padding: 40px 0px 40px 0px; background: #f0f0f0} .photo-gallery__container{max-width: 1210px}  .media-quote{margin: 15px auto 40px}  DIV.apr-left{padding: 80px 0px} DIV.apr-left-inner{max-width: 440px; padding-right: 60px}  #search-form OPTION{padding: 3px 5px 3px 10px} #search-form SELECT.search-brand{width: 190px} #search-form SELECT.search-length{width: 190px} #search-form SELECT.search-price{width: 190px} #search-form DIV.search,#search-form DIV.search-inner{width: 220px; height: 40px}  #yacht-description{padding-bottom: 70px} #virtual-tour{margin: 70px 0px 0px 0px} #virtual-tour-right{width: calc(45% - 61px); max-width: 439px; padding: 130px 0px 130px 60px} #product-brochure DIV.container{padding: 70px 0px} #yacht-description-photos{padding-bottom: 70px} #yacht-description-info-request{padding: 70px 0px 80px 0px}  #related-articles{padding-top: 60px}} @media only screen and (min-width: 1340px){  .main-nav A,.main-nav SPAN.link{margin-left: 45px}  A.yacht-placeholder{width: 394px} A.yacht-placeholder IMG{height: 262px} A.yacht-placeholder-large IMG{max-width: 100%; height: auto}} @media only screen and (min-width: 1500px){  .main-nav A,.main-nav SPAN.link{margin-left: 60px} } @media only screen and (max-width: 1060px){  .icon-menu{width: 26px; height: 20px; cursor: pointer; position: absolute; right: 5%; top: 38px; display: block; cursor: pointer; z-index: 100; background: transparent} .icon-menu *{width: 26px; height: 2px; position: absolute; left: 0px; top: 0px; transition: .2s ease-in-out; background: #000} .icon-menu .icon-menu-inner-2{top: 8px} .icon-menu .icon-menu-inner-3{top: 16px} .icon-menu--active *{background: #fff} .icon-menu--active .icon-menu-inner-1{transform: rotate(45deg); top: 8px} .icon-menu--active .icon-menu-inner-3{transform: rotate(-45deg); top: 8px} .icon-menu--active .icon-menu-inner-2{width: 0px; height: 0px; left: 13px} .main-nav{text-align: left; width: 100vw; height: calc(100vh - 125px); padding-top: 125px; position: fixed; left: 0; top: 0px; overflow-y: auto; z-index: 99; will-change: transform; transition: .75s cubic-bezier(0,.99,0,0.99); background: #000} .main-nav--inactive{margin-left: -100vw} .main-nav--active{transform: translateX(100vw)} .main-nav A.nav,.main-nav A.dropdown,.main-nav SPAN.link{font-family: 'robotolight'; color: #fff; font-size: 24px; line-height: 24px; font-weight: 300; margin: 0px 0px 20px 0px; padding: 5px 5vw; display: block; transition: .3s ease-in-out} .main-nav A.dropdown{color: #fff; font-size: 20px; line-height: 20px; padding-left: calc(5vw + 25px); position: relative; z-index: 5} .main-nav A.dropdown::before{content: ''; line-height: 0px; width: 4px; height: 4px; border-radius: 50%; position: absolute; left: 5vw; top: 14px; background: #a8a8a8} .main-nav SPAN.link::after{border-width: 6px; border-color: #fff transparent transparent transparent; position: absolute; right: calc(5% + 5px); top: 18px}  .dropdown-responsive{height: 0px; max-height: 0px; overflow: hidden; display: block; transition: max-height .3s ease-in-out} .dropdown-responsive--active{height: auto; max-height: 300px; margin-bottom: 40px; overflow: visible} .dropdown-default{display: none}  .footer-1-of-3{width: 250px; padding-right: 60px} .footer-2-of-3{width: 260px; padding-right: 60px} .footer-3-of-3{width: calc(100% - 310px - 320px)}  .media-video__container{width: 100%; overflow: hidden}  .media-bullet-list-4 P{width: calc(25% - 45px)}  .home-summary{background: var(--second-color)} .home-summary__container{display: block} .home-summary-left,.home-summary-right{width: 100%} .home-summary P.link{text-align: left; padding: 60px 0px 20px 0px} .home-summary A{font-size: 24px; line-height: 1; text-align: center; letter-spacing: -0.5px}  #popup{width: 90%; margin: 0px auto} IMG.img-popup,IMG.img-popup--active{width: 100%; max-width: 100%}} @media only screen and (max-width: 850px){  H1,H1 SPAN{color: #404040; font-size: 40px; line-height: 50px; letter-spacing: -1.5px}  .footer-1-of-3{width: 250px; padding-right: 60px} .footer-2-of-3{width: calc(100% - 310px - 60px); padding-right: 60px} .footer-3-of-3{display: none}  .home-summary{padding: 70px 0px}  .find-used-boats{display: block} .find-used-boats-left{width: 100%; height: 100vw} .find-used-boats-right{width: 90%; max-width: 90%; padding: 70px 5%; padding-top: 50px}  .home-icons{padding: 30px 0px 35px 0px} .home-icons__container{display: block} .home-icon{text-align: left; width: auto; padding: 35px 0px} .home-icon::after{display: none} .home-icon-3{margin: 0px} .home-icon{display: flex; align-items: flex-start} .home-icon IMG{width: 115px; height: auto; margin: 5px 0px 0px 0px} .home-icon .home-icon-text{width: calc(100% - 155px); padding: 0px 0px 0px 40px} .home-icon P{padding-left: 0px; padding-right: 0px} .home-icon P.description{font-size: 16px; line-height: 22px; padding-top: 15px}  A.article{width: calc(100% - 2px); margin: 0px auto 40px; display: block} A.article:last-child{margin-bottom: 0px}  .partners{padding-bottom: 60px} .partners__inner{justify-content: space-between} .partners__inner A{width: calc(50% - 6px); padding-top: calc(50% - 6px); margin: 0px 0px 8px 0px}  .media-image__container{width: 100%} .media-image__container IMG{width: 100%; height: auto} .media-image P.image-caption{padding-left: 5%; padding-right: 5%}  .media-quote{padding: 35px 0px 40px 0px; background: url(../images/bg-quote-small.png) no-repeat 0px 40px} .media-quote P.quote,.media-quote P.quote SPAN.italic{font-size: 26px; line-height: 34px; letter-spacing: -1px; -webkit-text-stroke: 0px} .media-quote P.quote{padding-left: 55px} .media-quote P.quote-credit,.media-quote P.quote-credit SPAN{font-size: 18px; line-height: 24px} .media-quote P.quote-credit{padding-top: 35px; padding-left: 55px}  .media-bullet-list-4 P{width: calc(50% - 45px)}  #apr{margin: 25px 0px 35px 0px; display: block; border: none} DIV.apr-left{width: 100%; background: #333d4a} DIV.apr-left H2,DIV.apr-left P,DIV.apr-left P STRONG{color: #fff} DIV.apr-left A{color: #000; border: solid 1px #707070; background: #fff} DIV.apr-left A:hover{background: #f0f0f0} DIV.apr-left-inner{max-width: 90%; padding-right: 5%; padding-left: 5%; float: none} DIV.apr-right{width: 100%; height: 400px}  #search-form{height: auto; margin-top: -10px} #search-form SELECT,#search-form DIV.search{margin-top: 10px} A.yacht-placeholder{width: calc(50% - 10px); margin-left: 0px; margin-right: 0px} A.yacht-placeholder-1-of-2{margin-right: 10px} A.yacht-placeholder-2-of-2{margin-left: 10px} } @media only screen and (max-width: 750px) { :root{--border-color: #989898}  H1,H1 SPAN{font-size: 34px; line-height: 42px; letter-spacing: -1px} H1{padding-top: 40px} H2,H2 SPAN{font-size: 28px; line-height: 34px; letter-spacing: -1px} H2{padding-top: 15px} H2.less-padding-top{padding-top: 5px} P.intro,P.intro A,P.intro SPAN{line-height: 30px}  .main-nav A.nav,.main-nav A.dropdown,.main-nav SPAN.link{font-size: 20px; line-height: 20px; margin-bottom: 15px} .main-nav A.dropdown{font-size: 16px; line-height: 16px} .main-nav A.dropdown::before{top: 12px} .main-nav SPAN.link::after{top: 12px} .main-nav .dropdown-responsive--active{margin-bottom: 25px}  FOOTER{padding-bottom: 45px} P.number-email{font-size: 22px; line-height: 1} .footer-1-of-3{width: 100%; padding: 0px} #mc_embed_signup INPUT{max-width: 240px} #mc_embed_signup{margin-bottom: 90px} .footer-2-of-3{display: none} #footer-admin{text-align: left; padding-left: 5%} #footer-admin SPAN{margin: 0px 20px}  #chat-button,#chat-widget{display: none}  .home-intro{padding: 50px 0px 65px 0px} .home-intro P{line-height: 1.35}  .home-summary{padding: 60px 0px} .home-summary H2{font-size: 50px; letter-spacing: -3px} .home-summary A{font-size: 20px; letter-spacing: -0.5px; width: 220px; padding: 10px 0px; border: solid 1px #484848}  .find-used-boats-left{height: 153.5vw; background-image: url(../images/home/used-boats-new-zealand-small.webp); background-repeat: no-repeat; background-position: center bottom} .find-used-boats-right{padding-top: 40px}  .home-icons{padding: 40px 0px 35px 0px} .home-icon{padding: 25px 0px} .home-icon IMG{width: 100px} .home-icon DIV.home-icon-text{width: calc(100% - 130px); padding: 0px 0px 0px 30px}  A.article{width: 100%; border: none; margin-bottom: 50px; padding: 0px} A.article:last-child{margin-bottom: 0px} P.article-title,P.article-date,P.article-summary,P.article-link{padding-left: 0px; padding-right: 0px} P.article-summary{padding-bottom: 25px}  .photo-gallery IMG{width: 100%; margin: 2px 0px}  .media-bullet-list-2 P,.media-bullet-list-4 P{width: calc(100% - 25px)}  .contact-social-media{margin-bottom: 60px} .contact-social-media P.contact-social{width: 150px}  #search-form{padding-bottom: 20px; border-bottom: solid 1px var(--border-color)} #search-form SELECT.search-brand,#search-form SELECT.search-length,#search-form SELECT.search-price,#search-form DIV.search{width: 47%; margin-bottom: 15px} #search-form SELECT.search-length{margin-right: 0px} A.yacht-placeholder{width: auto; margin-left: 0px; margin-right: 0px; display: block} A.yacht-placeholder-large DIV{padding: 0px; border: none} A.yacht-placeholder-large P{margin: 0px; display: block} A.yacht-placeholder-large P.yacht-placeholder-text-length{padding: 12px 0px 20px 0px} A.yacht-placeholder-large P.yacht-placeholder-text-price{padding: 20px 0px 20px 0px; border: solid 1px var(--border-color); border-left: none; border-right: none}  DIV.yacht-description-specs{width: 100%; display: block} DIV.yacht-description-specs-left{margin-right: 0px} DIV.yacht-description-specs-right{margin-left: 0px} #virtual-tour{margin: 50px 0px 0px 0px; display: block; background: #434d5a} #virtual-tour-left{width: 100%; height: 300px; justify-content: flex-start} #virtual-tour-right{width: calc(100% - 50px); max-width: auto; padding: 50px 25px 50px 25px; border: none; border-top: solid 1px #535d6a} #virtual-tour-button{width: 200px; height: auto; margin-left: 5%} #yacht-description-photos{width: 100%} #yacht-description-photos H2{margin-left: 5%} DIV.img-stock-yacht{width: 100%; display: block} DIV.img-stock-yacht-1-of-2{margin-right: 0px} DIV.img-stock-yacht-2-of-2{margin-left: 0px} DIV.img-stock-yacht IMG{cursor: text} #info-request INPUT{width: calc(100% - 32px)} #info-request INPUT.left{margin-right: 0px} #info-request INPUT.right{margin-left: 0px} #telephone-input-outer{width: calc(100%); margin-left: 0px; display: block}  #sources{margin: 0px 0px 50px 0px} #related-articles{padding-top: 0px; border: none; background: #fff}} @media only screen and (max-width: 500px){ .home-summary{padding-top: 0px; background: #fff} .home-summary__responsive-img{width: 100%; height: 141.5vw; margin: 0px 0px 50px 0px; background: url(../images/home/pinnacle-marine-to-attend-cannes-yachting-festival-2025.webp) no-repeat center top; background-size: cover} .home-summary H2{font-size: 44px; letter-spacing: -2px; padding-top: 30px} .home-summary P.summary{font-size: 26px}}