/* Let's default this puppy out -------------------------------------------------------------------------------*/ html, body, body div, span, object, iframe, h1, .h1, h2, .h2, h3, .h3, .info-photo-box .info h1, .info-photo-box .info .h1, .info-photo-box .info h2, .info-photo-box .info .h2, h4, .h4, h5, .h5, h6, .h6, .modal-wrapper .modal-content .modal-inner.text header h1, .modal-wrapper .modal-content .modal-inner.text header .h1, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; background: transparent; } article, aside, figure, footer, header, nav, section, details, summary { display: block; } /* Handle box-sizing while better addressing child elements: http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } /* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */ /* Responsive images and other embedded objects Note: keeping IMG here will cause problems if you're using foreground images as sprites. If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */ img, object, embed { max-width: 100%; } /* force a vertical scrollbar to prevent a jumpy page */ html { overflow-y: scroll; } /* we use a lot of ULs that aren't bulleted. don't forget to restore the bullets within content. */ ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; } /* tables still need cellspacing="0" in the markup */ table { border-collapse: collapse; border-spacing: 0; } th { font-weight: bold; vertical-align: bottom; } td { font-weight: normal; vertical-align: top; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ } input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } select, input, textarea { font: 99% sans-serif; } table { font-size: inherit; font: 100%; } small { font-size: 85%; } strong { font-weight: bold; } td, td img { vertical-align: top; } /* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* standardize any monospaced elements */ pre, code, kbd, samp { font-family: "Microsoft YaHei"; } /* hand cursor on clickable elements */ .clickable, label, input[type=button], input[type=submit], input[type=file], button { cursor: pointer; } /* Webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select, textarea { margin: 0; } /* make buttons play nice in IE */ button, input[type=button] { width: auto; overflow: visible; } /* scale images in IE7 more attractively */ .ie7 img { -ms-interpolation-mode: bicubic; } /* prevent BG image flicker upon hover (commented out as usage is rare, and the filter syntax messes with some pre-processors) .ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} */ /* let's clear some floats */ .clearfix:before, .nav-main ul:before, .nav-footer:before, .nav-yacht ul:before, .nav-yacht-secondary ul:before, .nav-yacht-single ul:before, .download-boxes:before, .news-box .news-box-full-content:before, .charter-list-box:before, .charter-list-box header:before, .settings-box form:before, .form-box form:before, .contact-details-list:before, .list-partners ul:before, .partner:before, .gallery-categories-list ul:before, .gallery-part:before, .wrapper:before, .tab-overview section:before, .wrapper-wide:before, .tab-overview section.download:before, .home-dealer .content:before, .home-dealer .home-company .company-content:before, .home-company .home-dealer .company-content:before, .page-home section:not(.home-dealer):not(.home-range):not(.home-slider):before, .wrapper-narrow:before, .page-contact header:before, .main-content:before, .footer .footer-copy:before, .home-range:before, .home-company:before, .home-news:before, .home-contact:before, .social .social-box-wrapper:before, .section-news-list .news-list:before, .section-news-list article:before, .tab-overview .technical-box:before, .col-820:before, .col-545:before, .clearfix:after, .nav-main ul:after, .nav-footer:after, .nav-yacht ul:after, .nav-yacht-secondary ul:after, .nav-yacht-single ul:after, .download-boxes:after, .news-box .news-box-full-content:after, .charter-list-box:after, .charter-list-box header:after, .settings-box form:after, .form-box form:after, .contact-details-list:after, .list-partners ul:after, .partner:after, .gallery-categories-list ul:after, .gallery-part:after, .wrapper:after, .tab-overview section:after, .wrapper-wide:after, .tab-overview section.download:after, .home-dealer .content:after, .home-dealer .home-company .company-content:after, .home-company .home-dealer .company-content:after, .page-home section:not(.home-dealer):not(.home-range):not(.home-slider):after, .wrapper-narrow:after, .page-contact header:after, .main-content:after, .footer .footer-copy:after, .home-range:after, .home-company:after, .home-news:after, .home-contact:after, .social .social-box-wrapper:after, .section-news-list .news-list:after, .section-news-list article:after, .tab-overview .technical-box:after, .col-820:after, .col-545:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after, .nav-main ul:after, .nav-footer:after, .nav-yacht ul:after, .nav-yacht-secondary ul:after, .nav-yacht-single ul:after, .download-boxes:after, .news-box .news-box-full-content:after, .charter-list-box:after, .charter-list-box header:after, .settings-box form:after, .form-box form:after, .contact-details-list:after, .list-partners ul:after, .partner:after, .gallery-categories-list ul:after, .gallery-part:after, .wrapper:after, .tab-overview section:after, .wrapper-wide:after, .tab-overview section.download:after, .home-dealer .content:after, .home-dealer .home-company .company-content:after, .home-company .home-dealer .company-content:after, .page-home section:not(.home-dealer):not(.home-range):not(.home-slider):after, .wrapper-narrow:after, .page-contact header:after, .main-content:after, .footer .footer-copy:after, .home-range:after, .home-company:after, .home-news:after, .home-contact:after, .social .social-box-wrapper:after, .section-news-list .news-list:after, .section-news-list article:after, .tab-overview .technical-box:after, .col-820:after, .col-545:after { clear: both; } .clearfix, .nav-main ul, .nav-footer, .nav-yacht ul, .nav-yacht-secondary ul, .nav-yacht-single ul, .download-boxes, .news-box .news-box-full-content, .charter-list-box, .charter-list-box header, .settings-box form, .form-box form, .contact-details-list, .list-partners ul, .partner, .gallery-categories-list ul, .gallery-part, .wrapper, .tab-overview section, .wrapper-wide, .tab-overview section.download, .home-dealer .content, .home-dealer .home-company .company-content, .home-company .home-dealer .company-content, .page-home section:not(.home-slider):not(.home-range):not(.home-dealer), .wrapper-narrow, .page-contact header, .main-content, .footer .footer-copy, .home-range, .home-company, .home-news, .home-contact, .social .social-box-wrapper, .section-news-list .news-list, .section-news-list article, .tab-overview .technical-box, .col-820, .col-545 { zoom: 1; } .dk-select, .dk-select *, .dk-select *:before, .dk-select *:after, .dk-select-multi, .dk-select-multi *, .dk-select-multi *:before, .dk-select-multi *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dk-select, .dk-select-multi { position: relative; display: inline-block; vertical-align: middle; line-height: 1.5em; width: 200px; cursor: pointer; } .dk-selected { width: 100%; white-space: nowrap; overflow: hidden; position: relative; background-color: white; border: 1px solid #CCCCCC; border-radius: 0.4em; padding: 0 1.5em 0 0.5em; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .dk-selected:before, .dk-selected:after { content: ''; display: block; position: absolute; right: 0; } .dk-selected:before { top: 50%; border: solid transparent; border-width: 0.25em 0.25em 0; border-top-color: #CCCCCC; margin: -0.125em 0.5em 0 0; } .dk-selected:after { top: 0; height: 100%; border-left: 1px solid #CCCCCC; margin: 0 1.5em 0 0; } .dk-selected-disabled { color: #BBBBBB; } .dk-select .dk-select-options { position: absolute; display: none; left: 0; right: 0; } .dk-select-open-up .dk-select-options { border-radius: 0.4em 0.4em 0 0; margin-bottom: -1px; bottom: 100%; } .dk-select-open-down .dk-select-options { border-radius: 0 0 0.4em 0.4em; margin-top: -1px; top: 100%; } .dk-select-multi .dk-select-options { max-height: 10em; } .dk-select-options { background-color: white; border: 1px solid #CCCCCC; border-radius: 0.4em; list-style: none; margin: 0; max-height: 10.5em; min-width: 100%; overflow-x: hidden; overflow-y: auto; padding: 0.25em 0; width: auto; z-index: 100; } .dk-option-selected { background-color: #3297fd; color: #fff; } .dk-select-options-highlight .dk-option-selected { background-color: transparent; color: inherit; } .dk-option { padding: 0 0.5em; } .dk-select-options .dk-option-highlight { background-color: #3297fd; color: #fff; } .dk-select-options .dk-option-disabled { color: #BBBBBB; background-color: transparent; } .dk-optgroup { border: solid #CCCCCC; border-width: 1px 0; padding: 0.25em 0; margin-top: 0.25em; } .dk-optgroup + .dk-option { margin-top: 0.25em; } .dk-optgroup + .dk-optgroup { border-top-width: 0; margin-top: 0; } .dk-optgroup:nth-child(2) { padding-top: 0; border-top: none; margin-top: 0; } .dk-optgroup:last-child { border-bottom-width: 0; margin-bottom: 0; padding-bottom: 0; } .dk-optgroup-label { padding: 0 0.5em 0.25em; font-weight: bold; width: 100%; } .dk-optgroup-options { list-style: none; padding-left: 0; } .dk-optgroup-options li { padding-left: 1.2em; } .dk-select-open-up .dk-selected { border-top-left-radius: 0; border-top-right-radius: 0; border-color: #3297fd; } .dk-select-open-down .dk-selected { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-color: #3297fd; } .dk-select-open-up .dk-selected:before, .dk-select-open-down .dk-selected:before { border-width: 0 0.25em 0.25em; border-bottom-color: #3297fd; } .dk-select-open-up .dk-selected:after, .dk-select-open-down .dk-selected:after { border-left-color: #3297fd; } .dk-select-open-up .dk-select-options, .dk-select-open-down .dk-select-options, .dk-select-multi:focus .dk-select-options { display: block; border-color: #3297fd; } .dk-select-multi:hover, .dk-select-multi:focus { outline: none; } .dk-selected:hover, .dk-selected:focus { outline: none; border-color: #3297fd; } .dk-selected:hover:before, .dk-selected:focus:before { border-top-color: #3297fd; } .dk-selected:hover:after, .dk-selected:focus:after { border-left-color: #3297fd; } .dk-select-disabled { opacity: 0.6; color: #BBBBBB; cursor: not-allowed; } .dk-select-disabled .dk-selected:hover, .dk-select-disabled .dk-selected:focus { border-color: inherit; } .dk-select-disabled .dk-selected:hover:before, .dk-select-disabled .dk-selected:focus:before { border-top-color: inherit; } .dk-select-disabled .dk-selected:hover:after, .dk-select-disabled .dk-selected:focus:after { border-left-color: inherit; } select[data-dkcacheid] { display: none; } /** Swiper 3.1.7 Most modern mobile touch slider and framework with hardware accelerated transitions http://www.idangero.us/swiper/ Copyright 2015, Vladimir Kharlampidi The iDangero.us http://www.idangero.us/ Licensed under MIT Released on: October 10, 2015 */ .swiper-container { margin: 0 auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } /* Arrows */ .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } /* Pagination Styles */ .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-white .swiper-pagination-bullet { background: #fff; } .swiper-pagination-bullet-active { opacity: 1; background: #fff; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-container-vertical > .swiper-pagination { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); -moz-transform: translate3d(0px, -50%, 0); -o-transform: translate(0px, -50%); -ms-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet { margin: 5px 0; display: block; } .swiper-container-horizontal > .swiper-pagination { bottom: 10px; left: 0; width: 100%; } .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet { margin: 0 5px; } /* 3D Container */ .swiper-container-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent)); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent); /* Opera 11.10-12.00 */ background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent)); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent); /* Opera 11.10-12.00 */ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent)); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent); /* Opera 11.10-12.00 */ background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent)); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent); /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); /* Firefox 16+, IE10, Opera 12.50+ */ } /* Coverflow */ .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } /* Fade */ .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } /* Cube */ .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; width: 100%; height: 100%; z-index: 1; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } /* Preloader */ .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } /* COMMON STUFF ------------------------------------------------------------------------- */ body { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input, button, textarea, select { -webkit-appearance: none; -webkit-font-smoothing: antialiased; -moz-appearance: none; } * { outline: 0 !important; } img { height: auto; } .clearfix, .nav-main ul, .nav-footer, .nav-yacht ul, .nav-yacht-secondary ul, .nav-yacht-single ul, .download-boxes, .news-box .news-box-full-content, .charter-list-box, .charter-list-box header, .settings-box form, .form-box form, .contact-details-list, .list-partners ul, .partner, .gallery-categories-list ul, .gallery-part, .wrapper, .tab-overview section, .wrapper-wide, .tab-overview section.download, .home-dealer .content, .home-dealer .home-company .company-content, .home-company .home-dealer .company-content, .page-home section:not(.home-slider):not(.home-range):not(.home-dealer), .wrapper-narrow, .page-contact header, .main-content, .footer .footer-copy, .home-range, .home-company, .home-news, .home-contact, .social .social-box-wrapper, .section-news-list .news-list, .section-news-list article, .tab-overview .technical-box, .col-820, .col-545 { zoom: 1; } .clearfix:before, .nav-main ul:before, .nav-footer:before, .nav-yacht ul:before, .nav-yacht-secondary ul:before, .nav-yacht-single ul:before, .download-boxes:before, .news-box .news-box-full-content:before, .charter-list-box:before, .charter-list-box header:before, .settings-box form:before, .form-box form:before, .contact-details-list:before, .list-partners ul:before, .partner:before, .gallery-categories-list ul:before, .gallery-part:before, .wrapper:before, .tab-overview section:before, .wrapper-wide:before, .tab-overview section.download:before, .home-dealer .content:before, .home-dealer .home-company .company-content:before, .home-company .home-dealer .company-content:before, .page-home section:not(.home-dealer):not(.home-range):not(.home-slider):before, .wrapper-narrow:before, .page-contact header:before, .main-content:before, .footer .footer-copy:before, .home-range:before, .home-company:before, .home-news:before, .home-contact:before, .social .social-box-wrapper:before, .section-news-list .news-list:before, .section-news-list article:before, .tab-overview .technical-box:before, .col-820:before, .col-545:before, .clearfix:after, .nav-main ul:after, .nav-footer:after, .nav-yacht ul:after, .nav-yacht-secondary ul:after, .nav-yacht-single ul:after, .download-boxes:after, .news-box .news-box-full-content:after, .charter-list-box:after, .charter-list-box header:after, .settings-box form:after, .form-box form:after, .contact-details-list:after, .list-partners ul:after, .partner:after, .gallery-categories-list ul:after, .gallery-part:after, .wrapper:after, .tab-overview section:after, .wrapper-wide:after, .tab-overview section.download:after, .home-dealer .content:after, .home-dealer .home-company .company-content:after, .home-company .home-dealer .company-content:after, .page-home section:not(.home-dealer):not(.home-range):not(.home-slider):after, .wrapper-narrow:after, .page-contact header:after, .main-content:after, .footer .footer-copy:after, .home-range:after, .home-company:after, .home-news:after, .home-contact:after, .social .social-box-wrapper:after, .section-news-list .news-list:after, .section-news-list article:after, .tab-overview .technical-box:after, .col-820:after, .col-545:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after, .nav-main ul:after, .nav-footer:after, .nav-yacht ul:after, .nav-yacht-secondary ul:after, .nav-yacht-single ul:after, .download-boxes:after, .news-box .news-box-full-content:after, .charter-list-box:after, .charter-list-box header:after, .settings-box form:after, .form-box form:after, .contact-details-list:after, .list-partners ul:after, .partner:after, .gallery-categories-list ul:after, .gallery-part:after, .wrapper:after, .tab-overview section:after, .wrapper-wide:after, .tab-overview section.download:after, .home-dealer .content:after, .home-dealer .home-company .company-content:after, .home-company .home-dealer .company-content:after, .page-home section:not(.home-dealer):not(.home-range):not(.home-slider):after, .wrapper-narrow:after, .page-contact header:after, .main-content:after, .footer .footer-copy:after, .home-range:after, .home-company:after, .home-news:after, .home-contact:after, .social .social-box-wrapper:after, .section-news-list .news-list:after, .section-news-list article:after, .tab-overview .technical-box:after, .col-820:after, .col-545:after { clear: both; } .sport-cruiser-bg, h1.sport-cruiser:after, .sport-cruiser.h1:after, .single-yacht.sport_cruiser h1:after, .single-yacht.sport_cruiser .h1:after, h2.sport-cruiser:after, .sport-cruiser.h2:after, h3.sport-cruiser:after, .sport-cruiser.h3:after, .info-photo-box .info h1.sport-cruiser:after, .info-photo-box .info h2.sport-cruiser:after, h4.sport-cruiser:after, .sport-cruiser.h4:after, h5.sport-cruiser:after, .sport-cruiser.h5:after, h6.sport-cruiser:after, .sport-cruiser.h6:after, .modal-wrapper .modal-content .modal-inner.text header h1.sport-cruiser:after, .modal-wrapper .modal-content .modal-inner.text header .sport-cruiser.h1:after, .modal-wrapper .modal-content .modal-inner.text header .single-yacht.sport_cruiser h1:after, .single-yacht.sport_cruiser .modal-wrapper .modal-content .modal-inner.text header h1:after, .modal-wrapper .modal-content .modal-inner.text header .single-yacht.sport_cruiser .h1:after, .single-yacht.sport_cruiser .modal-wrapper .modal-content .modal-inner.text header .h1:after, .no-touch .model-box:hover.sport_cruiser .line:after { background: #ff0000; } .hardtop-bg, h1.hardtop:after, .hardtop.h1:after, .single-yacht.hardtop h1:after, .single-yacht.hardtop .h1:after, h2.hardtop:after, .hardtop.h2:after, h3.hardtop:after, .hardtop.h3:after, .info-photo-box .info h1.hardtop:after, .info-photo-box .info h2.hardtop:after, h4.hardtop:after, .hardtop.h4:after, h5.hardtop:after, .hardtop.h5:after, h6.hardtop:after, .hardtop.h6:after, .modal-wrapper .modal-content .modal-inner.text header h1.hardtop:after, .modal-wrapper .modal-content .modal-inner.text header .hardtop.h1:after, .modal-wrapper .modal-content .modal-inner.text header .single-yacht.hardtop h1:after, .single-yacht.hardtop .modal-wrapper .modal-content .modal-inner.text header h1:after, .modal-wrapper .modal-content .modal-inner.text header .single-yacht.hardtop .h1:after, .single-yacht.hardtop .modal-wrapper .modal-content .modal-inner.text header .h1:after, .no-touch .model-box:hover.hardtop .line:after { background: #d3d3d3; } .flybridge-bg, h1.flybridge:after, .flybridge.h1:after, .single-yacht.flybridge h1:after, .single-yacht.flybridge .h1:after, h2.flybridge:after, .flybridge.h2:after, h3.flybridge:after, .flybridge.h3:after, .info-photo-box .info h1.flybridge:after, .info-photo-box .info h2.flybridge:after, h4.flybridge:after, .flybridge.h4:after, h5.flybridge:after, .flybridge.h5:after, h6.flybridge:after, .flybridge.h6:after, .modal-wrapper .modal-content .modal-inner.text header h1.flybridge:after, .modal-wrapper .modal-content .modal-inner.text header .flybridge.h1:after, .modal-wrapper .modal-content .modal-inner.text header .single-yacht.flybridge h1:after, .single-yacht.flybridge .modal-wrapper .modal-content .modal-inner.text header h1:after, .modal-wrapper .modal-content .modal-inner.text header .single-yacht.flybridge .h1:after, .single-yacht.flybridge .modal-wrapper .modal-content .modal-inner.text header .h1:after, .no-touch .model-box:hover.flybridge .line:after { background: #d3b883; } .skydeck-bg, h1.skydeck:after, .skydeck.h1:after, .single-yacht.skydeck h1:after, .single-yacht.skydeck .h1:after, h2.skydeck:after, .skydeck.h2:after, h3.skydeck:after, .skydeck.h3:after, .info-photo-box .info h1.skydeck:after, .info-photo-box .info h2.skydeck:after, h4.skydeck:after, .skydeck.h4:after, h5.skydeck:after, .skydeck.h5:after, h6.skydeck:after, .skydeck.h6:after, .modal-wrapper .modal-content .modal-inner.text header h1.skydeck:after, .modal-wrapper .modal-content .modal-inner.text header .skydeck.h1:after, .modal-wrapper .modal-content .modal-inner.text header .single-yacht.skydeck h1:after, .single-yacht.skydeck .modal-wrapper .modal-content .modal-inner.text header h1:after, .modal-wrapper .modal-content .modal-inner.text header .single-yacht.skydeck .h1:after, .single-yacht.skydeck .modal-wrapper .modal-content .modal-inner.text header .h1:after, .no-touch .model-box:hover.skydeck .line:after { background: #31ccff; } .sport-cruiser-font { color: #ff0000; } .hardtop-font { color: #d3d3d3; } .flybridge-font { color: #d3b883; } .skydeck-font { color: #31ccff; } ::-webkit-input-placeholder { font-size: 1.4rem; color: #000; font-weight: 600; } :-moz-placeholder { font-size: 1.4rem; color: #000; font-weight: 600; padding-top: 1rem; } ::-moz-placeholder { font-size: 1.4rem; color: #000; font-weight: 600; padding-top: 1rem; } :-ms-input-placeholder { font-size: 1.4rem; color: #000; font-weight: 600; } .loading { cursor: wait; opacity: 0.5; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-40, .col-60 { float: left; padding: 0; } .row { margin: 0; zoom: 1; } .row:before, .row:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .row:after { clear: both; } .col-1 { width: 8.3333%; } .col-2 { width: 16.6666%; } .col-3 { width: 25%; } .col-4 { width: 33.3333%; } .col-5 { width: 41.6666%; } .col-6 { width: 50%; } .col-7 { width: 58.3333%; } .col-8 { width: 66.6666%; } .col-9 { width: 75%; } .col-10 { width: 83.3333%; } .col-11 { width: 91.6666%; } .col-12 { width: 100%; } .col-push-1 { margin-left: 8.3333%; } .col-push-2 { margin-left: 16.6666%; } .col-push-3 { margin-left: 25%; } .col-push-4 { margin-left: 33.3333%; } .col-push-5 { margin-left: 41.6666%; } .col-push-6 { margin-left: 50%; } .col-push-7 { margin-left: 58.3333%; } .col-push-8 { margin-left: 66.6666%; } .col-push-9 { margin-left: 75%; } .col-push-10 { margin-left: 83.3333%; } .col-push-11 { margin-left: 91.6666%; } .col-push-12 { margin-left: 100%; } .col-40 { width: 39.9%; } .col-60 { width: 59.99%; } @media screen and (max-width: 1099px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-40, .col-60 { float: none; width: 100%; } .col-push-* { margin-left: 0%; } } body { line-height: 1.2; font-size: 1.8rem; } body, select, input, textarea, button, select { color: #000; font-family: "Microsoft YaHei"; } ::-moz-selection { background: #d3b883; color: #fff; text-shadow: none; } ::selection { background: #d3b883; color: #fff; text-shadow: none; } h1, .h1 { font-size: 4rem; margin-bottom: 6rem; font-weight: 600; line-height: 1; position: relative; letter-spacing: 0.06em; } h1:after, .h1:after { position: absolute; bottom: -2.5rem; display: block; content: ''; width: 6rem; height: 0.2rem; background: #d3b883; } h2, .h2 { font-size: 2.8rem; margin-bottom: 2.4rem; font-weight: 600; line-height: 1; letter-spacing: 0.06em; position: relative; } h2:after, .h2:after { position: absolute; bottom: -1.4rem; display: block; content: ''; width: 6rem; height: 0.2rem; } h3, .h3, .info-photo-box .info h1, .info-photo-box .info .h1, .info-photo-box .info h2, .info-photo-box .info .h2 { font-size: 2rem; font-weight: inherit; line-height: 1.5; margin-bottom: 3rem; font-weight: 600; letter-spacing: 0.038em; position: relative; } h3:after, .h3:after, .info-photo-box .info h1:after, .info-photo-box .info .h1:after, .info-photo-box .info h2:after, .info-photo-box .info .h2:after { position: absolute; bottom: -1.8rem; display: block; content: ''; width: 6rem; height: 0.2rem; background: #d3b883; } h4, .h4 { font-size: 2rem; color: #d3d3d3; background: #282828; font-weight: inherit; line-height: inherit; margin-bottom: 2rem; line-height: 3.5rem; padding: 0 2rem; } h5, .h5 { font-size: 1.4rem; font-weight: 500; letter-spacing: 0.038em; text-align: center; } h1.left, .left.h1, .section-text-subpage h1, .section-text-subpage .h1, h2.left, .left.h2, .section-text-subpage h1.h2, .section-text-subpage .h2.h1, h3.left, .left.h3, .info-photo-box .info h1.left, .info-photo-box .info .left.h1, .info-photo-box .info .section-text-subpage h1, .section-text-subpage .info-photo-box .info h1, .info-photo-box .info .section-text-subpage .h1, .section-text-subpage .info-photo-box .info .h1, .info-photo-box .info h2.left, .info-photo-box .info .left.h2, .section-text-subpage h1.h3, .section-text-subpage .h3.h1, section.text-section:nth-child(even) h3, section.text-section:nth-child(even) .h3, section.text-section:nth-child(even) .info-photo-box .info h1, .info-photo-box .info section.text-section:nth-child(even) h1, section.text-section:nth-child(even) .info-photo-box .info .h1, .info-photo-box .info section.text-section:nth-child(even) .h1, section.text-section:nth-child(even) .info-photo-box .info h2, .info-photo-box .info section.text-section:nth-child(even) h2, section.text-section:nth-child(even) .info-photo-box .info .h2, .info-photo-box .info section.text-section:nth-child(even) .h2, h4.left, .left.h4, .section-text-subpage h1.h4, .section-text-subpage .h4.h1, h5.left, .left.h5, .section-text-subpage h1.h5, .section-text-subpage .h5.h1, h6.left, .left.h6, .modal-wrapper .modal-content .modal-inner.text header h1.left, .modal-wrapper .modal-content .modal-inner.text header .left.h1, .modal-wrapper .modal-content .modal-inner.text header .section-text-subpage h1, .section-text-subpage .modal-wrapper .modal-content .modal-inner.text header h1, .modal-wrapper .modal-content .modal-inner.text header .section-text-subpage .h1, .section-text-subpage .modal-wrapper .modal-content .modal-inner.text header .h1, .section-text-subpage h1.h6, .section-text-subpage .h6.h1 { text-align: left; } h1.left:after, .left.h1:after, .section-text-subpage h1:after, .section-text-subpage .h1:after, h2.left:after, .left.h2:after, .section-text-subpage h1.h2:after, .section-text-subpage .h2.h1:after, h3.left:after, .left.h3:after, .info-photo-box .info h1.left:after, .info-photo-box .info .left.h1:after, .info-photo-box .info .section-text-subpage h1:after, .section-text-subpage .info-photo-box .info h1:after, .info-photo-box .info .section-text-subpage .h1:after, .section-text-subpage .info-photo-box .info .h1:after, .info-photo-box .info h2.left:after, .info-photo-box .info .left.h2:after, .section-text-subpage h1.h3:after, .section-text-subpage .h3.h1:after, section.text-section:nth-child(even) h3:after, section.text-section:nth-child(even) .h3:after, section.text-section:nth-child(even) .info-photo-box .info h1:after, .info-photo-box .info section.text-section:nth-child(even) h1:after, section.text-section:nth-child(even) .info-photo-box .info .h1:after, .info-photo-box .info section.text-section:nth-child(even) .h1:after, section.text-section:nth-child(even) .info-photo-box .info h2:after, .info-photo-box .info section.text-section:nth-child(even) h2:after, section.text-section:nth-child(even) .info-photo-box .info .h2:after, .info-photo-box .info section.text-section:nth-child(even) .h2:after, h4.left:after, .left.h4:after, .section-text-subpage h1.h4:after, .section-text-subpage .h4.h1:after, h5.left:after, .left.h5:after, .section-text-subpage h1.h5:after, .section-text-subpage .h5.h1:after, h6.left:after, .left.h6:after, .modal-wrapper .modal-content .modal-inner.text header h1.left:after, .modal-wrapper .modal-content .modal-inner.text header .left.h1:after, .modal-wrapper .modal-content .modal-inner.text header .section-text-subpage h1:after, .section-text-subpage .modal-wrapper .modal-content .modal-inner.text header h1:after, .modal-wrapper .modal-content .modal-inner.text header .section-text-subpage .h1:after, .section-text-subpage .modal-wrapper .modal-content .modal-inner.text header .h1:after, .section-text-subpage h1.h6:after, .section-text-subpage .h6.h1:after { left: 0; } h1.center, h1.highlight, .highlight.h1, .center.h1, .modal-wrapper .modal-content .modal-inner.text header h1.h1.highlight, .page-home .content h1, .page-home .home-company .company-content h1, .home-company .page-home .company-content h1, .page-home .content .h1, .page-home .home-company .company-content .h1, .home-company .page-home .company-content .h1, .page-contact h1, .page-contact .h1, .single-model h1, .single-model .h1, h2.center, h2.highlight, .highlight.h2, .center.h2, .modal-wrapper .modal-content .modal-inner.text header h1.h2.highlight, .modal-wrapper .modal-content .modal-inner.text header .h2.highlight.h1, .page-home .content h1.h2, .page-home .home-company .company-content h1.h2, .home-company .page-home .company-content h1.h2, .page-home .content .h2.h1, .page-home .home-company .company-content .h2.h1, .home-company .page-home .company-content .h2.h1, .page-contact h1.h2, .page-contact .h2.h1, .single-model h1.h2, .single-model .h2.h1, h3.center, h3.highlight, .highlight.h3, .info-photo-box .info h1.highlight, .info-photo-box .info .highlight.h1, .info-photo-box .info h2.highlight, .info-photo-box .info .highlight.h2, .center.h3, .modal-wrapper .modal-content .modal-inner.text header h1.h3.highlight, .modal-wrapper .modal-content .modal-inner.text header .h3.highlight.h1, .modal-wrapper .modal-content .modal-inner.text header .info-photo-box .info h1.highlight, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text header h1.highlight, .modal-wrapper .modal-content .modal-inner.text header .info-photo-box .info .highlight.h1, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text header .highlight.h1, .info-photo-box .info h1.center, .info-photo-box .info .center.h1, .info-photo-box .info .page-home .content h1, .page-home .content .info-photo-box .info h1, .info-photo-box .info .page-home .home-company .company-content h1, .page-home .home-company .company-content .info-photo-box .info h1, .info-photo-box .info .home-company .page-home .company-content h1, .home-company .page-home .company-content .info-photo-box .info h1, .info-photo-box .info .page-home .content .h1, .page-home .content .info-photo-box .info .h1, .info-photo-box .info .page-home .home-company .company-content .h1, .page-home .home-company .company-content .info-photo-box .info .h1, .info-photo-box .info .home-company .page-home .company-content .h1, .home-company .page-home .company-content .info-photo-box .info .h1, .info-photo-box .info .page-contact h1, .page-contact .info-photo-box .info h1, .info-photo-box .info .page-contact .h1, .page-contact .info-photo-box .info .h1, .info-photo-box .info .single-model h1, .single-model .info-photo-box .info h1, .info-photo-box .info .single-model .h1, .single-model .info-photo-box .info .h1, .info-photo-box .info h2.center, .info-photo-box .info .center.h2, .page-home .content h1.h3, .page-home .home-company .company-content h1.h3, .home-company .page-home .company-content h1.h3, .page-home .content .h3.h1, .page-home .home-company .company-content .h3.h1, .home-company .page-home .company-content .h3.h1, .page-contact h1.h3, .page-contact .h3.h1, .single-model h1.h3, .single-model .h3.h1, h4.center, h4.highlight, .highlight.h4, .center.h4, .modal-wrapper .modal-content .modal-inner.text header h1.h4.highlight, .modal-wrapper .modal-content .modal-inner.text header .h4.highlight.h1, .page-home .content h1.h4, .page-home .home-company .company-content h1.h4, .home-company .page-home .company-content h1.h4, .page-home .content .h4.h1, .page-home .home-company .company-content .h4.h1, .home-company .page-home .company-content .h4.h1, .page-contact h1.h4, .page-contact .h4.h1, .single-model h1.h4, .single-model .h4.h1, h5.center, h5.highlight, .highlight.h5, .center.h5, .modal-wrapper .modal-content .modal-inner.text header h1.h5.highlight, .modal-wrapper .modal-content .modal-inner.text header .h5.highlight.h1, .page-home .content h1.h5, .page-home .home-company .company-content h1.h5, .home-company .page-home .company-content h1.h5, .page-home .content .h5.h1, .page-home .home-company .company-content .h5.h1, .home-company .page-home .company-content .h5.h1, .page-contact h1.h5, .page-contact .h5.h1, .single-model h1.h5, .single-model .h5.h1, h6.center, h6.highlight, .highlight.h6, .modal-wrapper .modal-content .modal-inner.text header h1.highlight, .modal-wrapper .modal-content .modal-inner.text header .highlight.h1, .center.h6, .modal-wrapper .modal-content .modal-inner.text header h1.center, .modal-wrapper .modal-content .modal-inner.text header .center.h1, .modal-wrapper .modal-content .modal-inner.text header .page-home .content h1, .page-home .content .modal-wrapper .modal-content .modal-inner.text header h1, .modal-wrapper .modal-content .modal-inner.text header .page-home .home-company .company-content h1, .page-home .home-company .company-content .modal-wrapper .modal-content .modal-inner.text header h1, .modal-wrapper .modal-content .modal-inner.text header .home-company .page-home .company-content h1, .home-company .page-home .company-content .modal-wrapper .modal-content .modal-inner.text header h1, .modal-wrapper .modal-content .modal-inner.text header .page-home .content .h1, .page-home .content .modal-wrapper .modal-content .modal-inner.text header .h1, .modal-wrapper .modal-content .modal-inner.text header .page-home .home-company .company-content .h1, .page-home .home-company .company-content .modal-wrapper .modal-content .modal-inner.text header .h1, .modal-wrapper .modal-content .modal-inner.text header .home-company .page-home .company-content .h1, .home-company .page-home .company-content .modal-wrapper .modal-content .modal-inner.text header .h1, .modal-wrapper .modal-content .modal-inner.text header .page-contact h1, .page-contact .modal-wrapper .modal-content .modal-inner.text header h1, .modal-wrapper .modal-content .modal-inner.text header .page-contact .h1, .page-contact .modal-wrapper .modal-content .modal-inner.text header .h1, .modal-wrapper .modal-content .modal-inner.text header .single-model h1, .single-model .modal-wrapper .modal-content .modal-inner.text header h1, .modal-wrapper .modal-content .modal-inner.text header .single-model .h1, .single-model .modal-wrapper .modal-content .modal-inner.text header .h1, .page-home .content h1.h6, .page-home .home-company .company-content h1.h6, .home-company .page-home .company-content h1.h6, .page-home .content .h6.h1, .page-home .home-company .company-content .h6.h1, .home-company .page-home .company-content .h6.h1, .page-contact h1.h6, .page-contact .h6.h1, .single-model h1.h6, .single-model .h6.h1 { text-align: center; } h1.center:after, h1.highlight:after, .highlight.h1:after, .center.h1:after, .modal-wrapper .modal-content .modal-inner.text header h1.h1.highlight:after, .page-home .content h1:after, .page-home .home-company .company-content h1:after, .home-company .page-home .company-content h1:after, .page-home .content .h1:after, .page-home .home-company .company-content .h1:after, .home-company .page-home .company-content .h1:after, .page-contact h1:after, .page-contact .h1:after, .single-model h1:after, .single-model .h1:after, h2.center:after, h2.highlight:after, .highlight.h2:after, .center.h2:after, .modal-wrapper .modal-content .modal-inner.text header h1.h2.highlight:after, .modal-wrapper .modal-content .modal-inner.text header .h2.highlight.h1:after, .page-home .content h1.h2:after, .page-home .home-company .company-content h1.h2:after, .home-company .page-home .company-content h1.h2:after, .page-home .content .h2.h1:after, .page-home .home-company .company-content .h2.h1:after, .home-company .page-home .company-content .h2.h1:after, .page-contact h1.h2:after, .page-contact .h2.h1:after, .single-model h1.h2:after, .single-model .h2.h1:after, h3.center:after, h3.highlight:after, .highlight.h3:after, .info-photo-box .info h1.highlight:after, .info-photo-box .info .highlight.h1:after, .info-photo-box .info h2.highlight:after, .info-photo-box .info .highlight.h2:after, .center.h3:after, .modal-wrapper .modal-content .modal-inner.text header h1.h3.highlight:after, .modal-wrapper .modal-content .modal-inner.text header .h3.highlight.h1:after, .modal-wrapper .modal-content .modal-inner.text header .info-photo-box .info h1.highlight:after, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text header h1.highlight:after, .modal-wrapper .modal-content .modal-inner.text header .info-photo-box .info .highlight.h1:after, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text header .highlight.h1:after, .info-photo-box .info h1.center:after, .info-photo-box .info .center.h1:after, .info-photo-box .info .page-home .content h1:after, .page-home .content .info-photo-box .info h1:after, .info-photo-box .info .page-home .home-company .company-content h1:after, .page-home .home-company .company-content .info-photo-box .info h1:after, .info-photo-box .info .home-company .page-home .company-content h1:after, .home-company .page-home .company-content .info-photo-box .info h1:after, .info-photo-box .info .page-home .content .h1:after, .page-home .content .info-photo-box .info .h1:after, .info-photo-box .info .page-home .home-company .company-content .h1:after, .page-home .home-company .company-content .info-photo-box .info .h1:after, .info-photo-box .info .home-company .page-home .company-content .h1:after, .home-company .page-home .company-content .info-photo-box .info .h1:after, .info-photo-box .info .page-contact h1:after, .page-contact .info-photo-box .info h1:after, .info-photo-box .info .page-contact .h1:after, .page-contact .info-photo-box .info .h1:after, .info-photo-box .info .single-model h1:after, .single-model .info-photo-box .info h1:after, .info-photo-box .info .single-model .h1:after, .single-model .info-photo-box .info .h1:after, .info-photo-box .info h2.center:after, .info-photo-box .info .center.h2:after, .page-home .content h1.h3:after, .page-home .home-company .company-content h1.h3:after, .home-company .page-home .company-content h1.h3:after, .page-home .content .h3.h1:after, .page-home .home-company .company-content .h3.h1:after, .home-company .page-home .company-content .h3.h1:after, .page-contact h1.h3:after, .page-contact .h3.h1:after, .single-model h1.h3:after, .single-model .h3.h1:after, h4.center:after, h4.highlight:after, .highlight.h4:after, .center.h4:after, .modal-wrapper .modal-content .modal-inner.text header h1.h4.highlight:after, .modal-wrapper .modal-content .modal-inner.text header .h4.highlight.h1:after, .page-home .content h1.h4:after, .page-home .home-company .company-content h1.h4:after, .home-company .page-home .company-content h1.h4:after, .page-home .content .h4.h1:after, .page-home .home-company .company-content .h4.h1:after, .home-company .page-home .company-content .h4.h1:after, .page-contact h1.h4:after, .page-contact .h4.h1:after, .single-model h1.h4:after, .single-model .h4.h1:after, h5.center:after, h5.highlight:after, .highlight.h5:after, .center.h5:after, .modal-wrapper .modal-content .modal-inner.text header h1.h5.highlight:after, .modal-wrapper .modal-content .modal-inner.text header .h5.highlight.h1:after, .page-home .content h1.h5:after, .page-home .home-company .company-content h1.h5:after, .home-company .page-home .company-content h1.h5:after, .page-home .content .h5.h1:after, .page-home .home-company .company-content .h5.h1:after, .home-company .page-home .company-content .h5.h1:after, .page-contact h1.h5:after, .page-contact .h5.h1:after, .single-model h1.h5:after, .single-model .h5.h1:after, h6.center:after, h6.highlight:after, .highlight.h6:after, .modal-wrapper .modal-content .modal-inner.text header h1.highlight:after, .modal-wrapper .modal-content .modal-inner.text header .highlight.h1:after, .center.h6:after, .modal-wrapper .modal-content .modal-inner.text header h1.center:after, .modal-wrapper .modal-content .modal-inner.text header .center.h1:after, .modal-wrapper .modal-content .modal-inner.text header .page-home .content h1:after, .page-home .content .modal-wrapper .modal-content .modal-inner.text header h1:after, .modal-wrapper .modal-content .modal-inner.text header .page-home .home-company .company-content h1:after, .page-home .home-company .company-content .modal-wrapper .modal-content .modal-inner.text header h1:after, .modal-wrapper .modal-content .modal-inner.text header .home-company .page-home .company-content h1:after, .home-company .page-home .company-content .modal-wrapper .modal-content .modal-inner.text header h1:after, .modal-wrapper .modal-content .modal-inner.text header .page-home .content .h1:after, .page-home .content .modal-wrapper .modal-content .modal-inner.text header .h1:after, .modal-wrapper .modal-content .modal-inner.text header .page-home .home-company .company-content .h1:after, .page-home .home-company .company-content .modal-wrapper .modal-content .modal-inner.text header .h1:after, .modal-wrapper .modal-content .modal-inner.text header .home-company .page-home .company-content .h1:after, .home-company .page-home .company-content .modal-wrapper .modal-content .modal-inner.text header .h1:after, .modal-wrapper .modal-content .modal-inner.text header .page-contact h1:after, .page-contact .modal-wrapper .modal-content .modal-inner.text header h1:after, .modal-wrapper .modal-content .modal-inner.text header .page-contact .h1:after, .page-contact .modal-wrapper .modal-content .modal-inner.text header .h1:after, .modal-wrapper .modal-content .modal-inner.text header .single-model h1:after, .single-model .modal-wrapper .modal-content .modal-inner.text header h1:after, .modal-wrapper .modal-content .modal-inner.text header .single-model .h1:after, .single-model .modal-wrapper .modal-content .modal-inner.text header .h1:after, .page-home .content h1.h6:after, .page-home .home-company .company-content h1.h6:after, .home-company .page-home .company-content h1.h6:after, .page-home .content .h6.h1:after, .page-home .home-company .company-content .h6.h1:after, .home-company .page-home .company-content .h6.h1:after, .page-contact h1.h6:after, .page-contact .h6.h1:after, .single-model h1.h6:after, .single-model .h6.h1:after { left: 50%; margin-left: -3rem; } h1.right, .right.h1, h2.right, .right.h2, h3.right, .right.h3, .info-photo-box .info h1.right, .info-photo-box .info .right.h1, .info-photo-box .info h2.right, .info-photo-box .info .right.h2, section.text-section:nth-child(odd) h3, section.text-section:nth-child(odd) .h3, section.text-section:nth-child(odd) .info-photo-box .info h1, .info-photo-box .info section.text-section:nth-child(odd) h1, section.text-section:nth-child(odd) .info-photo-box .info .h1, .info-photo-box .info section.text-section:nth-child(odd) .h1, section.text-section:nth-child(odd) .info-photo-box .info h2, .info-photo-box .info section.text-section:nth-child(odd) h2, section.text-section:nth-child(odd) .info-photo-box .info .h2, .info-photo-box .info section.text-section:nth-child(odd) .h2, h4.right, .right.h4, h5.right, .right.h5, h6.right, .right.h6, .modal-wrapper .modal-content .modal-inner.text header h1.right, .modal-wrapper .modal-content .modal-inner.text header .right.h1 { text-align: right; } h1.right:after, .right.h1:after, h2.right:after, .right.h2:after, h3.right:after, .right.h3:after, .info-photo-box .info h1.right:after, .info-photo-box .info .right.h1:after, .info-photo-box .info h2.right:after, .info-photo-box .info .right.h2:after, section.text-section:nth-child(odd) h3:after, section.text-section:nth-child(odd) .h3:after, section.text-section:nth-child(odd) .info-photo-box .info h1:after, .info-photo-box .info section.text-section:nth-child(odd) h1:after, section.text-section:nth-child(odd) .info-photo-box .info .h1:after, .info-photo-box .info section.text-section:nth-child(odd) .h1:after, section.text-section:nth-child(odd) .info-photo-box .info h2:after, .info-photo-box .info section.text-section:nth-child(odd) h2:after, section.text-section:nth-child(odd) .info-photo-box .info .h2:after, .info-photo-box .info section.text-section:nth-child(odd) .h2:after, h4.right:after, .right.h4:after, h5.right:after, .right.h5:after, h6.right:after, .right.h6:after, .modal-wrapper .modal-content .modal-inner.text header h1.right:after, .modal-wrapper .modal-content .modal-inner.text header .right.h1:after { right: 0; } h1.narrow:after, .narrow.h1:after, .news-box.news-box-content h1:after, .news-box.news-box-content .h1:after, .news-box .news-box-content h1:after, .news-box .news-box-content .h1:after, .news-box .news-box-full-content .text article header h1:after, .news-box .news-box-full-content .text article header .h1:after, h2.narrow:after, .narrow.h2:after, h3.narrow:after, .narrow.h3:after, .info-photo-box .info h1.narrow:after, .info-photo-box .info .narrow.h1:after, .info-photo-box .info .news-box.news-box-content h1:after, .news-box.news-box-content .info-photo-box .info h1:after, .info-photo-box .info .news-box.news-box-content .h1:after, .news-box.news-box-content .info-photo-box .info .h1:after, .info-photo-box .info .news-box .news-box-content h1:after, .news-box .news-box-content .info-photo-box .info h1:after, .info-photo-box .info .news-box .news-box-content .h1:after, .news-box .news-box-content .info-photo-box .info .h1:after, .info-photo-box .info .news-box .news-box-full-content .text article header h1:after, .news-box .news-box-full-content .text article header .info-photo-box .info h1:after, .info-photo-box .info .news-box .news-box-full-content .text article header .h1:after, .news-box .news-box-full-content .text article header .info-photo-box .info .h1:after, .info-photo-box .info h2.narrow:after, .info-photo-box .info .narrow.h2:after, h4.narrow:after, .narrow.h4:after, h5.narrow:after, .narrow.h5:after, h6.narrow:after, .narrow.h6:after, .modal-wrapper .modal-content .modal-inner.text header h1.narrow:after, .modal-wrapper .modal-content .modal-inner.text header .narrow.h1:after, .modal-wrapper .modal-content .modal-inner.text header .news-box.news-box-content h1:after, .news-box.news-box-content .modal-wrapper .modal-content .modal-inner.text header h1:after, .modal-wrapper .modal-content .modal-inner.text header .news-box.news-box-content .h1:after, .news-box.news-box-content .modal-wrapper .modal-content .modal-inner.text header .h1:after, .modal-wrapper .modal-content .modal-inner.text header .news-box .news-box-content h1:after, .news-box .news-box-content .modal-wrapper .modal-content .modal-inner.text header h1:after, .modal-wrapper .modal-content .modal-inner.text header .news-box .news-box-content .h1:after, .news-box .news-box-content .modal-wrapper .modal-content .modal-inner.text header .h1:after, .modal-wrapper .modal-content .news-box .news-box-full-content .modal-inner.text article header h1:after, .news-box .news-box-full-content .modal-wrapper .modal-content .modal-inner.text article header h1:after, .modal-wrapper .modal-content .news-box .news-box-full-content .modal-inner.text article header .h1:after, .news-box .news-box-full-content .modal-wrapper .modal-content .modal-inner.text article header .h1:after { width: 3rem; } h1.plain, h1.highlight, .highlight.h1, .plain.h1, .modal-wrapper .modal-content .modal-inner.text h3.h1, .modal-wrapper .modal-content .modal-inner.text .h1.h3, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h1.h1, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h1.h1, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h2.h1, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h2.h1, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info .h1.h2, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text .h1.h2, .yacht-design-wrapper header h3.h1, .yacht-design-wrapper header .h1.h3, .modal-wrapper .modal-content .modal-inner.text header h1, .modal-wrapper .modal-content .modal-inner.text header .h1, .info-photo-box .info h1, .info-photo-box .info .h1, header.single-yacht-header h1, header.single-yacht-header .h1, h2.plain, h2.highlight, .highlight.h2, .plain.h2, .modal-wrapper .modal-content .modal-inner.text h3.h2, .modal-wrapper .modal-content .modal-inner.text .h2.h3, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h1.h2, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h1.h2, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info .h2.h1, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text .h2.h1, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h2.h2, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h2.h2, .modal-wrapper .modal-content .modal-inner.text header h1.h2, .modal-wrapper .modal-content .modal-inner.text header .h2.h1, .info-photo-box .info h1.h2, .info-photo-box .info .h2.h1, .yacht-design-wrapper header h3.h2, .yacht-design-wrapper header .h2.h3, .yacht-design-wrapper header .info-photo-box .info h2.h2, .info-photo-box .info .yacht-design-wrapper header h2.h2, header.single-yacht-header h1.h2, header.single-yacht-header .h2.h1, h3.plain, h3.highlight, .highlight.h3, .info-photo-box .info h2.highlight, .info-photo-box .info .highlight.h2, .plain.h3, .info-photo-box .info h1, .info-photo-box .info .h1, .info-photo-box .info h2.plain, .info-photo-box .info .plain.h2, header.single-yacht-header h1.h3, header.single-yacht-header .h3.h1, .modal-wrapper .modal-content .modal-inner.text h3, .modal-wrapper .modal-content .modal-inner.text .h3, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h1, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h1, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info .h1, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text .h1, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h2, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h2, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info .h2, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text .h2, .yacht-design-wrapper header h3, .yacht-design-wrapper header .h3, .yacht-design-wrapper header .info-photo-box .info h2, .info-photo-box .info .yacht-design-wrapper header h2, .yacht-design-wrapper header .info-photo-box .info .h2, .info-photo-box .info .yacht-design-wrapper header .h2, h4.plain, h4.highlight, .highlight.h4, .plain.h4, .modal-wrapper .modal-content .modal-inner.text h3.h4, .modal-wrapper .modal-content .modal-inner.text .h4.h3, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h1.h4, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h1.h4, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info .h4.h1, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text .h4.h1, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h2.h4, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h2.h4, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info .h4.h2, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text .h4.h2, .modal-wrapper .modal-content .modal-inner.text header h1.h4, .modal-wrapper .modal-content .modal-inner.text header .h4.h1, .info-photo-box .info h1.h4, .info-photo-box .info .h4.h1, .yacht-design-wrapper header h3.h4, .yacht-design-wrapper header .h4.h3, .yacht-design-wrapper header .info-photo-box .info h2.h4, .info-photo-box .info .yacht-design-wrapper header h2.h4, .yacht-design-wrapper header .info-photo-box .info .h4.h2, .info-photo-box .info .yacht-design-wrapper header .h4.h2, header.single-yacht-header h1.h4, header.single-yacht-header .h4.h1, h5.plain, h5.highlight, .highlight.h5, .plain.h5, .modal-wrapper .modal-content .modal-inner.text h3.h5, .modal-wrapper .modal-content .modal-inner.text .h5.h3, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h1.h5, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h1.h5, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info .h5.h1, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text .h5.h1, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h2.h5, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h2.h5, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info .h5.h2, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text .h5.h2, .modal-wrapper .modal-content .modal-inner.text header h1.h5, .modal-wrapper .modal-content .modal-inner.text header .h5.h1, .info-photo-box .info h1.h5, .info-photo-box .info .h5.h1, .yacht-design-wrapper header h3.h5, .yacht-design-wrapper header .h5.h3, .yacht-design-wrapper header .info-photo-box .info h2.h5, .info-photo-box .info .yacht-design-wrapper header h2.h5, .yacht-design-wrapper header .info-photo-box .info .h5.h2, .info-photo-box .info .yacht-design-wrapper header .h5.h2, header.single-yacht-header h1.h5, header.single-yacht-header .h5.h1, h6.plain, h6.highlight, .highlight.h6, .plain.h6, .modal-wrapper .modal-content .modal-inner.text h3.h6, .modal-wrapper .modal-content .modal-inner.text .h6.h3, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h1.h6, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h1.h6, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info .h6.h1, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text .h6.h1, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h2.h6, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h2.h6, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info .h6.h2, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text .h6.h2, .modal-wrapper .modal-content .modal-inner.text header h1, .modal-wrapper .modal-content .modal-inner.text header .h1, .info-photo-box .info h1.h6, .info-photo-box .info .h6.h1, .yacht-design-wrapper header h3.h6, .yacht-design-wrapper header .h6.h3, .yacht-design-wrapper header .info-photo-box .info h2.h6, .info-photo-box .info .yacht-design-wrapper header h2.h6, .yacht-design-wrapper header .info-photo-box .info .h6.h2, .info-photo-box .info .yacht-design-wrapper header .h6.h2, header.single-yacht-header h1.h6, header.single-yacht-header .h6.h1 { margin-bottom: 1rem; } h1.plain:after, h1.highlight:after, .highlight.h1:after, .plain.h1:after, .modal-wrapper .modal-content .modal-inner.text h3.h1:after, .modal-wrapper .modal-content .modal-inner.text .h1.h3:after, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h1.h1:after, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h1.h1:after, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h2.h1:after, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h2.h1:after, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info .h1.h2:after, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text .h1.h2:after, .yacht-design-wrapper header h3.h1:after, .yacht-design-wrapper header .h1.h3:after, .modal-wrapper .modal-content .modal-inner.text header h1:after, .modal-wrapper .modal-content .modal-inner.text header .h1:after, .info-photo-box .info h1:after, .info-photo-box .info .h1:after, header.single-yacht-header h1:after, header.single-yacht-header .h1:after, h2.plain:after, h2.highlight:after, .highlight.h2:after, .plain.h2:after, .modal-wrapper .modal-content .modal-inner.text h3.h2:after, .modal-wrapper .modal-content .modal-inner.text .h2.h3:after, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h1.h2:after, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h1.h2:after, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h2.h2:after, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h2.h2:after, .modal-wrapper .modal-content .modal-inner.text header h1.h2:after, .modal-wrapper .modal-content .modal-inner.text header .h2.h1:after, .info-photo-box .info h1.h2:after, .info-photo-box .info .h2.h1:after, .yacht-design-wrapper header h3.h2:after, .yacht-design-wrapper header .h2.h3:after, .yacht-design-wrapper header .info-photo-box .info h2.h2:after, .info-photo-box .info .yacht-design-wrapper header h2.h2:after, header.single-yacht-header h1.h2:after, header.single-yacht-header .h2.h1:after, h3.plain:after, h3.highlight:after, .highlight.h3:after, .info-photo-box .info h2.highlight:after, .info-photo-box .info .highlight.h2:after, .plain.h3:after, .info-photo-box .info h1:after, .info-photo-box .info .h1:after, .info-photo-box .info h2.plain:after, .info-photo-box .info .plain.h2:after, header.single-yacht-header h1.h3:after, header.single-yacht-header .h3.h1:after, .modal-wrapper .modal-content .modal-inner.text h3:after, .modal-wrapper .modal-content .modal-inner.text .h3:after, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h1:after, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h1:after, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info .h1:after, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text .h1:after, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h2:after, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h2:after, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info .h2:after, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text .h2:after, .yacht-design-wrapper header h3:after, .yacht-design-wrapper header .h3:after, .yacht-design-wrapper header .info-photo-box .info h2:after, .info-photo-box .info .yacht-design-wrapper header h2:after, .yacht-design-wrapper header .info-photo-box .info .h2:after, .info-photo-box .info .yacht-design-wrapper header .h2:after, h4.plain:after, h4.highlight:after, .highlight.h4:after, .plain.h4:after, .modal-wrapper .modal-content .modal-inner.text h3.h4:after, .modal-wrapper .modal-content .modal-inner.text .h4.h3:after, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h1.h4:after, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h1.h4:after, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h2.h4:after, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h2.h4:after, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info .h4.h2:after, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text .h4.h2:after, .modal-wrapper .modal-content .modal-inner.text header h1.h4:after, .modal-wrapper .modal-content .modal-inner.text header .h4.h1:after, .info-photo-box .info h1.h4:after, .info-photo-box .info .h4.h1:after, .yacht-design-wrapper header h3.h4:after, .yacht-design-wrapper header .h4.h3:after, .yacht-design-wrapper header .info-photo-box .info h2.h4:after, .info-photo-box .info .yacht-design-wrapper header h2.h4:after, .yacht-design-wrapper header .info-photo-box .info .h4.h2:after, .info-photo-box .info .yacht-design-wrapper header .h4.h2:after, header.single-yacht-header h1.h4:after, header.single-yacht-header .h4.h1:after, h5.plain:after, h5.highlight:after, .highlight.h5:after, .plain.h5:after, .modal-wrapper .modal-content .modal-inner.text h3.h5:after, .modal-wrapper .modal-content .modal-inner.text .h5.h3:after, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h1.h5:after, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h1.h5:after, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h2.h5:after, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h2.h5:after, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info .h5.h2:after, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text .h5.h2:after, .modal-wrapper .modal-content .modal-inner.text header h1.h5:after, .modal-wrapper .modal-content .modal-inner.text header .h5.h1:after, .info-photo-box .info h1.h5:after, .info-photo-box .info .h5.h1:after, .yacht-design-wrapper header h3.h5:after, .yacht-design-wrapper header .h5.h3:after, .yacht-design-wrapper header .info-photo-box .info h2.h5:after, .info-photo-box .info .yacht-design-wrapper header h2.h5:after, .yacht-design-wrapper header .info-photo-box .info .h5.h2:after, .info-photo-box .info .yacht-design-wrapper header .h5.h2:after, header.single-yacht-header h1.h5:after, header.single-yacht-header .h5.h1:after, h6.plain:after, h6.highlight:after, .highlight.h6:after, .plain.h6:after, .modal-wrapper .modal-content .modal-inner.text h3.h6:after, .modal-wrapper .modal-content .modal-inner.text .h6.h3:after, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h1.h6:after, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h1.h6:after, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h2.h6:after, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h2.h6:after, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info .h6.h2:after, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text .h6.h2:after, .modal-wrapper .modal-content .modal-inner.text header h1:after, .modal-wrapper .modal-content .modal-inner.text header .h1:after, .info-photo-box .info h1.h6:after, .info-photo-box .info .h6.h1:after, .yacht-design-wrapper header h3.h6:after, .yacht-design-wrapper header .h6.h3:after, .yacht-design-wrapper header .info-photo-box .info h2.h6:after, .info-photo-box .info .yacht-design-wrapper header h2.h6:after, .yacht-design-wrapper header .info-photo-box .info .h6.h2:after, .info-photo-box .info .yacht-design-wrapper header .h6.h2:after, header.single-yacht-header h1.h6:after, header.single-yacht-header .h6.h1:after { display: none; content: none; } h1.bold, .bold.h1, h2.bold, .bold.h2, h3.bold, .bold.h3, .info-photo-box .info h1.bold, .info-photo-box .info .bold.h1, .info-photo-box .info h2.bold, .info-photo-box .info .bold.h2, h4.bold, .bold.h4, h5.bold, .bold.h5, h6.bold, .bold.h6, .modal-wrapper .modal-content .modal-inner.text header h1.bold, .modal-wrapper .modal-content .modal-inner.text header .bold.h1 { font-weight: 800; } h1.semibold, .semibold.h1, .modal-wrapper .modal-content .modal-inner.text header h1, .modal-wrapper .modal-content .modal-inner.text header .h1, h2.semibold, .semibold.h2, .modal-wrapper .modal-content .modal-inner.text header h1.h2, .modal-wrapper .modal-content .modal-inner.text header .h2.h1, h3.semibold, .semibold.h3, .modal-wrapper .modal-content .modal-inner.text header h1.h3, .modal-wrapper .modal-content .modal-inner.text header .h3.h1, .modal-wrapper .modal-content .modal-inner.text header .info-photo-box .info h1, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text header h1, .modal-wrapper .modal-content .modal-inner.text header .info-photo-box .info .h1, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text header .h1, .info-photo-box .info h1.semibold, .info-photo-box .info .semibold.h1, .info-photo-box .info h2.semibold, .info-photo-box .info .semibold.h2, h4.semibold, .semibold.h4, .modal-wrapper .modal-content .modal-inner.text header h1.h4, .modal-wrapper .modal-content .modal-inner.text header .h4.h1, h5.semibold, .semibold.h5, .modal-wrapper .modal-content .modal-inner.text header h1.h5, .modal-wrapper .modal-content .modal-inner.text header .h5.h1, h6.semibold, .semibold.h6, .modal-wrapper .modal-content .modal-inner.text header h1, .modal-wrapper .modal-content .modal-inner.text header .h1 { font-weight: 600; } h1.regular, .regular.h1, .info-photo-box .info h1, .info-photo-box .info .h1, h2.regular, .regular.h2, .info-photo-box .info h2, .info-photo-box .info .h2, h3.regular, .regular.h3, .info-photo-box .info h1, .info-photo-box .info .h1, .info-photo-box .info h2, .info-photo-box .info .h2, h4.regular, .regular.h4, .info-photo-box .info h1.h4, .info-photo-box .info .h4.h1, .info-photo-box .info h2.h4, .info-photo-box .info .h4.h2, h5.regular, .regular.h5, .info-photo-box .info h1.h5, .info-photo-box .info .h5.h1, .info-photo-box .info h2.h5, .info-photo-box .info .h5.h2, h6.regular, .regular.h6, .modal-wrapper .modal-content .modal-inner.text header h1.regular, .modal-wrapper .modal-content .modal-inner.text header .regular.h1, .modal-wrapper .modal-content .modal-inner.text header .info-photo-box .info h1, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text header h1, .modal-wrapper .modal-content .modal-inner.text header .info-photo-box .info .h1, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text header .h1, .info-photo-box .info h1.h6, .info-photo-box .info .h6.h1, .info-photo-box .info h2.h6, .info-photo-box .info .h6.h2 { font-weight: 400 !important; } h1.light, h1.highlight, .highlight.h1, .light.h1, .modal-wrapper .modal-content .modal-inner.text header h1.h1.highlight, .section-text-subpage h1, .section-text-subpage .h1, .page-home h1, .page-home .h1, .page-contact h1, .page-contact .h1, .single-model h1, .single-model .h1, h2.light, h2.highlight, .highlight.h2, .light.h2, .modal-wrapper .modal-content .modal-inner.text header h1.h2.highlight, .modal-wrapper .modal-content .modal-inner.text header .h2.highlight.h1, .section-text-subpage h1.h2, .section-text-subpage .h2.h1, .page-home h1.h2, .page-home .h2.h1, .page-contact h1.h2, .page-contact .h2.h1, .single-model h1.h2, .single-model .h2.h1, h3.light, h3.highlight, .highlight.h3, .info-photo-box .info h1.highlight, .info-photo-box .info .highlight.h1, .info-photo-box .info h2.highlight, .info-photo-box .info .highlight.h2, .light.h3, .modal-wrapper .modal-content .modal-inner.text header h1.h3.highlight, .modal-wrapper .modal-content .modal-inner.text header .h3.highlight.h1, .modal-wrapper .modal-content .modal-inner.text header .info-photo-box .info h1.highlight, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text header h1.highlight, .modal-wrapper .modal-content .modal-inner.text header .info-photo-box .info .highlight.h1, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text header .highlight.h1, .info-photo-box .info h1.light, .info-photo-box .info .light.h1, .info-photo-box .info .section-text-subpage h1, .section-text-subpage .info-photo-box .info h1, .info-photo-box .info .section-text-subpage .h1, .section-text-subpage .info-photo-box .info .h1, .info-photo-box .info .page-home h1, .page-home .info-photo-box .info h1, .info-photo-box .info .page-home .h1, .page-home .info-photo-box .info .h1, .info-photo-box .info .page-contact h1, .page-contact .info-photo-box .info h1, .info-photo-box .info .page-contact .h1, .page-contact .info-photo-box .info .h1, .info-photo-box .info .single-model h1, .single-model .info-photo-box .info h1, .info-photo-box .info .single-model .h1, .single-model .info-photo-box .info .h1, .info-photo-box .info h2.light, .info-photo-box .info .light.h2, .section-text-subpage h1.h3, .section-text-subpage .h3.h1, .page-home h1.h3, .page-home .h3.h1, .page-contact h1.h3, .page-contact .h3.h1, .single-model h1.h3, .single-model .h3.h1, h4.light, h4.highlight, .highlight.h4, .light.h4, .modal-wrapper .modal-content .modal-inner.text header h1.h4.highlight, .modal-wrapper .modal-content .modal-inner.text header .h4.highlight.h1, .section-text-subpage h1.h4, .section-text-subpage .h4.h1, .page-home h1.h4, .page-home .h4.h1, .page-contact h1.h4, .page-contact .h4.h1, .single-model h1.h4, .single-model .h4.h1, h5.light, h5.highlight, .highlight.h5, .light.h5, .modal-wrapper .modal-content .modal-inner.text header h1.h5.highlight, .modal-wrapper .modal-content .modal-inner.text header .h5.highlight.h1, .section-text-subpage h1.h5, .section-text-subpage .h5.h1, .page-home h1.h5, .page-home .h5.h1, .page-contact h1.h5, .page-contact .h5.h1, .single-model h1.h5, .single-model .h5.h1, h6.light, h6.highlight, .highlight.h6, .modal-wrapper .modal-content .modal-inner.text header h1.highlight, .modal-wrapper .modal-content .modal-inner.text header .highlight.h1, .light.h6, .modal-wrapper .modal-content .modal-inner.text header h1.light, .modal-wrapper .modal-content .modal-inner.text header .light.h1, .modal-wrapper .modal-content .modal-inner.text header .section-text-subpage h1, .section-text-subpage .modal-wrapper .modal-content .modal-inner.text header h1, .modal-wrapper .modal-content .modal-inner.text header .section-text-subpage .h1, .section-text-subpage .modal-wrapper .modal-content .modal-inner.text header .h1, .modal-wrapper .modal-content .modal-inner.text header .page-home h1, .page-home .modal-wrapper .modal-content .modal-inner.text header h1, .modal-wrapper .modal-content .modal-inner.text header .page-home .h1, .page-home .modal-wrapper .modal-content .modal-inner.text header .h1, .modal-wrapper .modal-content .modal-inner.text header .page-contact h1, .page-contact .modal-wrapper .modal-content .modal-inner.text header h1, .modal-wrapper .modal-content .modal-inner.text header .page-contact .h1, .page-contact .modal-wrapper .modal-content .modal-inner.text header .h1, .modal-wrapper .modal-content .modal-inner.text header .single-model h1, .single-model .modal-wrapper .modal-content .modal-inner.text header h1, .modal-wrapper .modal-content .modal-inner.text header .single-model .h1, .single-model .modal-wrapper .modal-content .modal-inner.text header .h1, .section-text-subpage h1.h6, .section-text-subpage .h6.h1, .page-home h1.h6, .page-home .h6.h1, .page-contact h1.h6, .page-contact .h6.h1, .single-model h1.h6, .single-model .h6.h1 { font-weight: 300; } h1.white, .white.h1, .info-photo-box .info h1, .info-photo-box .info .h1, .no-touch .news-box.news-box-content:hover.news-feed-box h1, .no-touch .news-box.news-box-content:hover.news-feed-box .h1, .no-touch .news-box .news-box-content:hover.news-feed-box h1, .no-touch .news-box .news-box-content:hover.news-feed-box .h1, .section-text-subpage h1, .section-text-subpage .h1, h2.white, .white.h2, .info-photo-box .info h1.h2, .info-photo-box .info .h2.h1, .no-touch .news-box.news-box-content:hover.news-feed-box h1.h2, .no-touch .news-box.news-box-content:hover.news-feed-box .h2.h1, .no-touch .news-box .news-box-content:hover.news-feed-box h1.h2, .no-touch .news-box .news-box-content:hover.news-feed-box .h2.h1, .section-text-subpage h1.h2, .section-text-subpage .h2.h1, h3.white, .white.h3, .info-photo-box .info h1, .info-photo-box .info .h1, .info-photo-box .info h2.white, .info-photo-box .info .white.h2, .no-touch .news-box.news-box-content:hover.news-feed-box h1.h3, .no-touch .news-box.news-box-content:hover.news-feed-box .h3.h1, .no-touch .news-box.news-box-content:hover.news-feed-box .info-photo-box .info h1, .info-photo-box .info .no-touch .news-box.news-box-content:hover.news-feed-box h1, .no-touch .news-box.news-box-content:hover.news-feed-box .info-photo-box .info .h1, .info-photo-box .info .no-touch .news-box.news-box-content:hover.news-feed-box .h1, .no-touch .news-box .news-box-content:hover.news-feed-box h1.h3, .no-touch .news-box .news-box-content:hover.news-feed-box .h3.h1, .no-touch .news-box .news-box-content:hover.news-feed-box .info-photo-box .info h1, .info-photo-box .info .no-touch .news-box .news-box-content:hover.news-feed-box h1, .no-touch .news-box .news-box-content:hover.news-feed-box .info-photo-box .info .h1, .info-photo-box .info .no-touch .news-box .news-box-content:hover.news-feed-box .h1, .section-text-subpage h1.h3, .section-text-subpage .h3.h1, h4.white, .white.h4, .info-photo-box .info h1.h4, .info-photo-box .info .h4.h1, .no-touch .news-box.news-box-content:hover.news-feed-box h1.h4, .no-touch .news-box.news-box-content:hover.news-feed-box .h4.h1, .no-touch .news-box .news-box-content:hover.news-feed-box h1.h4, .no-touch .news-box .news-box-content:hover.news-feed-box .h4.h1, .section-text-subpage h1.h4, .section-text-subpage .h4.h1, h5.white, .white.h5, .info-photo-box .info h1.h5, .info-photo-box .info .h5.h1, .no-touch .news-box.news-box-content:hover.news-feed-box h1.h5, .no-touch .news-box.news-box-content:hover.news-feed-box .h5.h1, .no-touch .news-box .news-box-content:hover.news-feed-box h1.h5, .no-touch .news-box .news-box-content:hover.news-feed-box .h5.h1, .section-text-subpage h1.h5, .section-text-subpage .h5.h1, h6.white, .white.h6, .modal-wrapper .modal-content .modal-inner.text header h1.white, .modal-wrapper .modal-content .modal-inner.text header .white.h1, .modal-wrapper .modal-content .modal-inner.text header .info-photo-box .info h1, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text header h1, .modal-wrapper .modal-content .modal-inner.text header .info-photo-box .info .h1, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text header .h1, .modal-wrapper .modal-content .modal-inner.text header .no-touch .news-box.news-box-content:hover.news-feed-box h1, .no-touch .news-box.news-box-content:hover.news-feed-box .modal-wrapper .modal-content .modal-inner.text header h1, .modal-wrapper .modal-content .modal-inner.text header .no-touch .news-box.news-box-content:hover.news-feed-box .h1, .no-touch .news-box.news-box-content:hover.news-feed-box .modal-wrapper .modal-content .modal-inner.text header .h1, .modal-wrapper .modal-content .modal-inner.text header .no-touch .news-box .news-box-content:hover.news-feed-box h1, .no-touch .news-box .news-box-content:hover.news-feed-box .modal-wrapper .modal-content .modal-inner.text header h1, .modal-wrapper .modal-content .modal-inner.text header .no-touch .news-box .news-box-content:hover.news-feed-box .h1, .no-touch .news-box .news-box-content:hover.news-feed-box .modal-wrapper .modal-content .modal-inner.text header .h1, .modal-wrapper .modal-content .modal-inner.text header .section-text-subpage h1, .section-text-subpage .modal-wrapper .modal-content .modal-inner.text header h1, .modal-wrapper .modal-content .modal-inner.text header .section-text-subpage .h1, .section-text-subpage .modal-wrapper .modal-content .modal-inner.text header .h1, .info-photo-box .info h1.h6, .info-photo-box .info .h6.h1, .no-touch .news-box.news-box-content:hover.news-feed-box h1.h6, .no-touch .news-box.news-box-content:hover.news-feed-box .h6.h1, .no-touch .news-box .news-box-content:hover.news-feed-box h1.h6, .no-touch .news-box .news-box-content:hover.news-feed-box .h6.h1, .section-text-subpage h1.h6, .section-text-subpage .h6.h1 { color: #fff; } h1.gold, h1.highlight, .highlight.h1, .gold.h1, .modal-wrapper .modal-content .modal-inner.text header h1.h1.highlight, .modal-wrapper .modal-content .modal-inner.text h3.h1, .modal-wrapper .modal-content .modal-inner.text .h1.h3, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h1.h1, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h1.h1, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h2.h1, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h2.h1, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info .h1.h2, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text .h1.h2, .info-photo-box-wrapper.gold-header h3.h1, .info-photo-box-wrapper.gold-header .h1.h3, .info-photo-box-wrapper.gold-header .info-photo-box .info h1.h1, .info-photo-box .info .info-photo-box-wrapper.gold-header h1.h1, .info-photo-box .info h2.h1, .info-photo-box .info .h1.h2, h2.gold, h2.highlight, .highlight.h2, .gold.h2, .modal-wrapper .modal-content .modal-inner.text header h1.h2.highlight, .modal-wrapper .modal-content .modal-inner.text header .h2.highlight.h1, .modal-wrapper .modal-content .modal-inner.text h3.h2, .modal-wrapper .modal-content .modal-inner.text .h2.h3, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h1.h2, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h1.h2, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info .h2.h1, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text .h2.h1, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h2.h2, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h2.h2, .info-photo-box-wrapper.gold-header h3.h2, .info-photo-box-wrapper.gold-header .h2.h3, .info-photo-box .info h2, .info-photo-box .info .h2, h3.gold, h3.highlight, .highlight.h3, .info-photo-box .info h1.highlight, .info-photo-box .info .highlight.h1, .gold.h3, .info-photo-box .info h1.gold, .info-photo-box .info .gold.h1, .info-photo-box .info h2, .info-photo-box .info .h2, .modal-wrapper .modal-content .modal-inner.text h3, .modal-wrapper .modal-content .modal-inner.text .h3, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h1, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h1, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info .h1, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text .h1, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h2, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h2, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info .h2, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text .h2, .info-photo-box-wrapper.gold-header h3, .info-photo-box-wrapper.gold-header .h3, .info-photo-box-wrapper.gold-header .info-photo-box .info h1, .info-photo-box .info .info-photo-box-wrapper.gold-header h1, .info-photo-box-wrapper.gold-header .info-photo-box .info .h1, .info-photo-box .info .info-photo-box-wrapper.gold-header .h1, .charter-list-box h3, .charter-list-box .h3, .charter-list-box .info-photo-box .info h1, .info-photo-box .info .charter-list-box h1, .charter-list-box .info-photo-box .info .h1, .info-photo-box .info .charter-list-box .h1, h4.gold, h4.highlight, .highlight.h4, .gold.h4, .modal-wrapper .modal-content .modal-inner.text header h1.h4.highlight, .modal-wrapper .modal-content .modal-inner.text header .h4.highlight.h1, .modal-wrapper .modal-content .modal-inner.text h3.h4, .modal-wrapper .modal-content .modal-inner.text .h4.h3, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h1.h4, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h1.h4, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info .h4.h1, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text .h4.h1, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h2.h4, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h2.h4, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info .h4.h2, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text .h4.h2, .info-photo-box-wrapper.gold-header h3.h4, .info-photo-box-wrapper.gold-header .h4.h3, .info-photo-box-wrapper.gold-header .info-photo-box .info h1.h4, .info-photo-box .info .info-photo-box-wrapper.gold-header h1.h4, .info-photo-box-wrapper.gold-header .info-photo-box .info .h4.h1, .info-photo-box .info .info-photo-box-wrapper.gold-header .h4.h1, .info-photo-box .info h2.h4, .info-photo-box .info .h4.h2, h5.gold, h5.highlight, .highlight.h5, .gold.h5, .modal-wrapper .modal-content .modal-inner.text header h1.h5.highlight, .modal-wrapper .modal-content .modal-inner.text header .h5.highlight.h1, .modal-wrapper .modal-content .modal-inner.text h3.h5, .modal-wrapper .modal-content .modal-inner.text .h5.h3, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h1.h5, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h1.h5, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info .h5.h1, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text .h5.h1, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h2.h5, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h2.h5, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info .h5.h2, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text .h5.h2, .info-photo-box-wrapper.gold-header h3.h5, .info-photo-box-wrapper.gold-header .h5.h3, .info-photo-box-wrapper.gold-header .info-photo-box .info h1.h5, .info-photo-box .info .info-photo-box-wrapper.gold-header h1.h5, .info-photo-box-wrapper.gold-header .info-photo-box .info .h5.h1, .info-photo-box .info .info-photo-box-wrapper.gold-header .h5.h1, .info-photo-box .info h2.h5, .info-photo-box .info .h5.h2, h6.gold, h6.highlight, .highlight.h6, .modal-wrapper .modal-content .modal-inner.text header h1.highlight, .modal-wrapper .modal-content .modal-inner.text header .highlight.h1, .gold.h6, .modal-wrapper .modal-content .modal-inner.text h3.h6, .modal-wrapper .modal-content .modal-inner.text .h6.h3, .modal-wrapper .modal-content .modal-inner.text header h1.h3, .modal-wrapper .modal-content .modal-inner.text header .h3.h1, .modal-wrapper .modal-content .modal-inner.text header .info-photo-box .info h1, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text header h1, .modal-wrapper .modal-content .modal-inner.text header .info-photo-box .info .h1, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text header .h1, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h1.h6, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h1.h6, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info .h6.h1, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text .h6.h1, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info h2.h6, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text h2.h6, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info .h6.h2, .info-photo-box .info .modal-wrapper .modal-content .modal-inner.text .h6.h2, .modal-wrapper .modal-content .modal-inner.text header h1.gold, .modal-wrapper .modal-content .modal-inner.text header .gold.h1, .modal-wrapper .modal-content .modal-inner.text header h3.h1, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info header h1.h1, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info header h2.h1, .modal-wrapper .modal-content .modal-inner.text .info-photo-box .info header .h1.h2, .info-photo-box-wrapper.gold-header h3.h6, .info-photo-box-wrapper.gold-header .h6.h3, .info-photo-box-wrapper.gold-header .info-photo-box .info h1.h6, .info-photo-box .info .info-photo-box-wrapper.gold-header h1.h6, .info-photo-box-wrapper.gold-header .info-photo-box .info .h6.h1, .info-photo-box .info .info-photo-box-wrapper.gold-header .h6.h1, .info-photo-box .info h2.h6, .info-photo-box .info .h6.h2 { color: #d3b883; } h1.highlight, .highlight.h1, h2.highlight, .highlight.h2, h3.highlight, .highlight.h3, .info-photo-box .info h1.highlight, .info-photo-box .info .highlight.h1, .info-photo-box .info h2.highlight, .info-photo-box .info .highlight.h2, h4.highlight, .highlight.h4, h5.highlight, .highlight.h5, h6.highlight, .highlight.h6, .modal-wrapper .modal-content .modal-inner.text header h1.highlight, .modal-wrapper .modal-content .modal-inner.text header .highlight.h1 { text-transform: uppercase; margin-bottom: 6rem; line-height: 3.3rem; } .no-margin-bottom { margin-bottom: 0 !important; } a { color: #d3b883; text-decoration: none; transition: all 300ms ease; } .no-touch a:hover { color: #ccad70; } a:link { -webkit-tap-highlight-color: #d3b883; } p { font-size: 1.4rem; font-weight: 500; margin-bottom: 1em; letter-spacing: 0.038em; line-height: 2.2rem; } p:last-child { margin-bottom: 0; } .heading { font-size: 1.2rem; line-height: 1; letter-spacing: 0.04em; } ins { background-color: #d3b883; color: #000; text-decoration: none; } mark { background-color: #d3b883; color: #000; font-style: italic; font-weight: bold; } input:-moz-placeholder { color: #fff; } textarea:-moz-placeholder { color: #fff; } .headline { display: inline-block; padding: .5rem 0; margin-bottom: 2rem; text-transform: uppercase; } .lead, .lead p { font-size: 2rem !important; line-height: 3.2rem !important; color: #d3b883; font-weight: 300; text-align: center; margin: 4rem; } @keyframes appear-zoom { 0% { transform: scale(0.9); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes appear { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes disappear { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes zoom { 0% { transform: scale(0.9); } 100% { transform: scale(1); } } @keyframes zoom-out { 0% { transform: scale(1); } 100% { transform: scale(0.95); } } @keyframes up { 0% { transform: translate(0, 1rem); } 100% { transform: translate(0, 0); } } @keyframes appear-up { 0% { opacity: 0; transform: translate(0, 1rem); } 100% { opacity: 1; transform: translate(0, 0); } } @keyframes appear-up-long { 0% { opacity: 0; transform: translate(0, 4rem); } 100% { opacity: 1; transform: translate(0, 0); } } @keyframes appear-left-long { 0% { opacity: 0; transform: translate(-4rem, 0); } 100% { opacity: 1; transform: translate(0, 0); } } @keyframes appear-down { 0% { opacity: 0; transform: translate(0, -1rem); } 100% { opacity: 1; transform: translate(0, 0); } } @keyframes appear-down-long { 0% { opacity: 0; transform: translate(0, -4rem); } 100% { opacity: 1; transform: translate(0, 0); } } @keyframes down-bacl { 0% { transform: translate(0, 0); } 100% { transform: translate(0, -1rem); } } @keyframes right { 0% { transform: translate(1rem, 0); } 100% { transform: translate(0, 0); } } @keyframes burger-bar { 0% { background-position: -2rem 0; } 30% { background-position: -2rem 0; } 100% { background-position: 0 0; } } @keyframes nav-background { 0% { background-position: 200% 0; } 100% { background-position: 0 0; } } /* project specific */ @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeInTop { 0% { opacity: 0; margin-top: -5px; } 100% { opacity: 1; margin-top: 0; } } @keyframes bounce { 0% { transform: translate(0, 0); } 40% { transform: translate(0, 0); } 45% { transform: translate(0, -3px); } 50% { transform: translate(0, 0); } 55% { transform: translate(0, 0); } 60% { transform: translate(0, -3px); } 65% { transform: translate(0, 0); } 100% { transform: translate(0, 0); } } @keyframes bounce-bg { 0% { background-position: 50%, 50%; } 40% { background-position: 50%, 50%; } 45% { background-position: 50%, calc(50% - 3px); } 50% { background-position: 50%, 50%; } 55% { background-position: 50%, 50%; } 60% { background-position: 50%, calc(50% - 3px); } 65% { background-position: 50%, 50%; } 100% { background-position: 50%, 50%; } } @keyframes arrowOpacity { 0% { opacity: 1; } 33% { opacity: 0.5; } 66% { opacity: 0.2; } 100% { opacity: 0.2; } } /* form input[type=submit] { letter-spacing: 0.1em; } form textarea { background: #fff; border: none; resize: none; padding: 15px 0 0 25px; } /* form input[type=text], form input[type=email], form input[type=password], form textarea, form .dk-select .dk-selected { height: 35px; margin-bottom: 1.5rem; padding-left: 2rem; background: #fff; border: 2px solid #fff; font-size: 1.4rem; letter-spacing: 0.038em; color: #000; opacity: 1; font-weight: 600; border-radius: 0; } */ /* form .dk-select .dk-selected { width: 100%; background-image: url(../images/arrow-down.png); background-repeat: no-repeat; background-position: 95% 50%; } form .dk-select { width: 100%; margin-bottom: 1.5rem; } form .dk-select .dk-selected { margin-bottom: 0 !important; padding-right: 0; } form .dk-select .dk-selected:before, form .dk-select .dk-selected:after { display: none; content: none; } form .dk-select .dk-select-options { border: none; padding: 0; border-radius: 0; } form .dk-select .dk-option, form .dk-select .dk-option-selected { background: #fff; color: #000; line-height: 3rem; font-weight: 600; font-size: 1.4rem; letter-spacing: 0.038em; padding: 0 2rem; } form .dk-select .dk-option-highlight { background: #d3b883; color: #000; } form .parsley-errors-list { display: none; } form .parsley-error { position: relative; border-color: #f34b4b !important; background: #fff url(../images/form-validation-error.png) 97% 50% no-repeat !important; } form textarea.parsley-error { background-position: 95% 5%; } */ */ .ajax-message { display: none; margin-bottom: 2rem; font-size: 1.4rem; color: #d3b883; font-weight: 600; } /* ELEMENTS ------------------------------------------------------------------------- */ .nav li a, .nav-side li a, .nav-main li a, .nav-footer li a { font-weight: 600; color: #fff; font-size: 1.2rem; } .nav li.current-menu-item a, .nav-side li.current-menu-item a, .nav-main li.current-menu-item a, .nav-footer li.current-menu-item a, .nav li.current-page-ancestor a, .nav-side li.current-page-ancestor a, .nav-main li.current-page-ancestor a, .nav-footer li.current-page-ancestor a { color: #d3b883 !important; } .nav-side li { margin-bottom: 1.5rem; line-height: 1; } .nav-side li a { letter-spacing: 0.12em; } .no-touch .nav-side li a:hover { color: #d3b883; } .nav-main li { float: left; margin-right: 6rem; } .nav-main li:last-child { margin-right: 0; } .nav-main li a { /* text-transform: uppercase; */ letter-spacing: 0.12em; } .no-touch .nav-main li:hover a { color: #d3b883; } .nav-footer ul { float: left; width: 20%; } .nav-footer ul li { margin-bottom: 0.9rem; } .nav-footer ul li a { font-size: 1.2rem; color: #b1b1b1; letter-spacing: 0.038em; } .no-touch .nav-footer ul li:hover a { color: #d3b883; } .nav-footer ul.uppercase a { text-transform: uppercase; } .nav-footer ul.last-mark li:last-child { margin-top: 3.8rem; } .nav-yacht, .nav-yacht-secondary, .nav-yacht-single { height: 80px; background: #000; } .nav-yacht li, .nav-yacht-secondary li, .nav-yacht-single li { float: left; line-height: 6rem; } .nav-yacht li.current-menu-item, .nav-yacht-secondary li.current-menu-item, .nav-yacht-single li.current-menu-item { background: #d3d3d3; } .no-touch .nav-yacht li:hover, .no-touch .nav-yacht-secondary li:hover, .no-touch .nav-yacht-single li:hover { background: #fff; } .no-touch .nav-yacht li:hover a, .no-touch .nav-yacht-secondary li:hover a, .no-touch .nav-yacht-single li:hover a { color: #d3b883; } .nav-yacht li a, .nav-yacht-secondary li a, .nav-yacht-single li a { display: block; width: 100%; height: 100%; padding: 0 3rem; color: #fff; text-align: center; text-transform: uppercase; letter-spacing: 0.038em; font-size: 1.2rem; font-weight: 600; } .range-menu { float: right; } .range-menu a { display: block; width: 100%; height: 100%; position: relative; z-index: 1002; padding: 0 3rem; color: #fff; text-align: center; text-transform: uppercase; letter-spacing: 0.038em; font-size: 1.2rem; line-height: 6rem; font-weight: 600; } .no-touch .range-menu .navigation-range-view li:hover a { color: #fff; } .nav-yacht-secondary li.active { background: #d3d3d3; } .nav-yacht-secondary li.active a { color: #000; } .nav-yacht-secondary li:first-child { margin-right: 6rem; } .nav-yacht-single { position: relative; } .nav-yacht-single, .nav-yacht-single li a { letter-spacing: 0.12em; } .no-touch .nav-yacht-single li:hover a { color: #d3b883; } .nav-yacht-single .yacht-model-name { float: left; line-height: 6rem; margin-right: 5rem; } .nav-yacht-single .menu { float: left; } .nav-lang li { float: left; margin-left: 1rem; } .nav-lang li a { padding: 0px 10px; font-size: 1.4rem; font-weight: 500; display: inline-block; height: 2.5rem; line-height: 2.2rem; text-transform: uppercase; border: 2px solid transparent; } .nav-lang li.active a { border-color: #838383; color: #d3b883 !important; } .burger { /* width: 50px; height: 25px; */ background: none; border: none; padding: 0; } .burger:before, .burger:after { content: ''; display: block; height: 3px; width: 30px; position: absolute; left: 10px; top: 8px; transition: all 300ms ease 0s; } .burger:after { top: 16px; } .burger.active:before, .burger.active:after { top: 50%; } .burger.active:before { transform: rotate(45deg); } .burger.active:after { transform: rotate(-45deg); } .no-touch .tab-links li:hover { background: #f3f3f3; } .tab-links .tab-active { background: #f3f3f3; } .tab-links .tab-active a { color: #d3b883; } .tab-list > li { display: none; } .tab-list > li.tab-active { display: block; } .affix-active { position: fixed; } @media screen and (max-width: 1023px) { .affix-active { position: relative; } } .affix-post-active { position: absolute; } .slider { position: relative; } .no-touch .slider .swiper-button-prev:hover, .no-touch .slider .swiper-button-next:hover { opacity: 1; } .slider .swiper-button-prev, .slider .swiper-button-next { top: 0; right: 0; width: 120px; height: 100%; margin-top: 0; background: rgba(0, 0, 0, 0.4); opacity: 0; transition: opacity 300ms ease 0s; } .slider .swiper-button-prev { right: auto; left: 0; } .slider .swiper-button-prev:before, .slider .swiper-button-next:before { content: ''; display: block; position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; border: 2px solid #838383; background: url(../images/slider-controls-arrow.png) center no-repeat; transition: background 300ms ease 0s; } .slider .swiper-button-prev:before { transform: scaleX(-1); left: 60px; margin-left: -15px; } .slider .swiper-button-next:before { right: 60px; margin-right: -15px; } .slider .slider-counter { position: fixed; right: 12rem; top: 4.5rem; color: #fff; } .slider .slider-counter span { font-size: 1.4rem; font-weight: 600; } .slider .slide-image { width: 100%; height: 100%; } .slider .swiper-container { width: 100%; height: 100%; } .slider.fullscreen .swiper-slide.loading { background: url(../images/ajax-loader-black.gif) no-repeat 50% #000; } .slider.fullscreen .swiper-button-prev, .slider.fullscreen .swiper-button-next { opacity: 0.5; background: none; width: 30px; height: 30px; top: 50%; right: -50px; margin-top: -15px; position: fixed; } .no-touch .slider.fullscreen .swiper-button-prev:hover, .no-touch .slider.fullscreen .swiper-button-next:hover { opacity: 1; } .no-touch .slider.fullscreen .swiper-button-prev:hover:before, .no-touch .slider.fullscreen .swiper-button-next:hover:before { border-color: #d3b883; background: url(../images/slider-controls-arrow-gold.png) center no-repeat; } .slider.fullscreen .swiper-button-prev { right: auto; left: -50px; } .slider.fullscreen .swiper-button-prev:before, .slider.fullscreen .swiper-button-next:before { content: ''; display: block; position: static; width: 30px; height: 30px; margin-top: 0; border: 2px solid #838383; background: url(../images/slider-controls-arrow.png) center no-repeat; } .slider.fullscreen .swiper-button-prev:before { transform: scaleX(-1); left: auto; margin-left: 0; } .slider.fullscreen .swiper-button-next:before { right: auto; margin-right: 0; } .slider.main-slider .slide-image img { position: absolute; top: 50%; left: 50%; } .slider.description .slide-image { width: 100%; height: 100%; } .slider.description .slide-image-description { margin-top: 2rem; line-height: 2rem; font-size: 1.4rem; color: #fff; text-align: center; } .slider .slide-lead { position: absolute; top: 50%; width: 100%; display: inline-block; z-index: 1000; text-align: center; opacity: 1; transition: opacity 1s ease 0s; } .slider .slide-lead.fade-out { opacity: 0; } .slider .slide-lead .title { display: block; opacity: 0; font-size: 9rem; transform: rotate(-7.8deg); background: linear-gradient(45deg, #443b2b 0%, #c9af7d 100%); background-color: #443b2b; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .slider .slide-lead .title-image { display: block; opacity: 0; margin: 0 auto; } .slider .slide-lead .description { display: block; opacity: 0; color: #fff; text-transform: uppercase; font-size: 1.8rem; font-weight: 800; letter-spacing: 0.12em; position: relative; z-index: 1000; margin-top: -4rem; } .slider .swiper-slide-active .slide-lead .title { animation: fadeIn 1.5s ease 1s 1 normal forwards; } .slider .swiper-slide-active .slide-lead .title-image { animation: fadeIn 1.5s ease 1s 1 normal forwards; } .slider .swiper-slide-active .slide-lead .description { animation: fadeIn 1s ease 2s 1 normal forwards; } .slider .swiper-pagination { bottom: 30px; left: 50%; } .slider .swiper-pagination:last-child { margin-right: 0; } .slider .swiper-pagination .swiper-pagination-bullet { opacity: 0.5; background: #fff; margin-right: 10px; transition: all 0.2s ease 0s; } .no-touch .slider .swiper-pagination .swiper-pagination-bullet:hover { opacity: 1; background: #d3b883; } .slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; } .slider.slider-thumbnails { padding: 0 7rem; } .slider.slider-thumbnails .swiper-slide { width: 10rem; height: 6rem; margin-right: 1px; cursor: pointer; transition: opacity 0.2s ease 0s; } .no-touch .slider.slider-thumbnails .swiper-slide:hover, .slider.slider-thumbnails .swiper-slide.active { opacity: 0.5; } .slider.slider-thumbnails .swiper-button-prev, .slider.slider-thumbnails .swiper-button-next { top: 0; right: 0; width: 7rem; height: 100%; background: #838383; opacity: 0.75; transition: opacity 300ms ease 0s; border: none; } .slider.slider-thumbnails .swiper-button-prev { right: auto; left: 0; } .no-touch .slider.slider-thumbnails .swiper-button-prev:hover, .no-touch .slider.slider-thumbnails .swiper-button-next:hover { background: #d3b883; } .no-touch .slider.slider-thumbnails .swiper-button-prev:hover:before, .no-touch .slider.slider-thumbnails .swiper-button-next:hover:before { border: none; } .slider.slider-thumbnails .swiper-button-prev:before, .slider.slider-thumbnails .swiper-button-next:before { content: ''; display: block; position: absolute; left: 50%; top: 50%; margin-top: -10px; margin-left: -6px; width: 12px; height: 20px; background: url(../images/arrow-galeon-thumbnails.png) center no-repeat; background-size: 100%; border: none; } .slider.slider-thumbnails .swiper-button-prev:before { transform: rotate(180deg); } /* .button, form input[type=submit] { display: inline-block; padding: 0 4.5rem; font-size: 1.2rem; color: #fff; font-weight: 600; line-height: 3.1rem; text-transform: uppercase; text-align: center; letter-spacing: 0.038em; border: 2px solid #838383; background: transparent; cursor: pointer; transition: all 0.2s ease 0s; } */ /* .button.black, form input[type=submit], .home-company .company-content .button, .home-company .company-content form input[type=submit], form .home-company .company-content input[type=submit], .page-contact h1.button, .page-contact .button.h1, .single-model h1.button, .single-model .button.h1 { color: #000; } .button.big, form input.big[type=submit], .home-range .content .button, .home-range .home-company .company-content .button, .home-company .home-range .company-content .button, .home-range .content form input[type=submit], form .home-range .content input[type=submit], .home-range .home-company .company-content form input[type=submit], form .home-range .home-company .company-content input[type=submit], .home-company .home-range .company-content form input[type=submit], form .home-company .home-range .company-content input[type=submit] { line-height: 5.5rem; font-size: 1.6rem; } .button.dark-bg, form input.dark-bg[type=submit], .home-range .content .button, .home-range .home-company .company-content .button, .home-company .home-range .company-content .button, .home-range .content form input[type=submit], form .home-range .content input[type=submit], .home-range .home-company .company-content form input[type=submit], form .home-range .home-company .company-content input[type=submit], .home-company .home-range .company-content form input[type=submit], form .home-company .home-range .company-content input[type=submit] { background: rgba(0, 0, 0, 0.4); } .no-touch .button:hover, .no-touch form input[type=submit]:hover, form .no-touch input[type=submit]:hover { color: #d3b883 !important; border-color: #d3b883 !important; } */ .modal-wrapper .modal-content { height: 100%; } .modal-wrapper .modal-content .slider { position: absolute; width: 100%; top: 11rem; left: 0; bottom: 11rem; } .modal-wrapper .modal-content .slider:not(.slider-thumbnails) .slide-image { margin: 0 11rem; width: auto; } @media screen and (max-width: 1100px) { .modal-wrapper .modal-content .slider:not(.slider-thumbnails) .slide-image { margin: 0; } } .modal-wrapper .modal-content .slider:not(.slider-thumbnails) .swiper-button-prev { left: 3rem; } .modal-wrapper .modal-content .slider:not(.slider-thumbnails) .swiper-button-next { right: 3rem; } .modal-wrapper .modal-content .slider.slider-thumbnails { width: auto; height: 60px; bottom: 0; top: auto; left: 0; right: 0; margin-top: 0; margin-left: 0; } @media screen and (max-width: 1100px) { .modal-wrapper .modal-content .slider.slider-thumbnails { padding: 0; } } .modal-wrapper .modal-content .modal-inner.text { max-width: 500px; width: 100%; height: 100%; margin: 0 auto; padding: 10rem 0.6rem 7.5rem; color: #fff; letter-spacing: 0.038em; } .modal-wrapper .modal-content .modal-inner.text time { display: inline-block; color: #fff; margin-bottom: 1rem; } .modal-wrapper .modal-content .modal-inner.text header h1, .modal-wrapper .modal-content .modal-inner.text header .h1 { color: #fff; margin-bottom: 0; } .modal-wrapper .modal-content .modal-inner.text .news-feed-content { color: #c7c7c7 !important; } .modal-wrapper .modal-content .modal-inner.text .news-feed section:last-child { padding-left: 0; } .modal-wrapper .modal-content .modal-inner.text section { margin-bottom: 5rem; } .modal-wrapper.modal-scroll .modal-content { overflow-y: scroll; -webkit-overflow-scrolling: touch; } .modal-wrapper.cookies-modal .modal-inner.text { min-width: 75rem; width: 75%; font-size: 1.1rem; line-height: 2rem; } .modal-wrapper.cookies-modal .modal-inner.text li { margin-bottom: 2rem; } .modal-wrapper.cookies-modal .modal-inner.text section { margin-bottom: 16.5rem; } [data-modal] { cursor: pointer; } .modal-fade { display: none; position: fixed; top: 80px; bottom: 0; left: 0; right: 0; background: black; z-index: 9999999990; } .modal-fade.modal-active { display: block; } .modal-close, .infoBox .pin-close-button, .settings-box .filters .reset-filters { position: absolute; top: 3rem; right: 3rem; width: 50px; height: 50px; background: url(../images/modal-controls-close.png) center no-repeat; background-size: 20px; border: 2px solid #fff; transition: opacity 300ms ease 0s, background 300ms ease 0s; cursor: pointer; } .modal-close.small, .infoBox .small.pin-close-button, .settings-box .filters .reset-filters { width: 30px; height: 30px; background-size: 12px; } .no-touch .modal-close.small:hover, .no-touch .infoBox .small.pin-close-button:hover, .infoBox .no-touch .small.pin-close-button:hover, .no-touch .settings-box .filters .reset-filters:hover, .settings-box .filters .no-touch .reset-filters:hover { background-size: 12px; } .no-touch .modal-close:hover, .no-touch .infoBox .pin-close-button:hover, .infoBox .no-touch .pin-close-button:hover, .no-touch .settings-box .filters .reset-filters:hover, .settings-box .filters .no-touch .reset-filters:hover { border-color: #d3b883; background: url(../images/modal-controls-close-gold.png) center no-repeat; background-size: 20px; } .infoBox { position: relative; cursor: pointer; opacity: 1; font-size: 1.1rem; } .infoBox img { display: none; } .infoBox .pin-full-content { width: 21rem; height: 20rem; padding: 10px; padding-right: 50px; background: #fff; } .infoBox .pin-full-content .contact-details-list { width: 100%; float: none; } .infoBox .pin-full-content .contact-details-box { float: none; } .infoBox .pin-full-content p { font-size: 1.1rem; line-height: 1.4rem; margin-bottom: 1rem; } .no-touch .infoBox .pin-full-content p a:hover { color: #d3b883; } .infoBox .pin-close-button { background: url(../images/modal-controls-close-black.png) center no-repeat; border-color: #838383; position: absolute; top: 10px; right: 10px; } .infoBox.show-more { display: block; } .scroll-down-wrapper { position: absolute; bottom: 3.5%; left: 50%; width: 25px; margin-left: -12px; z-index: 1000; cursor: pointer; transition: opacity 0.5s ease 0s; } .scroll-down-wrapper span { display: block; width: 100%; height: 14px; background: url(../images/arrow-down-scroll-to.png) center no-repeat; } .scroll-down-wrapper span.arrow-first { animation: arrowOpacity 2s ease 0s infinite normal none; } .scroll-down-wrapper span.arrow-second { animation: arrowOpacity 2s ease 0.4s infinite normal none; } .scroll-down-wrapper span.arrow-third { animation: arrowOpacity 2s ease 0.9s infinite normal none; } .scroll-down-wrapper span.arrow-second, .scroll-down-wrapper span.arrow-third { margin-top: -7px; } .scroll-down-wrapper.fade-out { opacity: 0; } [data-element="rangeSlider"].noUi-horizontal { height: 1px; background: #d3d3d3; } [data-element="rangeSlider"] .noUi-handle { width: 9px; height: 9px; top: -4px; left: -4px; border: none; border-radius: 5px; cursor: pointer; transition: background 0.2s ease 0s; } .no-touch [data-element="rangeSlider"] .noUi-handle:hover { background: #d3b883; border-color: #d3b883; } [data-element="rangeSlider"] .noUi-handle:before, [data-element="rangeSlider"] .noUi-handle:after { display: none; content: none; } [data-element="rangeSlider"] .noUi-origin { border-radius: 0; } .photo-overlay:before, .video-box .video-thumbnail:before, .gallery-part .gallery-image:before { content: ''; display: inline-block; width: 47px; height: 47px; margin-top: -23px; margin-left: -23px; opacity: 0; background: url(../images/zoom.png) center no-repeat; position: absolute; top: 50%; left: 50%; z-index: 11; transition: opacity 0.2s ease 0.1s; } .photo-overlay:after, .video-box .video-thumbnail:after, .gallery-part .gallery-image:after { content: ''; display: inline-block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; z-index: 10; transition: background 0.3s ease 0s; } .photo-overlay img, .video-box .video-thumbnail img, .gallery-part .gallery-image img { width: 100%; height: 100%; transition: transform 0.2s ease 0s; } .no-touch .photo-overlay:hover img, .no-touch .video-box .video-thumbnail:hover img, .video-box .no-touch .video-thumbnail:hover img, .no-touch .gallery-part .gallery-image:hover img, .gallery-part .no-touch .gallery-image:hover img { transform: scale(1.1); } .no-touch .photo-overlay:hover:before, .no-touch .video-box .video-thumbnail:hover:before, .video-box .no-touch .video-thumbnail:hover:before, .no-touch .gallery-part .gallery-image:hover:before, .gallery-part .no-touch .gallery-image:hover:before { opacity: 1; } .no-touch .photo-overlay:hover:after, .no-touch .video-box .video-thumbnail:hover:after, .video-box .no-touch .video-thumbnail:hover:after, .no-touch .gallery-part .gallery-image:hover:after, .gallery-part .no-touch .gallery-image:hover:after { background: rgba(0, 0, 0, 0.7); } .info-photo-box-wrapper.alternately .info-photo-box:nth-child(2n+2) .info { float: right; padding-left: 2rem; padding-right: 0; } .info-photo-box-wrapper.alternately .info-photo-box:nth-child(2n+2) .photo { float: left; } @media screen and (max-width: 1099px) { .info-photo-box-wrapper.alternately .info-photo-box:nth-child(2n+2) .info, .info-photo-box-wrapper.alternately .info-photo-box:nth-child(2n+2) .photo { float: none; padding-left: 0; } } .info-photo-box-wrapper.alternately-inverse .info-photo-box:nth-child(2n+1) .info { float: right; padding-left: 2rem; padding-right: 0; } .info-photo-box-wrapper.alternately-inverse .info-photo-box:nth-child(2n+1) .photo { float: left; } @media screen and (max-width: 1099px) { .info-photo-box-wrapper.alternately-inverse .info-photo-box:nth-child(2n+1) .info, .info-photo-box-wrapper.alternately-inverse .info-photo-box:nth-child(2n+1) .photo { float: none; padding-left: 0; } } .info-photo-box-wrapper.vertical-align-info .info { margin-top: 8.5rem; } @media screen and (max-width: 1099px) { .info-photo-box-wrapper.vertical-align-info .info { margin-top: 0; } } .info-photo-box { margin-bottom: 6rem; } .info-photo-box .info { padding-right: 2rem; text-align: justify; } @media screen and (max-width: 1099px) { .info-photo-box .info { margin-bottom: 3rem; } } .info-photo-box .info h3, .info-photo-box .info .h3, .info-photo-box .info h1, .info-photo-box .info .h1, .info-photo-box .info h2, .info-photo-box .info .h2 { margin-top: -6px; } .info-photo-box .photo { max-width: 60rem; } a.info-photo-box { display: block; color: inherit; } a.info-photo-box .photo { overflow: hidden; position: relative; } a.info-photo-box .photo:before { content: ''; display: inline-block; width: 47px; height: 47px; margin-top: -23px; margin-left: -23px; opacity: 0; background: url(../images/zoom.png) center no-repeat; position: absolute; top: 50%; left: 50%; z-index: 11; transition: opacity 0.2s ease 0.1s; } a.info-photo-box .photo:after { content: ''; display: inline-block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; z-index: 10; transition: background 0.3s ease 0s; } a.info-photo-box .photo img { width: 100%; height: 100%; transition: transform 0.2s ease 0s; position: relative; } .no-touch a.info-photo-box:hover img { transform: scale(1.1); } .no-touch a.info-photo-box:hover .photo:before { opacity: 1; } .no-touch a.info-photo-box:hover .photo:after { background: rgba(0, 0, 0, 0.7); } .yacht-design-wrapper header { height: 10rem; padding: 1rem 3.5rem; border: 6px solid #2b2b2b; margin-bottom: 7rem; } .yacht-design-wrapper header h3, .yacht-design-wrapper header .h3, .yacht-design-wrapper header .info-photo-box .info h1, .info-photo-box .info .yacht-design-wrapper header h1, .yacht-design-wrapper header .info-photo-box .info .h1, .info-photo-box .info .yacht-design-wrapper header .h1, .yacht-design-wrapper header .info-photo-box .info h2, .info-photo-box .info .yacht-design-wrapper header h2, .yacht-design-wrapper header .info-photo-box .info .h2, .info-photo-box .info .yacht-design-wrapper header .h2 { display: inline-block; line-height: 6.8rem; margin-bottom: 0; } .yacht-design-wrapper header figure { float: right; height: 100%; } .yacht-design-wrapper header figure img { vertical-align: middle; float: right; } .yacht-design-wrapper .info-photo-box-wrapper.alternately-inverse .info-photo-box { background-repeat: no-repeat; } .yacht-design-wrapper .info-photo-box-wrapper.alternately-inverse .info-photo-box:nth-child(2n+1) { background-position: right bottom; } .yacht-design-wrapper .info-photo-box-wrapper.alternately-inverse .info-photo-box:nth-child(2n+2) { background-position: left bottom; } @media screen and (max-width: 1099px) { .yacht-design-wrapper .info-photo-box-wrapper.alternately-inverse .info-photo-box:nth-child(2n+1), .yacht-design-wrapper .info-photo-box-wrapper.alternately-inverse .info-photo-box:nth-child(2n+2) { background-position: right bottom; } } .yacht-design-wrapper .info-photo-box-wrapper .info-photo-box { margin-bottom: 0; padding-bottom: 15rem; } .yacht-design-wrapper .info-photo-box-wrapper .info-photo-box .info { margin-top: 3rem; } @media screen and (max-width: 1099px) { .yacht-design-wrapper .info-photo-box-wrapper .info-photo-box .info { margin-top: 0; } } .yacht-design-wrapper .info-photo-box-wrapper .info-photo-box .photo img { width: 100%; } section.text-section { padding: 3.8rem 3.7rem; height: 31.5rem; width: 89.2rem; } @media screen and (max-width: 1400px) { section.text-section { width: 100%; } } @media screen and (max-width: 767px) { section.text-section { height: auto; } } section.text-section:nth-child(even) { padding-right: 30rem; text-align: left; background: url(../images/white-bg.png) center no-repeat; } @media screen and (max-width: 1400px) { section.text-section:nth-child(even) { padding-right: 20rem; } } @media screen and (max-width: 767px) { section.text-section:nth-child(even) { padding-right: 3.7rem; background-size: cover; } } section.text-section:nth-child(even) p, section.text-section:nth-child(even) h3, section.text-section:nth-child(even) .h3, section.text-section:nth-child(even) .info-photo-box .info h1, .info-photo-box .info section.text-section:nth-child(even) h1, section.text-section:nth-child(even) .info-photo-box .info .h1, .info-photo-box .info section.text-section:nth-child(even) .h1, section.text-section:nth-child(even) .info-photo-box .info h2, .info-photo-box .info section.text-section:nth-child(even) h2, section.text-section:nth-child(even) .info-photo-box .info .h2, .info-photo-box .info section.text-section:nth-child(even) .h2 { color: #000; } section.text-section:nth-child(odd) { padding-left: 30rem; text-align: right; background: url(../images/black-bg.png) center no-repeat; } @media screen and (max-width: 1400px) { section.text-section:nth-child(odd) { padding-left: 20rem; } } @media screen and (max-width: 767px) { section.text-section:nth-child(odd) { padding-left: 3.7rem; background-size: cover; } } section.text-section:nth-child(odd) p { color: #bebebe; } .text-page h1, .text-page .h1 { margin-bottom: 4.5rem; } .text-page h1:after, .text-page .h1:after { margin-top: 3.5rem; } .yacht-box-wrapper { width: 34.1rem; height: 28.7rem; color: #000; position: relative; } .yacht-box-wrapper:after { content: ''; display: inline-block; position: absolute; right: 0; top: 0; bottom: 0; width: 1px; height: 100%; background: url(../images/range-separator.jpg) center no-repeat; } .yacht-box-wrapper:first-of-type:before { content: ''; display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; width: 1px; height: 100%; background: url(../images/range-separator.jpg) center no-repeat; } .yacht-box-wrapper .yacht-box-content { padding: 16.9rem 3rem 2.8rem; } .yacht-box-wrapper .yacht-box-content.sport-cruiser { background: url(../images/yacht-type-sport-cruiser.png) 36% 27% no-repeat; } .yacht-box-wrapper .yacht-box-content.hardtop { background: url(../images/yacht-type-hardtop.png) 36% 27% no-repeat; } .yacht-box-wrapper .yacht-box-content.flybridge { background: url(../images/yacht-type-flybridge.png) 36% 27% no-repeat; } .yacht-box-wrapper .yacht-box-content.skydeck { background: url(../images/yacht-type-skydeck.png) 36% 27% no-repeat; } .no-touch .yacht-box-wrapper:hover { color: #fff; background: #d3b883; } .no-touch .yacht-box-wrapper:hover h2, .no-touch .yacht-box-wrapper:hover .h2 { color: #000; } .no-touch .yacht-box-wrapper:hover h2:after, .no-touch .yacht-box-wrapper:hover .h2:after { background: #fff; } .no-touch .yacht-box-wrapper:hover .yacht-box-content.sport-cruiser { background: url(../images/yacht-type-sport-cruiser-white.png) 30% 25% no-repeat; } .no-touch .yacht-box-wrapper:hover .yacht-box-content.hardtop { background: url(../images/yacht-type-hardtop-white.png) 36% 25% no-repeat; } .no-touch .yacht-box-wrapper:hover .yacht-box-content.flybridge { background: url(../images/yacht-type-flybridge-white.png) 36% 25% no-repeat; } .no-touch .yacht-box-wrapper:hover .yacht-box-content.skydeck { background: url(../images/yacht-type-skydeck-white.png) 36% 25% no-repeat; } .company-box, .download-box { width: 34.1rem; height: 28.7rem; color: #000; overflow: hidden; position: relative; } .company-box:after, .download-box:after { content: ''; display: inline-block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; z-index: 10; transition: background 0.3s ease 0s; } .no-touch .company-box:hover, .no-touch .download-box:hover { color: #fff; } .no-touch .company-box:hover h3, .no-touch .download-box:hover h3, .no-touch .company-box:hover .h3, .no-touch .download-box:hover .h3, .no-touch .company-box:hover .info-photo-box .info h1, .info-photo-box .info .no-touch .company-box:hover h1, .no-touch .download-box:hover .info-photo-box .info h1, .info-photo-box .info .no-touch .download-box:hover h1, .no-touch .company-box:hover .info-photo-box .info .h1, .info-photo-box .info .no-touch .company-box:hover .h1, .no-touch .download-box:hover .info-photo-box .info .h1, .info-photo-box .info .no-touch .download-box:hover .h1, .no-touch .company-box:hover .info-photo-box .info h2, .info-photo-box .info .no-touch .company-box:hover h2, .no-touch .download-box:hover .info-photo-box .info h2, .info-photo-box .info .no-touch .download-box:hover h2, .no-touch .company-box:hover .info-photo-box .info .h2, .info-photo-box .info .no-touch .company-box:hover .h2, .no-touch .download-box:hover .info-photo-box .info .h2, .info-photo-box .info .no-touch .download-box:hover .h2 { color: #d3b883; } .no-touch .company-box:hover:after, .no-touch .download-box:hover:after { background: rgba(0, 0, 0, 0.7); } .no-touch .company-box:hover img, .no-touch .download-box:hover img { transform: scale(1.1); } .company-box img, .download-box img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; transition: transform 0.2s ease 0s; } .company-box .company-box-content, .download-box .company-box-content, .company-box .download-box-content, .download-box .download-box-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 4rem 3.8rem 2rem; z-index: 11; } .company-box h3, .download-box h3, .company-box .h3, .download-box .h3, .company-box .info-photo-box .info h1, .info-photo-box .info .company-box h1, .download-box .info-photo-box .info h1, .info-photo-box .info .download-box h1, .company-box .info-photo-box .info .h1, .info-photo-box .info .company-box .h1, .download-box .info-photo-box .info .h1, .info-photo-box .info .download-box .h1, .company-box .info-photo-box .info h2, .info-photo-box .info .company-box h2, .download-box .info-photo-box .info h2, .info-photo-box .info .download-box h2, .company-box .info-photo-box .info .h2, .info-photo-box .info .company-box .h2, .download-box .info-photo-box .info .h2, .info-photo-box .info .download-box .h2 { margin-bottom: 1.5rem; } .company-box h3:after, .download-box h3:after, .company-box .h3:after, .download-box .h3:after, .company-box .info-photo-box .info h1:after, .info-photo-box .info .company-box h1:after, .download-box .info-photo-box .info h1:after, .info-photo-box .info .download-box h1:after, .company-box .info-photo-box .info .h1:after, .info-photo-box .info .company-box .h1:after, .download-box .info-photo-box .info .h1:after, .info-photo-box .info .download-box .h1:after, .company-box .info-photo-box .info h2:after, .info-photo-box .info .company-box h2:after, .download-box .info-photo-box .info h2:after, .info-photo-box .info .download-box h2:after, .company-box .info-photo-box .info .h2:after, .info-photo-box .info .company-box .h2:after, .download-box .info-photo-box .info .h2:after, .info-photo-box .info .download-box .h2:after { bottom: -1rem; width: 3rem; } .download-box { width: 34rem; height: 20rem; } .download-boxes { margin-bottom: 8rem; } .download-boxes .download-box { float: left; } .social-box { width: 5.2rem; height: 5.2rem; border: 2px solid #838383; background: url(../images/sm-icons.png) no-repeat; } .no-touch .social-box:hover { border-color: #d3b883; } .no-touch .social-box:hover.fb { background-position: 0 -52px; } .no-touch .social-box:hover.yt { background-position: -52px -52px; } .no-touch .social-box:hover.issuu { background-position: -104px -52px; } .social-box.fb { background-position: 0 0; } .social-box.yt { background-position: -52px 0; } .social-box.issuu { background-position: -104px 0; } .col-60 .news-box.big, .col-60 .home-range .content .news-box.button, .home-range .content .col-60 .news-box.button, .col-60 .home-range .home-company .company-content .news-box.button, .home-range .home-company .company-content .col-60 .news-box.button, .col-60 .home-company .home-range .company-content .news-box.button, .home-company .home-range .company-content .col-60 .news-box.button, .col-60 .home-range .content form input.news-box[type=submit], .home-range .content form .col-60 input.news-box[type=submit], .col-60 form .home-range .content input.news-box[type=submit], form .home-range .content .col-60 input.news-box[type=submit], .col-60 .home-range .home-company .company-content form input.news-box[type=submit], .home-range .home-company .company-content form .col-60 input.news-box[type=submit], .col-60 form .home-range .home-company .company-content input.news-box[type=submit], form .home-range .home-company .company-content .col-60 input.news-box[type=submit], .col-60 .home-company .home-range .company-content form input.news-box[type=submit], .home-company .home-range .company-content form .col-60 input.news-box[type=submit], .col-60 form .home-company .home-range .company-content input.news-box[type=submit], form .home-company .home-range .company-content .col-60 input.news-box[type=submit], .col-60 .news-box-content.big, .col-60 .home-range .content .news-box-content.button, .home-range .content .col-60 .news-box-content.button, .col-60 .home-range .home-company .company-content .news-box-content.button, .home-range .home-company .company-content .col-60 .news-box-content.button, .col-60 .home-company .home-range .company-content .news-box-content.button, .home-company .home-range .company-content .col-60 .news-box-content.button, .col-60 .home-range .content form input.news-box-content[type=submit], .home-range .content form .col-60 input.news-box-content[type=submit], .col-60 form .home-range .content input.news-box-content[type=submit], form .home-range .content .col-60 input.news-box-content[type=submit], .col-60 .home-range .home-company .company-content form input.news-box-content[type=submit], .home-range .home-company .company-content form .col-60 input.news-box-content[type=submit], .col-60 form .home-range .home-company .company-content input.news-box-content[type=submit], form .home-range .home-company .company-content .col-60 input.news-box-content[type=submit], .col-60 .home-company .home-range .company-content form input.news-box-content[type=submit], .home-company .home-range .company-content form .col-60 input.news-box-content[type=submit], .col-60 form .home-company .home-range .company-content input.news-box-content[type=submit], form .home-company .home-range .company-content .col-60 input.news-box-content[type=submit] { width: 100%; height: 54.5rem; display: block; } .col-60 .news-box.medium, .col-60 .news-box-content.medium { width: 50%; height: 54.5rem; } .col-60 .news-box.small, .col-60 .news-box-content.small { width: 33.33333999999%; } .col-60 .news-box.small h1, .col-60 .news-box.small .h1, .col-60 .news-box-content.small h1, .col-60 .news-box-content.small .h1 { margin-bottom: 2.5rem; } .col-40 .news-box-content.medium { width: 100%; height: 54.5rem; } .col-40 .news-box-content.small { width: 50%; } .col-40 .news-box-content.small h1, .col-40 .news-box-content.small .h1 { margin-bottom: 2.5rem; } .news-box { float: left; position: relative; } .news-box.news-box-content, .news-box .news-box-content { width: 27.32rem; height: 27.5rem; color: #fff; cursor: pointer; overflow: hidden; position: relative; transform: scale(1); } .news-box.news-box-content img, .news-box .news-box-content img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: transform 0.2s ease 0s; } .news-box.news-box-content .news-box-news-content, .news-box .news-box-content .news-box-news-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 4rem 0.5rem 2rem 3.8rem; z-index: 11; } .news-box.news-box-content .date, .news-box .news-box-content .date { letter-spacing: 0.038em; } .news-box.news-box-content h1, .news-box.news-box-content .h1, .news-box .news-box-content h1, .news-box .news-box-content .h1 { font-weight: 800; } .news-box.news-box-content p, .news-box .news-box-content p { width: 80%; font-weight: 500; } .news-box.news-box-content h1, .news-box.news-box-content .h1, .news-box .news-box-content h1, .news-box .news-box-content .h1 { margin-bottom: 3.5rem; } .news-box.news-box-content.black, .home-company .company-content .news-box.news-box-content.button, .home-company .company-content form input.news-box.news-box-content[type=submit], form .home-company .company-content input.news-box.news-box-content[type=submit], .page-contact h1.news-box.news-box-content, .page-contact .news-box.news-box-content.h1, .single-model h1.news-box.news-box-content, .single-model .news-box.news-box-content.h1, .news-box .news-box-content.black, .news-box .home-company .company-content .news-box-content.button, .home-company .company-content .news-box .news-box-content.button, .news-box .home-company .company-content form input.news-box-content[type=submit], .home-company .company-content form .news-box input.news-box-content[type=submit], .news-box form .home-company .company-content input.news-box-content[type=submit], form .home-company .company-content .news-box input.news-box-content[type=submit], .news-box .page-contact h1.news-box-content, .page-contact .news-box h1.news-box-content, .news-box .page-contact .news-box-content.h1, .page-contact .news-box .news-box-content.h1, .news-box .single-model h1.news-box-content, .single-model .news-box h1.news-box-content, .news-box .single-model .news-box-content.h1, .single-model .news-box .news-box-content.h1 { color: #000; } .news-box.news-box-content.news-feed-box h1, .news-box.news-box-content.news-feed-box .h1, .news-box .news-box-content.news-feed-box h1, .news-box .news-box-content.news-feed-box .h1 { margin-bottom: 1.5rem; } .news-box.news-box-content.news-feed-box h1:after, .news-box.news-box-content.news-feed-box .h1:after, .news-box .news-box-content.news-feed-box h1:after, .news-box .news-box-content.news-feed-box .h1:after { content: none; display: none; } .news-box.news-box-content.news-feed-box .news-excerpt, .news-box .news-box-content.news-feed-box .news-excerpt { position: relative; } .news-box.news-box-content.news-feed-box .news-excerpt .news-title, .news-box .news-box-content.news-feed-box .news-excerpt .news-title { font-weight: 600; margin-bottom: 0; } .news-box.news-box-content.news-feed-box .news-excerpt .news-content, .news-box .news-box-content.news-feed-box .news-excerpt .news-content { line-height: 1.4; } .news-box.news-box-content.news-feed-box .news-excerpt:first-of-type:after, .news-box .news-box-content.news-feed-box .news-excerpt:first-of-type:after { content: ''; display: block; margin-top: 0.9rem; margin-bottom: 0.6rem; height: 0.2rem; width: 3rem; background: #d3b883; } .news-box.news-box-content:before, .news-box .news-box-content:before { content: ''; display: block; width: 0; height: 0; position: absolute; bottom: 0; left: 50%; margin-left: -2.8rem; z-index: 1000; opacity: 0; transition: all 300ms ease; border-style: solid; border-width: 0 2.8rem 2.8rem 2.8rem; border-color: transparent transparent #fff transparent; } .news-box.news-box-content:after, .news-box .news-box-content:after { content: ''; display: inline-block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; z-index: 10; transition: background 0.3s ease 0s; } .no-touch .news-box.news-box-content:hover:after, .no-touch .news-box .news-box-content:hover:after { background: rgba(0, 0, 0, 0.7); } .no-touch .news-box.news-box-content:hover h1, .no-touch .news-box.news-box-content:hover .h1, .no-touch .news-box .news-box-content:hover h1, .no-touch .news-box .news-box-content:hover .h1 { color: #d3b883; } .no-touch .news-box.news-box-content:hover p, .no-touch .news-box .news-box-content:hover p { color: #fff; } .no-touch .news-box.news-box-content:hover.gold-overlay:after, .no-touch .news-box .news-box-content:hover.gold-overlay:after { background: rgba(211, 184, 131, 0.8); } .no-touch .news-box.news-box-content:hover img, .no-touch .news-box .news-box-content:hover img { transform: scale(1.1); } .no-touch .news-box.news-box-content:hover.news-feed-box h1, .no-touch .news-box.news-box-content:hover.news-feed-box .h1, .no-touch .news-box .news-box-content:hover.news-feed-box h1, .no-touch .news-box .news-box-content:hover.news-feed-box .h1 { transition: color 0.3s ease 0s; } .news-box .news-box-full-content { display: none; width: 300%; padding: 6.5rem 8.5rem 5.5rem; position: relative; left: 0; top: 100%; z-index: 10; background: #fff; color: #000; z-index: 100; } .news-box .news-box-full-content .slider { height: 445px; } .news-box .news-box-full-content .text { display: block; width: 33.333%; float: left; padding-right: 1.5rem; } .news-box .news-box-full-content .text article { color: inherit; } .news-box .news-box-full-content .text article time { display: block; margin-bottom: 2rem; } .news-box .news-box-full-content .text article header h1, .news-box .news-box-full-content .text article header .h1 { color: inherit; margin-bottom: 3.5rem; } .news-box .news-box-full-content .image { float: right; width: 66.666%; padding-left: 1.5rem; } .news-box .news-box-full-content .image img { display: block; width: 100%;height: 100%; } .news-box:nth-child(3n) .news-box-full-content { left: -200%; } .news-box:nth-child(3n+2) .news-box-full-content { left: -100%; } .news-box:nth-child(3n+1) .news-box-full-content { left: 0; } .news-box.active .news-box-content { cursor: default; } .news-box.active .news-box-content:before { opacity: 1; } .news-box.active .news-box-full-content { display: block; } .news-list .news-box:nth-child(3n) { clear: right; } .news-list .news-box:nth-child(3n+1) { clear: left; } .owners-club-presentation { text-align: center; } .owners-club-presentation .logo, .owners-club-presentation .text { margin-bottom: 6rem; } .owners-club-presentation .slider { width: 690px; height: 385px; margin: 0 auto 8rem; } .charter-list-box { margin-bottom: 6rem; } .charter-list-box p { color: #d3d3d3; line-height: 2.2rem !important; } .charter-list-box span { font-weight: 700; } .charter-list-box img { float: left; display: block; width: 27.8rem; height: 15.8rem; } .charter-list-box h3, .charter-list-box .h3, .charter-list-box .info-photo-box .info h1, .info-photo-box .info .charter-list-box h1, .charter-list-box .info-photo-box .info .h1, .info-photo-box .info .charter-list-box .h1, .charter-list-box .info-photo-box .info h2, .info-photo-box .info .charter-list-box h2, .charter-list-box .info-photo-box .info .h2, .info-photo-box .info .charter-list-box .h2 { display: inline-block; max-width: 21.5rem; } .charter-list-box h3:after, .charter-list-box .h3:after, .charter-list-box .info-photo-box .info h1:after, .info-photo-box .info .charter-list-box h1:after, .charter-list-box .info-photo-box .info .h1:after, .info-photo-box .info .charter-list-box .h1:after, .charter-list-box .info-photo-box .info h2:after, .info-photo-box .info .charter-list-box h2:after, .charter-list-box .info-photo-box .info .h2:after, .info-photo-box .info .charter-list-box .h2:after { display: none; content: none; } .charter-list-box .box-content { float: left; width: 61.5rem; padding-left: 3rem; } .charter-list-box header { height: 4rem; border-bottom: 0.2rem solid #d3b883; margin-bottom: 1.5rem; } .charter-list-box .year, .charter-list-box .price, .charter-list-box .date { display: inline-block; width: 10rem; float: right; font-size: 1.4rem; color: #d3d3d3; line-height: 4rem; font-weight: 500; text-align: center; } .charter-list-box .date { width: 13.5rem; } a.charter-list-box { display: block; color: inherit; } a.charter-list-box .photo { overflow: hidden; position: relative; width: 280px; height: 155px; float: left; } a.charter-list-box .photo:before { content: ''; display: inline-block; width: 47px; height: 47px; margin-top: -23px; margin-left: -23px; opacity: 0; background: url(../images/zoom.png) center no-repeat; position: absolute; top: 50%; left: 50%; z-index: 11; transition: opacity 0.2s ease 0.1s; } a.charter-list-box .photo:after { content: ''; display: inline-block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; z-index: 10; transition: background 0.3s ease 0s; } a.charter-list-box .photo img { width: 100%; height: 100%; transition: transform 0.2s ease 0s; position: relative; } .no-touch a.charter-list-box:hover img { transform: scale(1.1); } .no-touch a.charter-list-box:hover .photo:before { opacity: 1; } .no-touch a.charter-list-box:hover .photo:after { background: rgba(0, 0, 0, 0.7); } .yacht-charter-list .charter-list-box h3, .yacht-charter-list .charter-list-box .h3, .yacht-charter-list .charter-list-box .info-photo-box .info h1, .info-photo-box .info .yacht-charter-list .charter-list-box h1, .yacht-charter-list .charter-list-box .info-photo-box .info .h1, .info-photo-box .info .yacht-charter-list .charter-list-box .h1, .yacht-charter-list .charter-list-box .info-photo-box .info h2, .info-photo-box .info .yacht-charter-list .charter-list-box h2, .yacht-charter-list .charter-list-box .info-photo-box .info .h2, .info-photo-box .info .yacht-charter-list .charter-list-box .h2 { max-width: 100%; } .yacht-charter-list .charter-list-box .date { width: 10rem; } .about-yacht-details-box { margin-bottom: 2rem; } .about-yacht-details-box .slider { height: 50.0rem; width: 90.0rem; } .about-yacht-details-box li { font-weight: 500; font-size: 1.4rem; margin-bottom: 1rem; } .about-yacht-details-box .button, .about-yacht-details-box form input[type=submit], form .about-yacht-details-box input[type=submit] { margin-bottom: 0; float: right; } .about-yacht-details-box form input:not([type="submit"]) { width: 25rem; float: left; } .about-yacht-details-box form button[type="submit"] { margin-left: 1rem; float: left; } .yacht-tech-table { font-size: 1.4rem; } .yacht-tech-table tr { border-bottom: 1px solid #d3b883; } .yacht-tech-table tr:last-child { border-bottom: none; } .yacht-tech-table td { padding: 1rem 0; vertical-align: middle; font-weight: 600; } .yacht-tech-table .name { width: 41.5rem; } .yacht-tech-table .unit-si { width: 7rem; } .yacht-tech-table .value-si { width: 24rem; } .yacht-tech-table .unit-imperial { width: 7rem; } .yacht-tech-table .value-imperial { width: auto; } .yacht-tech-table .unit-si, .yacht-tech-table .unit-imperial { text-align: right; color: #a8a8a8; } .yacht-tech-table .value-si, .yacht-tech-table .value-imperial { padding-left: 3rem; } .yacht-models-list { margin-top: 13rem; background: #f3f3f3; } .yacht-list { padding: 4rem; margin-bottom: 11.5rem; } .yacht-list .row { margin-left: -1.75rem; margin-right: -1.75rem; } @media screen and (max-width: 1400px) { .yacht-list { padding: 3rem; } .yacht-list.wrapper-wide, .tab-overview section.yacht-list.download, .home-dealer .yacht-list.content, .home-dealer .home-company .yacht-list.company-content, .home-company .home-dealer .yacht-list.company-content, .page-home section.yacht-list:not(.home-slider):not(.home-range):not(.home-dealer) { width: 1100px; } } @media screen and (max-width: 1099px) { .yacht-list { padding: 1rem; } .yacht-list.wrapper-wide, .tab-overview section.yacht-list.download, .home-dealer .yacht-list.content, .home-dealer .home-company .yacht-list.company-content, .home-company .home-dealer .yacht-list.company-content, .page-home section.yacht-list:not(.home-slider):not(.home-range):not(.home-dealer) { width: 815px; } } @media screen and (max-width: 767px) { .yacht-list.wrapper-wide, .tab-overview section.yacht-list.download, .home-dealer .yacht-list.content, .home-dealer .home-company .yacht-list.company-content, .home-company .home-dealer .yacht-list.company-content, .page-home section.yacht-list:not(.home-slider):not(.home-range):not(.home-dealer) { width: 500px; } } @media screen and (max-width: 519px) { .yacht-list.wrapper-wide, .tab-overview section.yacht-list.download, .home-dealer .yacht-list.content, .home-dealer .home-company .yacht-list.company-content, .home-company .home-dealer .yacht-list.company-content, .page-home section.yacht-list:not(.home-slider):not(.home-range):not(.home-dealer) { width: 80%; } } @media screen and (max-width: 479px) { .yacht-list { padding: 3rem; } .yacht-list.wrapper-wide, .tab-overview section.yacht-list.download, .home-dealer .yacht-list.content, .home-dealer .home-company .yacht-list.company-content, .home-company .home-dealer .yacht-list.company-content, .page-home section.yacht-list:not(.home-slider):not(.home-range):not(.home-dealer) { width: 100%; } } header.single-yacht-header { height: 30rem; background: #000 url(../images/single-yacht-header-bg.jpg) center no-repeat; background-size: cover; } header.single-yacht-header .wrapper, header.single-yacht-header .nav-yacht ul, .nav-yacht header.single-yacht-header ul, header.single-yacht-header .nav-yacht-secondary ul, .nav-yacht-secondary header.single-yacht-header ul, header.single-yacht-header .nav-yacht-single ul, .nav-yacht-single header.single-yacht-header ul, header.single-yacht-header .tab-overview section, .tab-overview header.single-yacht-header section, header.single-yacht-header .wrapper-wide, header.single-yacht-header .home-dealer .content, .home-dealer header.single-yacht-header .content, header.single-yacht-header .home-dealer .home-company .company-content, .home-dealer .home-company header.single-yacht-header .company-content, header.single-yacht-header .home-company .home-dealer .company-content, .home-company .home-dealer header.single-yacht-header .company-content, header.single-yacht-header .page-home section:not(.home-slider):not(.home-range):not(.home-dealer), .page-home header.single-yacht-header section:not(.home-slider):not(.home-range):not(.home-dealer), header.single-yacht-header .wrapper-narrow, header.single-yacht-header .page-contact header, .page-contact header.single-yacht-header header { border-bottom: 2px solid #d3b883; position: relative; } header.single-yacht-header h1, header.single-yacht-header .h1 { font-size: 8rem; font-weight: 100; color: #fff; text-align: right; float: right; display: block; margin-bottom: 1.5rem; margin-top: 1rem; } header.single-yacht-header .subtitle { text-transform: uppercase; color: #fff; font-size: 3.2rem; float: left; display: block; font-weight: 200; line-height: 3.5rem; margin-top: 1.5rem; } header.single-yacht-header .type-logo { position: absolute; top: 100%; right: 0; width: 25.5rem; height: 6rem; } .single-yacht { margin-top: 11rem; } .single-yacht.skydeck header.single-yacht-header .wrapper, .single-yacht.skydeck header.single-yacht-header .nav-yacht ul, .nav-yacht .single-yacht.skydeck header.single-yacht-header ul, .single-yacht.skydeck header.single-yacht-header .nav-yacht-secondary ul, .nav-yacht-secondary .single-yacht.skydeck header.single-yacht-header ul, .single-yacht.skydeck header.single-yacht-header .nav-yacht-single ul, .nav-yacht-single .single-yacht.skydeck header.single-yacht-header ul, .single-yacht.skydeck header.single-yacht-header .tab-overview section, .tab-overview .single-yacht.skydeck header.single-yacht-header section, .single-yacht.skydeck header.single-yacht-header .wrapper-wide, .single-yacht.skydeck header.single-yacht-header .home-dealer .content, .home-dealer .single-yacht.skydeck header.single-yacht-header .content, .single-yacht.skydeck header.single-yacht-header .home-dealer .home-company .company-content, .home-dealer .home-company .single-yacht.skydeck header.single-yacht-header .company-content, .single-yacht.skydeck header.single-yacht-header .home-company .home-dealer .company-content, .home-company .home-dealer .single-yacht.skydeck header.single-yacht-header .company-content, .single-yacht.skydeck header.single-yacht-header .page-home section:not(.home-slider):not(.home-range):not(.home-dealer), .page-home .single-yacht.skydeck header.single-yacht-header section:not(.home-slider):not(.home-range):not(.home-dealer), .single-yacht.skydeck header.single-yacht-header .wrapper-narrow, .single-yacht.skydeck header.single-yacht-header .page-contact header, .page-contact .single-yacht.skydeck header.single-yacht-header header { border-bottom-color: #31ccff; padding-top: 12rem; } .single-yacht.sport_cruiser header.single-yacht-header .wrapper, .single-yacht.sport_cruiser header.single-yacht-header .nav-yacht ul, .nav-yacht .single-yacht.sport_cruiser header.single-yacht-header ul, .single-yacht.sport_cruiser header.single-yacht-header .nav-yacht-secondary ul, .nav-yacht-secondary .single-yacht.sport_cruiser header.single-yacht-header ul, .single-yacht.sport_cruiser header.single-yacht-header .nav-yacht-single ul, .nav-yacht-single .single-yacht.sport_cruiser header.single-yacht-header ul, .single-yacht.sport_cruiser header.single-yacht-header .tab-overview section, .tab-overview .single-yacht.sport_cruiser header.single-yacht-header section, .single-yacht.sport_cruiser header.single-yacht-header .wrapper-wide, .single-yacht.sport_cruiser header.single-yacht-header .home-dealer .content, .home-dealer .single-yacht.sport_cruiser header.single-yacht-header .content, .single-yacht.sport_cruiser header.single-yacht-header .home-dealer .home-company .company-content, .home-dealer .home-company .single-yacht.sport_cruiser header.single-yacht-header .company-content, .single-yacht.sport_cruiser header.single-yacht-header .home-company .home-dealer .company-content, .home-company .home-dealer .single-yacht.sport_cruiser header.single-yacht-header .company-content, .single-yacht.sport_cruiser header.single-yacht-header .page-home section:not(.home-slider):not(.home-range):not(.home-dealer), .page-home .single-yacht.sport_cruiser header.single-yacht-header section:not(.home-slider):not(.home-range):not(.home-dealer), .single-yacht.sport_cruiser header.single-yacht-header .wrapper-narrow, .single-yacht.sport_cruiser header.single-yacht-header .page-contact header, .page-contact .single-yacht.sport_cruiser header.single-yacht-header header { border-bottom-color: #ff0000; padding-top: 12rem; } .single-yacht.hardtop header.single-yacht-header .wrapper, .single-yacht.hardtop header.single-yacht-header .nav-yacht ul, .nav-yacht .single-yacht.hardtop header.single-yacht-header ul, .single-yacht.hardtop header.single-yacht-header .nav-yacht-secondary ul, .nav-yacht-secondary .single-yacht.hardtop header.single-yacht-header ul, .single-yacht.hardtop header.single-yacht-header .nav-yacht-single ul, .nav-yacht-single .single-yacht.hardtop header.single-yacht-header ul, .single-yacht.hardtop header.single-yacht-header .tab-overview section, .tab-overview .single-yacht.hardtop header.single-yacht-header section, .single-yacht.hardtop header.single-yacht-header .wrapper-wide, .single-yacht.hardtop header.single-yacht-header .home-dealer .content, .home-dealer .single-yacht.hardtop header.single-yacht-header .content, .single-yacht.hardtop header.single-yacht-header .home-dealer .home-company .company-content, .home-dealer .home-company .single-yacht.hardtop header.single-yacht-header .company-content, .single-yacht.hardtop header.single-yacht-header .home-company .home-dealer .company-content, .home-company .home-dealer .single-yacht.hardtop header.single-yacht-header .company-content, .single-yacht.hardtop header.single-yacht-header .page-home section:not(.home-slider):not(.home-range):not(.home-dealer), .page-home .single-yacht.hardtop header.single-yacht-header section:not(.home-slider):not(.home-range):not(.home-dealer), .single-yacht.hardtop header.single-yacht-header .wrapper-narrow, .single-yacht.hardtop header.single-yacht-header .page-contact header, .page-contact .single-yacht.hardtop header.single-yacht-header header { border-bottom-color: #d3d3d3; padding-top: 12rem; } .single-yacht.flybridge header.single-yacht-header .wrapper, .single-yacht.flybridge header.single-yacht-header .nav-yacht ul, .nav-yacht .single-yacht.flybridge header.single-yacht-header ul, .single-yacht.flybridge header.single-yacht-header .nav-yacht-secondary ul, .nav-yacht-secondary .single-yacht.flybridge header.single-yacht-header ul, .single-yacht.flybridge header.single-yacht-header .nav-yacht-single ul, .nav-yacht-single .single-yacht.flybridge header.single-yacht-header ul, .single-yacht.flybridge header.single-yacht-header .tab-overview section, .tab-overview .single-yacht.flybridge header.single-yacht-header section, .single-yacht.flybridge header.single-yacht-header .wrapper-wide, .single-yacht.flybridge header.single-yacht-header .home-dealer .content, .home-dealer .single-yacht.flybridge header.single-yacht-header .content, .single-yacht.flybridge header.single-yacht-header .home-dealer .home-company .company-content, .home-dealer .home-company .single-yacht.flybridge header.single-yacht-header .company-content, .single-yacht.flybridge header.single-yacht-header .home-company .home-dealer .company-content, .home-company .home-dealer .single-yacht.flybridge header.single-yacht-header .company-content, .single-yacht.flybridge header.single-yacht-header .page-home section:not(.home-slider):not(.home-range):not(.home-dealer), .page-home .single-yacht.flybridge header.single-yacht-header section:not(.home-slider):not(.home-range):not(.home-dealer), .single-yacht.flybridge header.single-yacht-header .wrapper-narrow, .single-yacht.flybridge header.single-yacht-header .page-contact header, .page-contact .single-yacht.flybridge header.single-yacht-header header { border-bottom-color: #d3b883; padding-top: 12rem; } .single-yacht .section-yacht-content, .single-yacht .single-model .tab-content, .single-model .single-yacht .tab-content { padding-top: 9rem; } .single-yacht .section-yacht-content .button, .single-yacht .single-model .tab-content .button, .single-model .single-yacht .tab-content .button, .single-yacht .section-yacht-content form input[type=submit], form .single-yacht .section-yacht-content input[type=submit], .single-yacht .single-model .tab-content form input[type=submit], form .single-yacht .single-model .tab-content input[type=submit], .single-model .single-yacht .tab-content form input[type=submit], form .single-model .single-yacht .tab-content input[type=submit] { display: block; margin: 0 auto 10rem; width: 20rem; background: transparent; color: #000; text-align: center; } .no-touch .single-yacht .section-yacht-content .button:hover, .no-touch .single-yacht .single-model .tab-content .button:hover, .single-model .no-touch .single-yacht .tab-content .button:hover, .no-touch .single-yacht .section-yacht-content form input[type=submit]:hover, form .no-touch .single-yacht .section-yacht-content input[type=submit]:hover, .no-touch .single-yacht .single-model .tab-content form input[type=submit]:hover, form .no-touch .single-yacht .single-model .tab-content input[type=submit]:hover, .single-model .no-touch .single-yacht .tab-content form input[type=submit]:hover, form .single-model .no-touch .single-yacht .tab-content input[type=submit]:hover { color: #000; } .yacht-model-name { font-size: 2rem; color: #fff; } .yacht-model-name .separator { margin: 0 1rem; } .yacht-model-name.skydeck span.model-name { color: #31ccff; } .yacht-model-name.sport_cruiser span.model-name { color: #ff0000; } .yacht-model-name.hardtop span.model-name { color: #d3d3d3; } .yacht-model-name.flybridge span.model-name { color: #d3b883; } .modal-wrapper .modal-content .yacht-model-name { position: fixed; top: 4.5rem; left: 3rem; } .video-box { float: left; width: 200px; margin-right: 40px; margin-bottom: 2.5rem; } .video-box .video-thumbnail { position: relative; position: relative; overflow: hidden; } .video-box .video-thumbnail img { display: block; width: 100%; height: 100%; } .video-box .duration { position: absolute; bottom: 2px; right: 2px; padding: 2px 4px; font-size: 1.2rem; font-weight: 600; color: #fff; background: #000; } .video-box figcaption { margin-top: 1rem; font-size: 1.4rem; color: #000; } section.video figure.yt-overview { margin: 0 auto 30px; position: relative; padding-bottom: 51.1%; max-width: 850px; width: 100%; padding-top: 25px; height: 0; } section.video figure.yt-overview iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } section.video figure.yt-overview.wide { padding-bottom: 38%; } section.video figure.yt-overview.wide iframe { position: absolute; top: 0; left: 0; width: 100%; height: 480px !important; } .settings-box { margin-bottom: 5.5rem; } .settings-box .filters { font-size: 1.2rem; } .settings-box .filters fieldset { float: left; margin-bottom: 1.5rem; } .settings-box .filters fieldset:last-of-type { float: right; } .settings-box .filters fieldset:not(:first-of-type) { margin-left: 3rem; } .settings-box .filters span { color: #fff; line-height: 3.5rem; } .settings-box .filters .model-category { width: 18rem; } .settings-box .filters .year-from { margin-left: 1rem; } .settings-box .filters .year-from, .settings-box .filters .year-to { width: 10rem; } .settings-box .filters .dk-select { line-height: 3.5rem; margin-bottom: 0; } .settings-box .filters .dk-select .dk-option { color: #000; } .settings-box .filters .range-slider { position: relative; display: inline-block; width: 24rem; margin-left: 4rem; margin-bottom: 3px; } .settings-box .filters .range-slider:before, .settings-box .filters .range-slider:after { display: inline-block; position: absolute; bottom: -7px; } .settings-box .filters .range-slider:before { content: 'min'; left: -30px; } .settings-box .filters .range-slider:after { content: 'max'; right: -35px; } .settings-box .filters .reset-filters { position: static; top: auto; right: auto; } .no-touch .settings-box .filters .reset-filters:hover { background-size: 12px; } .settings-box .filters .knob-value { position: absolute; bottom: 7px; left: -25px; min-width: 50px; } .settings-box .sort { width: 100%; height: 35px; padding: 0 1.5rem; background: #282828; line-height: 3.5rem; } .settings-box .sort ul { float: right; } .settings-box .sort li { position: relative; float: left; margin: 0 3rem; cursor: pointer; font-size: 1.4rem; } .settings-box .sort li.active:after { content: ''; display: block; width: 12px; height: 7px; position: absolute; right: -2rem; top: 50%; margin-top: -3px; background: url(../images/arrow-down-white.png) center no-repeat; } .settings-box .sort li.active[data-sort-order="asc"]:after { transform: scaleY(-1); } .model-box { display: block; width: 25%; float: left; padding: 0 1.75rem 3.5rem; color: #000; } .model-box a { display: block; position: relative; } @media screen and (min-width: 1401px) { .model-box { width: 20%; } } @media screen and (min-width: 1024px) and (max-width: 1099px) { .model-box { padding-right: 2.3rem; } } @media screen and (max-width: 1023px) { .model-box { width: 33.333%; } } @media screen and (max-width: 767px) { .model-box { width: 50%; } } @media screen and (max-width: 519px) { .model-box { width: 100%; height: auto; } } .model-box figure .photo { overflow: hidden; width: 100%; height: 130px; position: relative; will-change: background; } @media screen and (max-width: 519px) { .model-box figure .photo { width: 100%; height: auto!important; } } .model-box figure .photo:after { content: ''; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; z-index: 10; transition: background 0.3s ease 0s; } .model-box figure img { display: block; width: 100%; height: 100%; transition: transform 0.2s ease 0s; will-change: transform; } .model-box figcaption { margin-top: 1rem; overflow: hidden; } .model-box figcaption strong { margin-right: 2.5rem; text-transform: uppercase; font-size: 1.1rem; line-height: 1.5rem; } .model-box figcaption .line { position: relative; display: inline-block; height: 1px; width: 1px; vertical-align: top; margin-top: 6px; color: #d3b883; } .model-box figcaption .line:after { content: ''; position: absolute; top: 0; left: 0; display: inline-block; height: 1px; width: 1000px; background: currentColor; } .no-touch .model-box:hover.sport_cruiser { color: #000; } .no-touch .model-box:hover.hardtop { color: #000; } .no-touch .model-box:hover.flybridge { color: #000; } .no-touch .model-box:hover.skydeck { color: #000; } .no-touch .model-box:hover .photo:after { background: rgba(0, 0, 0, 0.7); } .no-touch .model-box:hover img { transform: scale(1.1); } .model-box:hover figcaption .line:after{ background: #ff0000; } .form-box .user-data { width: 340px; float: left; } .form-box ul.dk-select-options { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 20px; } .form-box input:not([type=submit]), .form-box textarea { display: block; width: 100%; } .form-box textarea.text { float: right; width: 355px; height: 185px; } .form-box [type=submit] { float: right; } .contact-details-list { width: 245px; float: left; } .contact-details-list .contact-details-box { margin-bottom: 3rem; float: left; } .item-file { display: inline-block; margin-bottom: 6rem; width: 36.5rem; height: 5rem; } .item-file:before { content: ''; display: block; float: left; margin-right: 2rem; width: 7.5rem; height: 4rem; background: url(../images/download-arrow.png) 50% 50% no-repeat; border: 2px solid #838383; } .item-file span.name, .item-file span.caption { display: inline-block; font-size: 2rem; line-height: 1; } .item-file span.name { display: block; margin-bottom: 1rem; color: #ad966a; } .item-file span.caption { margin-bottom: 0; color: #c0c0c0; } .list-partners .partner { width: 50%; float: left; } .partner { padding-right: 1.5rem; margin-bottom: 5rem; } .partner:nth-child(2n+2) { clear: right; } .partner:nth-child(2n+1) { clear: left; } .partner .partner-content { margin-left: 20rem; } .partner .text { font-size: 1.4rem; line-height: 2.4rem; position: relative; margin-bottom: 4rem; } .partner .text:after { content: ''; display: inline-block; position: absolute; left: 0; bottom: -2rem; width: 50px; height: 2px; background: #d3b883; } .partner img { width: 175px; height: 130px; float: left; margin-right: 2.5rem; } .partner a { font-size: 1.4rem; color: #bebebe; } .dealers-list li { display: none; } .dealers-list li.select-active { display: block; } .dealers-list .dealer-data { margin-bottom: 14rem; } .find-dealer .dk-select .dk-selected { line-height: 5rem; padding: 0 1rem; background: #000 url(../images/arrow-down-gold.png); background-repeat: no-repeat; background-position: 95% 50%; color: #fff; border-radius: 0; border: none; } .find-dealer .dk-select { width: 45rem; height: 5rem; } .find-dealer .dk-select .dk-selected { margin-bottom: 0 !important; padding-right: 0; } .find-dealer .dk-select .dk-selected:before, .find-dealer .dk-select .dk-selected:after { display: none; content: none; } .find-dealer .dk-select .dk-select-options { border: none; padding: 0; border-radius: 0; } .find-dealer .dk-select .dk-option, .find-dealer .dk-select .dk-option-selected { line-height: 3rem; font-weight: 600; font-size: 1.4rem; padding: 0 2rem; background: #000; color: #fff; } .find-dealer .dk-select .dk-option-highlight { background: #d3b883; color: #000; } .gallery-categories-list { margin-bottom: 5rem; } .gallery-categories-list ul { text-align: center; padding-bottom: 3.5rem; } .gallery-categories-list ul[data-tab-level="1"] { border-bottom: 1px solid #c2c2c2; } .gallery-categories-list ul li { display: inline-block; margin: 0 1.5rem; letter-spacing: 0.048em; } .gallery-categories-list ul li a { color: #000; text-transform: uppercase; font-size: 1.4rem; font-weight: 500; } .gallery-categories-list ul li a.active { position: relative; font-weight: 800; } .gallery-categories-list ul li a.active:after { content: ''; display: inline-block; background: url(../images/gallery-arrow.png) center no-repeat; width: 12px; height: 7px; position: absolute; bottom: -15px; left: 50%; margin-left: -6px; } .gallery-categories-list ul:not([data-tab-level="1"]) { display: none; } .gallery-categories-list ul:not([data-tab-level="1"]).active { display: block; } .gallery-categories-list ul:not([data-tab-level="1"]) li { margin-top: 2rem; } .modal-content .gallery-categories-list { margin-bottom: 0; position: absolute; left: 50%; top: 25px; } .modal-content .gallery-categories-list ul[data-tab-level="1"] { border-bottom: 1px solid rgba(211, 211, 211, 0.2); } .modal-content .gallery-categories-list ul { padding-bottom: 2.5rem; } .modal-content .gallery-categories-list ul:not([data-tab-level="1"]) li { margin-top: 1rem; } .modal-content .gallery-categories-list a { color: #d3d3d3; } .modal-content .gallery-categories-list a.active:after { background: url(../images/arrow-down-white.png) center no-repeat; } .gallery-part { margin-bottom: 28px; } .gallery-part--mobile { display: none; } @media screen and (max-width: 1279px) { .gallery-part { display: none; } .gallery-part--mobile { display: block; } } .gallery-part .gallery-image { float: left; margin-left: 28px; margin-bottom: 28px; overflow: hidden; position: relative; } .gallery-part .gallery-image:nth-child(1) { margin-left: 205px; } .gallery-part .gallery-image:nth-child(3) { margin-left: 0; margin-top: -115px; } .gallery-part .gallery-image:nth-child(6) { margin-left: 103px; margin-top: -60px; } .gallery-part .gallery-image:nth-child(7) { margin-top: -60px; } .gallery-part .gallery-image:nth-child(1), .gallery-part .gallery-image:nth-child(3), .gallery-part .gallery-image:nth-child(6) { clear: left; } .gallery-part .gallery-image:nth-child(2), .gallery-part .gallery-image:nth-child(5), .gallery-part .gallery-image:nth-child(8) { clear: right; } .gallery-part .gallery-image:nth-child(7), .gallery-part .gallery-image:nth-child(8) { margin-bottom: 0; } .gallery-part .gallery-image:nth-child(1) { width: 279px; height: 157px; } .gallery-part .gallery-image:nth-child(2) { width: 483px; height: 272px; } .gallery-part .gallery-image:nth-child(3) { width: 484px; height: 272px; } .gallery-part .gallery-image:nth-child(4) { width: 279px; height: 157px; } .gallery-part .gallery-image:nth-child(5) { width: 381px; height: 213px; } .gallery-part .gallery-image:nth-child(6) { width: 279px; height: 157px; } .gallery-part .gallery-image:nth-child(7) { width: 381px; height: 213px; } .gallery-part .gallery-image:nth-child(8) { width: 279px; height: 157px; } .gallery-part .gallery-image img { object-fit: cover; object-position: 50%; } .gallery-part .gallery-image .image-mobile { display: none; } @media screen and (max-width: 1279px) { .gallery-part .gallery-image .image-desktop { display: none; } .gallery-part .gallery-image .image-mobile { display: block; } } .gallery-part-list-wrapper { min-height: 32rem; } .loading + .gallery-part-list-wrapper { background: url(../images/ajax-loader.gif) no-repeat 50% 14rem; } /* LAYOUT ------------------------------------------------------------------------- */ html { min-height: 100%; position: relative; } body { min-height: 100%; padding: 0; overflow-x: hidden; position: static; } .wrapper, .nav-yacht ul, .nav-yacht-secondary ul, .nav-yacht-single ul, .tab-overview section, .wrapper-wide, .tab-overview section.download, .home-dealer .content, .home-dealer .home-company .company-content, .home-company .home-dealer .company-content, .page-home section:not(.home-slider):not(.home-range):not(.home-dealer), .wrapper-narrow, .page-contact header { margin: 0 auto; max-width: 1200px; position: relative; } @media screen and (max-width: 1400px) { .wrapper, .nav-yacht ul, .nav-yacht-secondary ul, .nav-yacht-single ul, .tab-overview section, .wrapper-wide, .tab-overview section.download, .home-dealer .content, .home-dealer .home-company .company-content, .home-company .home-dealer .company-content, .page-home section:not(.home-slider):not(.home-range):not(.home-dealer), .wrapper-narrow, .page-contact header { max-width: 90%; } } .wrapper-wide, .tab-overview section.download, .home-dealer .content, .home-dealer .home-company .company-content, .home-company .home-dealer .company-content, .page-home section:not(.home-slider):not(.home-range):not(.home-dealer) { max-width: 1366px; position: relative; } @media screen and (max-width: 1400px) { .wrapper-wide, .tab-overview section.download, .home-dealer .content, .home-dealer .home-company .company-content, .home-company .home-dealer .company-content, .page-home section:not(.home-slider):not(.home-range):not(.home-dealer) { max-width: 100%; } } .wrapper-narrow { max-width: 1000px; position: relative; } .main-content { position: relative; margin: 0 auto; max-width: 1366px; } .header { height: 11rem; /* position: fixed; top: 0; left: 0; right: 0; z-index: 6000; */line-height: 1; background: #f3f3f3; transition: background 300ms ease 0s, height 300ms ease 0s; } .header .h-logo { display: block; width: 12.2rem; height: 3.4rem; font-size: 0; margin-bottom: 0; margin-top: 4.5rem; float: left; transition: margin 300ms ease 0ms; } .header .h-logo a { display: block; width: 100%; height: 100%; background: url(../images/logo-black.png) center no-repeat; background-size: contain; } .header .h-logo:after { content: none; display: none; } .no-touch .header .h-logo:hover a { background: url(../images/logo-gold.png) center no-repeat; background-size: contain; } .header nav { /*margin-left: 13.1rem; margin-top: 5.9rem; */float: left; transition: margin 300ms ease 0ms; } @media screen and (max-width: 1099px) { .header nav { margin-left: 8rem; } } .header nav a { color: #000; } .header nav.nav-lang { margin-left: 0; float: right; } .header .burger { position: absolute; top: 50px; right: 0; transition: top 300ms ease 0ms; } .header .burger:before, .header .burger:after { background: #000; } .header.sticky { height: 8rem; } .header.sticky .burger { top: 30px; } .header.sticky .h-logo { margin-top: 6px; } .header.sticky nav { margin-top: 3.7rem; } .header.transparent { background: transparent; } .header.transparent .burger:before, .header.transparent .burger:after { background: #fff; } .header.transparent .h-logo a { background: url(../images/logo.png) center no-repeat; background-size: contain; } .header.transparent nav a { color: #fff; } .header.white, .info-photo-box .info h1.header, .info-photo-box .info .header.h1, .no-touch .news-box.news-box-content:hover.news-feed-box h1.header, .no-touch .news-box.news-box-content:hover.news-feed-box .header.h1, .no-touch .news-box .news-box-content:hover.news-feed-box h1.header, .no-touch .news-box .news-box-content:hover.news-feed-box .header.h1, .section-text-subpage h1.header, .section-text-subpage .header.h1 { background: #f3f3f3; } .header.white .burger:before, .info-photo-box .info h1.header .burger:before, .info-photo-box .info .header.h1 .burger:before, .no-touch .news-box.news-box-content:hover.news-feed-box h1.header .burger:before, .no-touch .news-box.news-box-content:hover.news-feed-box .header.h1 .burger:before, .no-touch .news-box .news-box-content:hover.news-feed-box h1.header .burger:before, .no-touch .news-box .news-box-content:hover.news-feed-box .header.h1 .burger:before, .section-text-subpage h1.header .burger:before, .section-text-subpage .header.h1 .burger:before, .header.white .burger:after, .info-photo-box .info h1.header .burger:after, .info-photo-box .info .header.h1 .burger:after, .no-touch .news-box.news-box-content:hover.news-feed-box h1.header .burger:after, .no-touch .news-box.news-box-content:hover.news-feed-box .header.h1 .burger:after, .no-touch .news-box .news-box-content:hover.news-feed-box h1.header .burger:after, .no-touch .news-box .news-box-content:hover.news-feed-box .header.h1 .burger:after, .section-text-subpage h1.header .burger:after, .section-text-subpage .header.h1 .burger:after { background: #000; } .header.white .h-logo a, .info-photo-box .info h1.header .h-logo a, .info-photo-box .info .header.h1 .h-logo a, .no-touch .news-box.news-box-content:hover.news-feed-box h1.header .h-logo a, .no-touch .news-box.news-box-content:hover.news-feed-box .header.h1 .h-logo a, .no-touch .news-box .news-box-content:hover.news-feed-box h1.header .h-logo a, .no-touch .news-box .news-box-content:hover.news-feed-box .header.h1 .h-logo a, .section-text-subpage h1.header .h-logo a, .section-text-subpage .header.h1 .h-logo a { background: url(../images/logo-black.png) center no-repeat; background-size: contain; } .no-touch .header.white .h-logo:hover a, .no-touch .info-photo-box .info h1.header .h-logo:hover a, .info-photo-box .info .no-touch h1.header .h-logo:hover a, .no-touch .info-photo-box .info .header.h1 .h-logo:hover a, .info-photo-box .info .no-touch .header.h1 .h-logo:hover a, .no-touch .news-box.news-box-content:hover.news-feed-box h1.header .h-logo:hover a, .no-touch .news-box.news-box-content:hover.news-feed-box .header.h1 .h-logo:hover a, .no-touch .news-box .news-box-content:hover.news-feed-box h1.header .h-logo:hover a, .no-touch .news-box .news-box-content:hover.news-feed-box .header.h1 .h-logo:hover a, .no-touch .section-text-subpage h1.header .h-logo:hover a, .section-text-subpage .no-touch h1.header .h-logo:hover a, .no-touch .section-text-subpage .header.h1 .h-logo:hover a, .section-text-subpage .no-touch .header.h1 .h-logo:hover a { background: url(../images/logo-gold.png) center no-repeat; background-size: contain; } .header.white nav a, .info-photo-box .info h1.header nav a, .info-photo-box .info .header.h1 nav a, .no-touch .news-box.news-box-content:hover.news-feed-box h1.header nav a, .no-touch .news-box.news-box-content:hover.news-feed-box .header.h1 nav a, .no-touch .news-box .news-box-content:hover.news-feed-box h1.header nav a, .no-touch .news-box .news-box-content:hover.news-feed-box .header.h1 nav a, .section-text-subpage h1.header nav a, .section-text-subpage .header.h1 nav a { color: #000; } .no-touch .header.white nav a:hover, .no-touch .info-photo-box .info h1.header nav a:hover, .info-photo-box .info .no-touch h1.header nav a:hover, .no-touch .info-photo-box .info .header.h1 nav a:hover, .info-photo-box .info .no-touch .header.h1 nav a:hover, .no-touch .news-box.news-box-content:hover.news-feed-box h1.header nav a:hover, .no-touch .news-box.news-box-content:hover.news-feed-box .header.h1 nav a:hover, .no-touch .news-box .news-box-content:hover.news-feed-box h1.header nav a:hover, .no-touch .news-box .news-box-content:hover.news-feed-box .header.h1 nav a:hover, .no-touch .section-text-subpage h1.header nav a:hover, .section-text-subpage .no-touch h1.header nav a:hover, .no-touch .section-text-subpage .header.h1 nav a:hover, .section-text-subpage .no-touch .header.h1 nav a:hover { color: #d3b883; } .header.black.sticky, .home-company .company-content .header.sticky.button, .home-company .company-content form input.header.sticky[type=submit], form .home-company .company-content input.header.sticky[type=submit], .page-contact h1.header.sticky, .page-contact .header.sticky.h1, .single-model h1.header.sticky, .single-model .header.sticky.h1 { background: black; } .header.black .burger:before, .home-company .company-content .header.button .burger:before, .home-company .company-content form input.header[type=submit] .burger:before, form .home-company .company-content input.header[type=submit] .burger:before, .page-contact h1.header .burger:before, .page-contact .header.h1 .burger:before, .single-model h1.header .burger:before, .single-model .header.h1 .burger:before, .header.black .burger:after, .home-company .company-content .header.button .burger:after, .home-company .company-content form input.header[type=submit] .burger:after, form .home-company .company-content input.header[type=submit] .burger:after, .page-contact h1.header .burger:after, .page-contact .header.h1 .burger:after, .single-model h1.header .burger:after, .single-model .header.h1 .burger:after { background: #fff; } .header.black .h-logo a, .home-company .company-content .header.button .h-logo a, .home-company .company-content form input.header[type=submit] .h-logo a, form .home-company .company-content input.header[type=submit] .h-logo a, .page-contact h1.header .h-logo a, .page-contact .header.h1 .h-logo a, .single-model h1.header .h-logo a, .single-model .header.h1 .h-logo a { background: url(../images/logo.png) center no-repeat; background-size: contain; } .no-touch .header.black .h-logo:hover a, .no-touch .home-company .company-content .header.button .h-logo:hover a, .home-company .company-content .no-touch .header.button .h-logo:hover a, .no-touch .home-company .company-content form input.header[type=submit] .h-logo:hover a, .home-company .company-content form .no-touch input.header[type=submit] .h-logo:hover a, .no-touch form .home-company .company-content input.header[type=submit] .h-logo:hover a, form .home-company .company-content .no-touch input.header[type=submit] .h-logo:hover a, .no-touch .page-contact h1.header .h-logo:hover a, .page-contact .no-touch h1.header .h-logo:hover a, .no-touch .page-contact .header.h1 .h-logo:hover a, .page-contact .no-touch .header.h1 .h-logo:hover a, .no-touch .single-model h1.header .h-logo:hover a, .single-model .no-touch h1.header .h-logo:hover a, .no-touch .single-model .header.h1 .h-logo:hover a, .single-model .no-touch .header.h1 .h-logo:hover a { background: url(../images/logo-gold.png) center no-repeat; background-size: contain; } .header.black nav a, .home-company .company-content .header.button nav a, .home-company .company-content form input.header[type=submit] nav a, form .home-company .company-content input.header[type=submit] nav a, .page-contact h1.header nav a, .page-contact .header.h1 nav a, .single-model h1.header nav a, .single-model .header.h1 nav a { color: #fff; } .no-touch .header.black nav a:hover, .no-touch .home-company .company-content .header.button nav a:hover, .home-company .company-content .no-touch .header.button nav a:hover, .no-touch .home-company .company-content form input.header[type=submit] nav a:hover, .home-company .company-content form .no-touch input.header[type=submit] nav a:hover, .no-touch form .home-company .company-content input.header[type=submit] nav a:hover, form .home-company .company-content .no-touch input.header[type=submit] nav a:hover, .no-touch .page-contact h1.header nav a:hover, .page-contact .no-touch h1.header nav a:hover, .no-touch .page-contact .header.h1 nav a:hover, .page-contact .no-touch .header.h1 nav a:hover, .no-touch .single-model h1.header nav a:hover, .single-model .no-touch h1.header nav a:hover, .no-touch .single-model .header.h1 nav a:hover, .single-model .no-touch .header.h1 nav a:hover { color: #d3b883; } .home .header { background: transparent; } .home .header.sticky { background: black; } .home .header .h-logo a { background: url(../images/logo.png) center no-repeat; background-size: contain; } .home .header nav a { color: #fff; } .footer .footer-copy { margin-top: 9rem; font-size: 1.1rem; letter-spacing: 0.038em; color: #b1b1b1; } .footer .footer-copy a { color: #b1b1b1; } .no-touch .footer .footer-copy a:hover { color: #d3b883; } .footer .footer-copy .copyright, .footer .footer-copy .cookies, .footer .footer-copy .author { display: block; float: left; margin-right: 4rem; color: inherit; font-weight: 600; } .footer .footer-copy .author { margin-right: 0; float: right; } /* SECTIONS ------------------------------------------------------------------------- */ .content, .home-company .company-content { padding: 10rem 8rem 7rem; } .content.low-top-padding, .home-company .low-top-padding.company-content { padding-top: 7rem; } .text-page { padding: 6rem; } .text-page.black, .home-company .company-content .text-page.button, .home-company .company-content form input.text-page[type=submit], form .home-company .company-content input.text-page[type=submit], .page-contact h1.text-page, .page-contact .text-page.h1, .single-model h1.text-page, .single-model .text-page.h1 { background: #000; } .section-text-subpage { margin-top: 13rem; padding-top: 6rem; } .section-text-subpage.black, .home-company .company-content .section-text-subpage.button, .home-company .company-content form input.section-text-subpage[type=submit], form .home-company .company-content input.section-text-subpage[type=submit], .page-contact h1.section-text-subpage, .page-contact .section-text-subpage.h1, .single-model h1.section-text-subpage, .single-model .section-text-subpage.h1 { color: #bebebe; } .section-text-subpage h1, .section-text-subpage .h1 { margin-bottom: 8.8rem; } .section-text-subpage h1:after, .section-text-subpage .h1:after { top: 8rem; } .section-text-subpage p { font-size: 1.4rem; line-height: 2.4rem; } .section-text-subpage article { margin-bottom: 11rem; } .section-text-subpage .button, .section-text-subpage form input[type=submit], form .section-text-subpage input[type=submit] { margin-bottom: 4rem; } .section-subpage { margin-top: 13rem; padding-top: 6rem; } section.home-slider { background: #000; position: relative; } section.home-slider .slider { width: 100% !important; height: 100vh !important; } section.home-slider .slider .swiper-slide { position: relative; } section.home-slider .slider .slide-image:before { content: ''; display: inline-block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); } section.home-slider .slider .swiper-pagination { right: 6%; bottom: 5%; left: auto; } .home-range { position: relative; } .home-range .slider { width: 100%; height: 620px; } .home-range .content, .home-range .home-company .company-content, .home-company .home-range .company-content { width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; } .home-range .content h1, .home-range .home-company .company-content h1, .home-company .home-range .company-content h1, .home-range .content .h1, .home-range .home-company .company-content .h1, .home-company .home-range .company-content .h1, .home-range .content h5.section-subtitle, .home-range .home-company .company-content h5.section-subtitle, .home-company .home-range .company-content h5.section-subtitle, .home-range .content .section-subtitle.h5, .home-range .home-company .company-content .section-subtitle.h5, .home-company .home-range .company-content .section-subtitle.h5 { color: #fff; } .home-range .content .button, .home-range .home-company .company-content .button, .home-company .home-range .company-content .button, .home-range .content form input[type=submit], form .home-range .content input[type=submit], .home-range .home-company .company-content form input[type=submit], form .home-range .home-company .company-content input[type=submit], .home-company .home-range .company-content form input[type=submit], form .home-company .home-range .company-content input[type=submit] { position: absolute; bottom: 0; width: 270px; left: 50%; margin-left: -135px; } .home-range .yacht-box-wrapper { float: left; } .home-company .slider { width: 700px; height: 480px; } .home-company .company-box, .home-company .download-box { float: left; } .home-company .company-content .col-5 { padding-right: 3rem; } .home-company .company-content p { text-align: justify; } .home-company .company-content .row { position: relative; } .home-company .company-content .button, .home-company .company-content form input[type=submit], form .home-company .company-content input[type=submit] { position: absolute; bottom: 0; } .home-news { margin-top: 13.5rem !important; margin-bottom: 13.5rem !important; } .home-news .news-box .slider { width: 54.5rem; height: 54.5rem; } .home-news .news-box .swiper-pagination { top: 40px; right: 40px; left: auto; bottom: auto; } .home-news .news-box.big .slider, .home-news .home-range .content .news-box.button .slider, .home-range .content .home-news .news-box.button .slider, .home-news .home-range .home-company .company-content .news-box.button .slider, .home-range .home-company .company-content .home-news .news-box.button .slider, .home-news .home-company .home-range .company-content .news-box.button .slider, .home-company .home-range .company-content .home-news .news-box.button .slider, .home-news .home-range .content form input.news-box[type=submit] .slider, .home-range .content form .home-news input.news-box[type=submit] .slider, .home-news form .home-range .content input.news-box[type=submit] .slider, form .home-range .content .home-news input.news-box[type=submit] .slider, .home-news .home-range .home-company .company-content form input.news-box[type=submit] .slider, .home-range .home-company .company-content form .home-news input.news-box[type=submit] .slider, .home-news form .home-range .home-company .company-content input.news-box[type=submit] .slider, form .home-range .home-company .company-content .home-news input.news-box[type=submit] .slider, .home-news .home-company .home-range .company-content form input.news-box[type=submit] .slider, .home-company .home-range .company-content form .home-news input.news-box[type=submit] .slider, .home-news form .home-company .home-range .company-content input.news-box[type=submit] .slider, form .home-company .home-range .company-content .home-news input.news-box[type=submit] .slider { width: 100%; } .home-news .news-box.big .swiper-pagination, .home-news .home-range .content .news-box.button .swiper-pagination, .home-range .content .home-news .news-box.button .swiper-pagination, .home-news .home-range .home-company .company-content .news-box.button .swiper-pagination, .home-range .home-company .company-content .home-news .news-box.button .swiper-pagination, .home-news .home-company .home-range .company-content .news-box.button .swiper-pagination, .home-company .home-range .company-content .home-news .news-box.button .swiper-pagination, .home-news .home-range .content form input.news-box[type=submit] .swiper-pagination, .home-range .content form .home-news input.news-box[type=submit] .swiper-pagination, .home-news form .home-range .content input.news-box[type=submit] .swiper-pagination, form .home-range .content .home-news input.news-box[type=submit] .swiper-pagination, .home-news .home-range .home-company .company-content form input.news-box[type=submit] .swiper-pagination, .home-range .home-company .company-content form .home-news input.news-box[type=submit] .swiper-pagination, .home-news form .home-range .home-company .company-content input.news-box[type=submit] .swiper-pagination, form .home-range .home-company .company-content .home-news input.news-box[type=submit] .swiper-pagination, .home-news .home-company .home-range .company-content form input.news-box[type=submit] .swiper-pagination, .home-company .home-range .company-content form .home-news input.news-box[type=submit] .swiper-pagination, .home-news form .home-company .home-range .company-content input.news-box[type=submit] .swiper-pagination, form .home-company .home-range .company-content .home-news input.news-box[type=submit] .swiper-pagination { top: 40px; right: 40px; left: auto; bottom: auto; } .home-dealer { background: url(../images/dealer-map.jpg) top center no-repeat; } .home-dealer .content, .home-dealer .home-company .company-content, .home-company .home-dealer .company-content { width: 100%; min-height: 55rem; } .home-dealer .content p, .home-dealer .home-company .company-content p, .home-company .home-dealer .company-content p { margin-bottom: 0; } .home-contact { margin-top: -20rem !important; } .social { padding: 6.2rem 0 5rem; background: #f3f3f3; } .social .social-box-wrapper { width: 22.6rem; margin: 0 auto; } .social .social-box { float: left; margin-right: 3.5rem; } .social .social-box:last-child { margin-right: 0; } .footer-wrapper { background: #000; } .list-files { margin-top: 4.5rem; } .list-files li { display: block; width: 50%; float: left; padding-right: 8rem; } .section-news-list .news-list { padding-bottom: 1.2rem; width: 100%; } .section-news-list .news-box { float: left; } .section-news-list .news-box { width: 33.3333333%; } .section-news-list .news-box .news-box-content { width: 100%; height: 100%; } @media screen and (max-width: 1400px) { .section-news-list .news-box .news-box-content { width: 100%; min-width: 33.5px; min-height: 33.5px; height: auto; padding-top: 100%; } } .section-news-list .brief { margin-bottom: 4.5rem; } @media screen and (max-width: 1400px) { .section-news-list .brief article { max-width: calc(100% - 180px); width: 100%; } } .section-news-list .intro { width: 17%; float: left; padding-right: 5.5rem; } @media screen and (max-width: 1400px) { .section-news-list .intro { width: 180px; } } .section-news-list .intro h3, .section-news-list .intro .h3, .section-news-list .intro .info-photo-box .info h1, .info-photo-box .info .section-news-list .intro h1, .section-news-list .intro .info-photo-box .info .h1, .info-photo-box .info .section-news-list .intro .h1, .section-news-list .intro .info-photo-box .info h2, .info-photo-box .info .section-news-list .intro h2, .section-news-list .intro .info-photo-box .info .h2, .info-photo-box .info .section-news-list .intro .h2 { color: #d3b883; margin-bottom: 8rem; } .section-news-list .intro h3:after, .section-news-list .intro .h3:after, .section-news-list .intro .info-photo-box .info h1:after, .info-photo-box .info .section-news-list .intro h1:after, .section-news-list .intro .info-photo-box .info .h1:after, .info-photo-box .info .section-news-list .intro .h1:after, .section-news-list .intro .info-photo-box .info h2:after, .info-photo-box .info .section-news-list .intro h2:after, .section-news-list .intro .info-photo-box .info .h2:after, .info-photo-box .info .section-news-list .intro .h2:after { display: none; } .section-news-list .intro button { width: 15rem; height: 4rem; border: 2px solid #838383; color: #fff; background: transparent; text-align: center; } .section-news-list article { width: 83%; float: left; } .section-news-list article .news-feed section { float: left; width: 50%; margin-bottom: 5rem; word-wrap: break-all; } .news-feed section { font-size: 1.2rem; line-height: 1.66; color: #d3d3d3; } .news-feed section:first-child { padding-right: 2.25rem; } .news-feed section:last-child { padding-left: 2.25rem; } .news-feed section a { text-decoration: underline; } .news-feed section h1, .news-feed section .h1 { margin-bottom: .5rem; margin-top: .7rem; font-weight: bold; } .news-feed section h1:after, .news-feed section .h1:after { display: none; } .news-feed section p { font-size: inherit; } .tab-overview .yacht-tech-table { float: left; display: inline-block; margin: 1.5rem 4.9rem 0 0; } .tab-overview .yacht-tech-table .name { width: 29.5rem; } .tab-overview .yacht-tech-table .unit-si { width: 5rem; padding-right: 2.5rem; text-align: right; } .tab-overview .yacht-tech-table .value { width: 12rem; text-align: left; color: #000; } .tab-overview .technical-box { margin-bottom: 6.5rem; } .tab-overview .technical-box .yacht-box { display: inline-block; padding: 0; } .tab-overview .yacht-layout { width: 450px; } .tab-overview .yacht-layout:first-of-type { margin-bottom: 40px; } .tab-technical-data table { width: 100%; } .tab-technical-data .yacht-tech-table { margin-bottom: 3.5rem; } .tab-technical-data .layouts img { display: block; margin: 0 auto; } .tab-technical-data .layouts figure { margin-bottom: 2rem; } .tab-technical-data .layouts figure:last-of-type { margin-bottom: 11rem; } .tab-technical-data .sponsors { display: flex; justify-content: center; margin-bottom: 8rem; } .tab-technical-data .sponsors figure { display: inline-block; margin-right: 6rem; } .tab-technical-data .sponsors figure:last-of-type { margin-right: 0; } .find-dealer .dk-select.select-dealers { margin: 6.5rem auto; display: block; } .find-dealer .dk-select .dk-select-options { height: auto; max-height: 30rem; } section.dealer-map { margin-bottom: 8rem; } section.dealer-map header { margin-bottom: 6rem; } section.dealer-map .map { height: 51rem; } .contact p, .home-contact p { margin-bottom: 0; font-size: 14px; } .contact p.header-subtitle, .home-contact p.header-subtitle { margin-bottom: 60px; } .contact p > a, .home-contact p > a { text-decoration: none; color: #000; } .contact .form-box, .home-contact .form-box { width: 710px; float: left; } .contact .form-box .data, .home-contact .form-box .data { float: left; margin-right: 15px; } /* PAGES ------------------------------------------------------------------------- */ .page-contact { margin-top: 13rem; padding-top: 6rem; } .pre-owned-list .pre-owned-featured { margin-bottom: 6rem; } .pre-owned-list .pre-owned-featured .price { position: absolute; bottom: 3rem; left: 4rem; } .pre-owned-list .slide-description { position: relative; } .pre-owned-list .summary ul, .pre-owned-list .summary .price { color: #d3d3d3; } .pre-owned-list .summary ul li { line-height: 2rem; } .pre-owned-list .swiper-pagination { left: auto; bottom: 3rem; right: 4rem; } .owners-club_presentation { text-align: center; } .owners-club_presentation .logo, .owners-club_presentation .text { margin-bottom: 6rem; } .owners-club_presentation .slider { width: 690px; height: 385px; margin: 0 auto 8rem; } .owners-club .slider { width: 900px; height: 500px; margin-bottom: 4rem; } /* OTHERS ------------------------------------------------------------------------- */ /* REMEMBER KID, YOU SHALL NEVER TRUST THOSE B* BELOW ------------------------------------------------------------------------- */ body { background: #f3f3f3; } body.page { background: #000000; } body.home { background: #f3f3f3; } body.page-template-page-yachts, body.page-template-taxonomy-yacht_categories, body.page-template-page-contact { background: #f3f3f3; } .title { margin: 3rem 0 2rem; font-size: 4rem; font-weight: bold; } .block, .block-black { margin: 5rem; padding: 5rem; } .block-black { background: #000; } .block-black .title { color: #fff; } .slider.pre-owned-yachts { height: 33rem; margin-bottom: 5rem; } .slide-description { background: #333; height: 33rem; padding: 4rem 4rem 3rem; } .slide-description li { font-size: 1.4rem; } .col-820, .col-545 { float: left; } .col-820 { width: 81.96rem; } .col-545 { width: 54.64rem; } .single-pre-owned, .single-owners-club, .single-yacht-charter { background: #000; } header h1, header .h1 { margin-bottom: 5rem; } .value { color: #d3d3d3; font-weight: 600; } header li.current-menu-item a, header li.current-page-ancestor a, header.white li.current-menu-item a, header.white li.current-page-ancestor a { color: #d3b883; } .page-template-page-yachts-tmp { background: #fff !important; } .content-wrapper { position: relative; } .content-wrapper .content, .content-wrapper .home-company .company-content, .home-company .content-wrapper .company-content { padding-bottom: 0; bottom: 7rem; } .subtitle.border-bottom { border-bottom: 1px solid #d3b883; margin-bottom: 3rem; } .section-text-subpage.featured-link .text-content p { font-size: 2rem; font-weight: 400; line-height: 1.5; } .copy { margin-bottom: 60px; } .owners-club-paragraph { margin-bottom: 85px; } .owners-club-image2, .about-yacht-details-box .plus { margin-bottom: 35px; } .section-text-subpage.white, .info-photo-box .info h1.section-text-subpage, .info-photo-box .info .section-text-subpage.h1, .no-touch .news-box.news-box-content:hover.news-feed-box h1.section-text-subpage, .no-touch .news-box.news-box-content:hover.news-feed-box .section-text-subpage.h1, .no-touch .news-box .news-box-content:hover.news-feed-box h1.section-text-subpage, .no-touch .news-box .news-box-content:hover.news-feed-box .section-text-subpage.h1, .section-text-subpage h1.section-text-subpage, .section-text-subpage .section-text-subpage.h1 { background: #fff; } h1.black:after, .black.h1:after, .home-company .company-content .h1.button:after, .home-company .company-content form input.h1[type=submit]:after, form .home-company .company-content input.h1[type=submit]:after, .home-company .company-content h1.button:after, .page-contact h1:after, .page-contact .h1:after, .single-model h1:after, .single-model .h1:after, p.header-subtitle:after { left: 50%; margin-left: -4rem; } p.header-subtitle { font-size: 14px; color: #000; text-align: center; } .yachts-overview1 { margin-bottom: 60px; } .section-yacht-content h1.overview:after, .single-model .tab-content h1.overview:after, .section-yacht-content .overview.h1:after, .single-model .tab-content .overview.h1:after { color: #ff0000; } .section-yacht-content .text-first, .single-model .tab-content .text-first, .section-yacht-content .text-second, .single-model .tab-content .text-second, .section-description .text-first, .section-description .text-second { text-align: justify; margin-bottom: 75px; } .section-yacht-content .text-first, .single-model .tab-content .text-first, .section-description .text-first { padding-right: 12.5px; } .section-yacht-content .text-second, .single-model .tab-content .text-second, .section-description .text-second { padding-left: 12.5px; } p.header-subtitle { margin-bottom: 60px; } .section-downloads p.header-subtitle { margin-bottom: 60px; } .nav-yacht-single .menu { float: left; } .range-menu { float: right; } .range-menu a { color: #d3b883; } .no-touch .range-menu:hover a { background: #d3b883; color: #000; } .no-touch .range-menu:hover .navigation-range-view { display: block; animation: fade-in 0.3s ease 1; opacity: 1; } .navigation-range-view { animation: fade-out 3s ease 1; opacity: 0; display: none; z-index: 1000; position: absolute; left: 0; top: 100%; width: 100%; background-color: #d3b883; box-shadow: 0px 0px 40px 0px rgba(61, 61, 59, 0.75); } .navigation-range-view .list { display: inline-block; float: left; width: 25%; margin-top: 55px; margin-bottom: 70px; } .navigation-range-view h2, .navigation-range-view .h2 { margin-bottom: 35px; font-weight: 600; color: #fff; } .navigation-range-view ul li a { color: #000; text-align: left; padding: 0; font-size: 16px; } .nav-yacht-single .navigation-range-view li { float: none; } .nav-yacht-single .navigation-range-view li a { line-height: 3.6rem; } .featured-link { background: url(../images/background-triangle.jpg) 200% 0% no-repeat; width: 100%; height: 100%; min-height: 90rem; position: relative; } .galia-motorboats { margin-left: 250px; background: url(../images/background-triangle3.png) no-repeat; width: 100%; height: 100%; } .featured-link .featured-bg { height: 60rem; position: absolute; right: 0; top: 22%; } .featured-link p, .galia-motorboats p { color: #cab07e; margin-bottom: 77px; } .featured-link button, .galia-motorboats button { width: 160px; height: 40px; border: 2px solid #838383; color: #fff; background: transparent; text-align: center; } .featured-link .content, .featured-link .home-company .company-content, .home-company .featured-link .company-content, .galia-motorboats .content, .galia-motorboats .home-company .company-content, .home-company .galia-motorboats .company-content { width: 425px; padding: 0; } @media screen and (max-width: 1099px) { .nav-side { display: none; } } @media screen and (max-width: 1023px) { .header nav { display: none; } } @media screen and (min-width: 1024px) { .header .burger { display: none; } } html { font-size: 10px; } @media screen and (max-width: 1340px) { html { font-size: 10px; } } /* / EOF -- ------------------------------------------------------------------------- */