@font-face {
    font-family: 'Trade Gothic Condensed';
    src: url("../fonts/trade-gothic-lt-std-bdcn20.otf");
    font-weight: bold
}

@font-face {
    font-family: 'Trade Gothic';
    src: url("../fonts/trade-gothic-lt-std.otf");
    font-weight: normal
}

@font-face {
    font-family: 'Trade Gothic';
    src: url("../fonts/trade-gothic-lt-std-bold.otf");
    font-weight: bold
}

.wpcf7-form-control {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.wpcf7-form-control span.wpcf7-list-item {
    margin: calc(8px * 1);
    margin: calc(var(--base-unit) * 1);
    margin-left: 0;
    margin-right: 0;
    width: 50%
}

@media screen and (max-width: 567px) {
    .wpcf7-form-control span.wpcf7-list-item {
        margin: calc(6px * 1)
    }
}

.wpcf7-form-control span.wpcf7-list-item label {
    cursor: pointer
}

@media screen and (min-width: 568px) {
    .wpcf7-form-control span.wpcf7-list-item:first-of-type {
        margin-left: 0
    }
}

div.wpcf7-mail-sent-ok {
    border: 0 !important;
    font-size: 1.25rem;
    font-style: italic;
    margin: 16px auto !important;
    padding: 16px 0 !important
}

@media screen and (max-width: 567px) {
    div.wpcf7-mail-sent-ok {
        margin: 12px auto !important;
        padding: 12px 0 !important
    }
}

@media screen and (max-width: 567px) {
    .wp-block-spacer {
        height: 36px !important
    }
}

@font-face {
    font-family: 'Trade Gothic Condensed';
    src: url("../fonts/trade-gothic-lt-std-bdcn20.otf");
    font-weight: bold
}

@font-face {
    font-family: 'Trade Gothic';
    src: url("../fonts/trade-gothic-lt-std.otf");
    font-weight: normal
}

@font-face {
    font-family: 'Trade Gothic';
    src: url("../fonts/trade-gothic-lt-std-bold.otf");
    font-weight: bold
}

:root {
    --base-unit: 8px
}

@media screen and (max-width: 567px) {
    :root {
        --base-unit: 6px
    }
}

html,
body {
    font-family: "Trade Gothic", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    letter-spacing: .05rem;
    margin: 0;
    padding: 0
}

@media screen and (max-width: 567px) {
    html,
    body {
        font-size: 13.5px
    }
}

* {
    box-sizing: border-box
}

body {
    background: #070e23
}

a {
    color: inherit;
    text-decoration: none
}

ul {
    list-style-type: none;
    padding-left: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0
}

h1,
.h1 {
    font-size: 3rem
}

h2,
.h2 {
    font-size: 2rem
}

h3,
.h3 {
    font-size: 1.25rem
}

h4,
.h4 {
    font-size: 1rem
}

h5,
h6,
.h5,
.h6 {
    font-size: .8rem
}

p {
    line-height: 1.75rem;
    max-width: 560px
}

p+ul {
    margin-top: calc(8px * 3);
    margin-top: calc(var(--base-unit) * 3)
}

@media screen and (max-width: 567px) {
    p+ul {
        margin-top: calc(6px * 3)
    }
}

@media screen and (min-width: 1921px) {
    p {
        font-size: 1.25rem
    }
}

p+p {
    margin-top: 2rem
}

table {
    margin-top: calc(8px * 2);
    margin-top: calc(var(--base-unit) * 2);
    border-collapse: collapse;
    width: 100%
}

@media screen and (max-width: 567px) {
    table {
        margin-top: calc(6px * 2)
    }
}

table tr {
    border: 0
}

table tr:nth-child(odd) {
    background: #f5f5f5
}

table tr td {
    padding-bottom: calc(8px * 1.5);
    padding-bottom: calc(var(--base-unit) * 1.5);
    padding-top: calc(8px * 2);
    padding-top: calc(var(--base-unit) * 2);
    padding-right: calc(8px * 1);
    padding-right: calc(var(--base-unit) * 1);
    padding-left: calc(8px * 2);
    padding-left: calc(var(--base-unit) * 2)
}

@media screen and (max-width: 567px) {
    table tr td {
        padding-bottom: calc(6px * 1.5)
    }
}

@media screen and (max-width: 567px) {
    table tr td {
        padding-top: calc(6px * 2)
    }
}

@media screen and (max-width: 567px) {
    table tr td {
        padding-right: calc(6px * 1)
    }
}

@media screen and (max-width: 567px) {
    table tr td {
        padding-left: calc(6px * 2)
    }
}

table tr td:first-of-type {
    font-weight: bold
}

@media screen and (max-width: 567px) {
    table tr td {
        display: block
    }
}

table tr a {
    display: block;
    overflow: hidden;
    text-decoration: underline;
    text-decoration-color: #ff2c32;
    text-overflow: ellipsis
}

button,
.button {
    padding: calc(8px * 2);
    padding: calc(var(--base-unit) * 2);
    background: #070e23;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-family: "Trade Gothic", "Helvetica", "Arial", sans-serif;
    font-size: 1.25rem;
    font-weight: bold;
    min-width: 150px;
    padding-top: calc(16px + 4px);
    text-align: center
}

@media screen and (max-width: 567px) {
    button,
    .button {
        padding: calc(6px * 2)
    }
}

@media screen and (max-width: 567px) {
    button,
    .button {
        padding-top: calc(12px + 4px)
    }
}

form {
    max-width: 580px;
    pointer-events: all
}

.form-row {
    margin-top: calc(8px * 5);
    margin-top: calc(var(--base-unit) * 5)
}

@media screen and (max-width: 567px) {
    .form-row {
        margin-top: calc(6px * 5)
    }
}

.form-row p {
    margin: 0
}

.checkbox-group {
    display: flex;
    flex-wrap: wrap
}

.checkbox-group label {
    margin-top: calc(8px * 1);
    margin-top: calc(var(--base-unit) * 1);
    cursor: pointer;
    width: 50%
}

@media screen and (max-width: 567px) {
    .checkbox-group label {
        margin-top: calc(6px * 1)
    }
}

textarea,
input[type="text"],
input[type="email"],
input[type="tel"] {
    padding: calc(8px * 1);
    padding: calc(var(--base-unit) * 1);
    border: 2px solid #070e23;
    border-radius: 2px;
    font-size: 1.25rem;
    width: 100%
}

@media screen and (max-width: 567px) {
    textarea,
    input[type="text"],
    input[type="email"],
    input[type="tel"] {
        padding: calc(6px * 1)
    }
}

input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    height: 16px;
    width: 20px
}

input[type="checkbox"].inverted::before {
    background: transparent;
    border-color: #fff;
    color: transparent
}

input[type="checkbox"].inverted:checked::before {
    background: #fff;
    color: #000
}

input[type="checkbox"]::before {
    border-radius: calc(8px * .5);
    border-radius: calc(var(--base-unit) * .5);
    height: calc(8px * 2);
    height: calc(var(--base-unit) * 2);
    line-height: calc(8px * 2);
    line-height: calc(var(--base-unit) * 2);
    width: calc(8px * 2);
    width: calc(var(--base-unit) * 2);
    border: 2px solid #070e23;
    background: #fff;
    color: #fff;
    content: '✓';
    cursor: pointer;
    display: inline-block;
    position: relative;
    text-align: center;
    transform: translateY(-3px)
}

@media screen and (max-width: 567px) {
    input[type="checkbox"]::before {
        border-radius: calc(6px * .5)
    }
}

@media screen and (max-width: 567px) {
    input[type="checkbox"]::before {
        height: calc(6px * 2)
    }
}

@media screen and (max-width: 567px) {
    input[type="checkbox"]::before {
        line-height: calc(6px * 2)
    }
}

@media screen and (max-width: 567px) {
    input[type="checkbox"]::before {
        width: calc(6px * 2)
    }
}

input[type="checkbox"]:checked::before {
    background: #070e23;
    color: #fff
}

input[type="file"] {
    margin-top: calc(8px * 1);
    margin-top: calc(var(--base-unit) * 1);
    padding: calc(8px * 2);
    padding: calc(var(--base-unit) * 2);
    border: 2px solid #070e23;
    border-radius: 2px;
    font-size: 1rem;
    line-height: 1rem;
    text-align: center;
    width: 100%
}

@media screen and (max-width: 567px) {
    input[type="file"] {
        margin-top: calc(6px * 1)
    }
}

@media screen and (max-width: 567px) {
    input[type="file"] {
        padding: calc(6px * 2)
    }
}

.header,
[page*="/representatives"] table tr:first-of-type,
[page*="/dealers"] table tr:first-of-type {
    font-family: "Trade Gothic Condensed", "Helvetica", "Arial", sans-serif;
    text-transform: uppercase
}

.subtitle {
    color: #75b7e3
}

.font-xxl {
    font-size: 4.5rem
}

@media screen and (max-width: 567px) {
    .font-xxl {
        font-size: 3rem
    }
}

.flex-columns {
    display: flex;
    width: 100%
}

.flex-columns .col {
    width: 50%
}

.object-contain {
    height: 100%;
    object-position: center;
    width: 100%;
    object-fit: contain
}

.object-cover {
    height: 100%;
    object-position: center;
    width: 100%;
    object-fit: cover
}

@font-face {
    font-family: 'Trade Gothic Condensed';
    src: url("../fonts/trade-gothic-lt-std-bdcn20.otf");
    font-weight: bold
}

@font-face {
    font-family: 'Trade Gothic';
    src: url("../fonts/trade-gothic-lt-std.otf");
    font-weight: normal
}

@font-face {
    font-family: 'Trade Gothic';
    src: url("../fonts/trade-gothic-lt-std-bold.otf");
    font-weight: bold
}

.logo-tab {
    padding: calc(8px * 3);
    padding: calc(var(--base-unit) * 3);
    position: relative;
    z-index: 1
}

@media screen and (max-width: 567px) {
    .logo-tab {
        padding: calc(6px * 3)
    }
}

@media screen and (max-width: 768px) {
    .logo-tab {
        padding: calc(8px * 2);
        padding: calc(var(--base-unit) * 2)
    }
}

@media screen and (max-width: 768px) and (max-width: 567px) {
    .logo-tab {
        padding: calc(6px * 2)
    }
}

.logo-tab img {
    height: calc(8px * 8);
    height: calc(var(--base-unit) * 8);
    display: block
}

@media screen and (max-width: 567px) {
    .logo-tab img {
        height: calc(6px * 8)
    }
}

@media screen and (max-width: 768px) {
    .logo-tab img {
        height: calc(8px * 6);
        height: calc(var(--base-unit) * 6)
    }
}

@media screen and (max-width: 768px) and (max-width: 567px) {
    .logo-tab img {
        height: calc(6px * 6)
    }
}

header {
    position: relative;
    align-items: center;
    display: flex;
    justify-content: flex-start;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2
}

header.white nav {
    background: #fff
}

header.white nav ul {
    color: #070e23
}

header.open .menu-main-menu-container {
    transform: translateX(0)
}

header.open .mobile-hamburger div:first-of-type {
    transform: rotate(45deg) translate(3px, 3px)
}

header.open .mobile-hamburger div:last-of-type {
    transform: rotate(-45deg) translate(3px, -3px)
}

header .menu-main-menu-container {
    width: 100%;
    transition: transform 350ms ease
}

@media screen and (max-width: 567px) {
    header .menu-main-menu-container {
        padding: calc(8px * 6);
        padding: calc(var(--base-unit) * 6);
        padding-top: calc(8px * 8);
        padding-top: calc(var(--base-unit) * 8);
        background: #fff;
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        transform: translateX(100%)
    }
}

@media screen and (max-width: 567px) and (max-width: 567px) {
    header .menu-main-menu-container {
        padding: calc(6px * 6)
    }
}

@media screen and (max-width: 567px) and (max-width: 567px) {
    header .menu-main-menu-container {
        padding-top: calc(6px * 8)
    }
}

header nav {
    padding-left: calc(8px * 5);
    padding-left: calc(var(--base-unit) * 5);
    padding-right: calc(8px * 5);
    padding-right: calc(var(--base-unit) * 5);
    background: #fff;
    display: flex;
    transition: transform 400ms ease;
    width: 100%
}

@media screen and (max-width: 567px) {
    header nav {
        padding-left: calc(6px * 3)
    }
}

@media screen and (max-width: 567px) {
    header nav {
        padding-right: calc(6px * 3)
    }
}

@media screen and (max-width: 768px) {
    header nav {
        padding-left: calc(8px * 3);
        padding-left: calc(var(--base-unit) * 3);
        padding-right: calc(8px * 3);
        padding-right: calc(var(--base-unit) * 3)
    }
}

@media screen and (max-width: 768px) and (max-width: 567px) {
    header nav {
        padding-left: calc(6px * 3)
    }
}

@media screen and (max-width: 768px) and (max-width: 567px) {
    header nav {
        padding-right: calc(6px * 3)
    }
}

@media screen and (min-width: 568px) {
    header nav {
        align-items: center
    }
}

header nav ul {
    color: #070e23;
    display: flex;
    font-weight: bold;
    letter-spacing: .055rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    justify-content: flex-end;
    font-size: 1.25rem;
    text-align: center
}

@media screen and (max-width: 868px) {
    header nav ul {
        font-size: .8rem
    }
}

@media screen and (max-width: 567px) {
    header nav ul {
        flex-direction: column;
        align-items: flex-end;
        line-height: 4rem;
        font-size: 2rem
    }
}

header nav ul li {
    margin-top: calc(var(--base-unit) * 1)
}

@media screen and (max-width: 567px) {
    header nav ul li {
        text-align: right
    }
}

header nav ul li+li {
    margin-left: 5%
}

@media screen and (max-width: 567px) {
    header nav ul li+li {
        margin-left: 0
    }
}

header .mobile-hamburger {
    width: calc(8px * 8);
    width: calc(var(--base-unit) * 8);
    height: calc(8px * 8);
    height: calc(var(--base-unit) * 8);
    top: calc(8px * 1);
    top: calc(var(--base-unit) * 1);
    right: calc(8px * 3);
    right: calc(var(--base-unit) * 3);
    background: #fff;
    border-radius: 50%;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    padding: 18px 12px;
    position: fixed;
    z-index: 1
}

@media screen and (max-width: 567px) {
    header .mobile-hamburger {
        width: calc(6px * 8)
    }
}

@media screen and (max-width: 567px) {
    header .mobile-hamburger {
        height: calc(6px * 8)
    }
}

@media screen and (max-width: 567px) {
    header .mobile-hamburger {
        top: calc(6px * 1)
    }
}

@media screen and (max-width: 567px) {
    header .mobile-hamburger {
        right: calc(6px * 3)
    }
}

@media screen and (max-width: 567px) {
    header .mobile-hamburger {
        display: flex
    }
}

header .mobile-hamburger div {
    width: 100%;
    background: #070e23;
    height: 3px;
    transition: transform 300ms ease
}

header .mobile-hamburger div+div {
    margin-top: auto
}

footer {
    background: #070e23;
    color: #fff;
    position: relative;
    z-index: 1
}

footer ul {
    margin: 0
}

@media screen and (max-width: 567px) {
    footer ul {
        font-size: 1.25rem
    }
}

footer ul li+li {
    margin-top: calc(8px * 2);
    margin-top: calc(var(--base-unit) * 2)
}

@media screen and (max-width: 567px) {
    footer ul li+li {
        margin-top: calc(6px * 2)
    }
}

footer hr.liner {
    width: 100%;
    border: none;
    border-top: 4px solid #ff2c32
}

footer .footer-content {
    padding: calc(8px * 8);
    padding: calc(var(--base-unit) * 8);
    padding-top: calc(8px * 8);
    padding-top: calc(var(--base-unit) * 8);
    display: flex;
    justify-content: space-between;
    margin: auto;
    max-width: 1440px
}

@media screen and (max-width: 567px) {
    footer .footer-content {
        padding: calc(6px * 4)
    }
}

@media screen and (max-width: 567px) {
    footer .footer-content {
        padding-top: calc(6px * 8)
    }
}

@media screen and (max-width: 567px) {
    footer .footer-content {
        flex-direction: column
    }
}

footer .footer-content .flex-columns .col {
    flex-shrink: 0
}

footer .social {
    margin-top: calc(8px * 8);
    margin-top: calc(var(--base-unit) * 8)
}

@media screen and (max-width: 567px) {
    footer .social {
        margin-top: calc(6px * 8)
    }
}

footer .social a {
    width: calc(8px * 5);
    width: calc(var(--base-unit) * 5);
    height: calc(8px * 5);
    height: calc(var(--base-unit) * 5);
    display: inline-block
}

@media screen and (max-width: 567px) {
    footer .social a {
        width: calc(6px * 5)
    }
}

@media screen and (max-width: 567px) {
    footer .social a {
        height: calc(6px * 5)
    }
}

footer .social a+a {
    margin-left: calc(8px * 1);
    margin-left: calc(var(--base-unit) * 1)
}

@media screen and (max-width: 567px) {
    footer .social a+a {
        margin-left: calc(6px * 1)
    }
}

footer .footer-right {
    margin-top: calc(8px * 0);
    margin-top: calc(var(--base-unit) * 0);
    font-size: 1.25rem;
    font-weight: bold;
    text-align: right
}

@media screen and (max-width: 567px) {
    footer .footer-right {
        margin-top: calc(6px * 4)
    }
}

@media screen and (max-width: 567px) {
    footer .footer-right {
        text-align: left
    }
}

footer .footer-right .address {
    letter-spacing: 0
}

footer .footer-right .contact-info {
    font-family: 'Trade Gothic Condensed'
}

footer .footer-right .divider {
    border-color: #fff;
    margin-right: 0;
    width: 80%
}

@media screen and (max-width: 567px) {
    footer .footer-right .divider {
        margin-left: 0;
        width: 50%
    }
}

@media screen and (min-width: 568px) {
    footer .footer-right .logo-tab img {
        margin-left: auto
    }
}

footer .legal-disclaimer {
    padding: calc(8px * 3);
    padding: calc(var(--base-unit) * 3);
    font-size: .8rem;
    text-align: center
}

@media screen and (max-width: 567px) {
    footer .legal-disclaimer {
        padding: calc(6px * 3)
    }
}

@keyframes zoom {
    from {
        transform: scale(1)
    }
    to {
        transform: scale(1.1)
    }
}

[page="/rossiter-boats/"] .header-video,
[page="/~rossiter/"] .header-video,
[page="/"] .header-video {
    width: 100%;
    height: 100%
}

[page="/rossiter-boats/"] .header-video video,
[page="/~rossiter/"] .header-video video,
[page="/"] .header-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

[page="/rossiter-boats/"] .header-copy,
[page="/~rossiter/"] .header-copy,
[page="/"] .header-copy {
    position: absolute;
    left: calc(2.5rem + 2.5%);
    bottom: 10%;
    text-transform: uppercase;
    color: #fff
}

[page="/rossiter-boats/"] .header-copy *,
[page="/~rossiter/"] .header-copy *,
[page="/"] .header-copy * {
    font-size: 4rem
}

@media screen and (max-width: 768px) {
    [page="/rossiter-boats/"] .header-copy *,
    [page="/~rossiter/"] .header-copy *,
    [page="/"] .header-copy * {
        font-size: 3rem
    }
}

@media screen and (max-width: 567px) {
    [page="/rossiter-boats/"] .header-copy *,
    [page="/~rossiter/"] .header-copy *,
    [page="/"] .header-copy * {
        display: none
    }
}

[page="/rossiter-boats/"] .main-section,
[page="/~rossiter/"] .main-section,
[page="/"] .main-section {
    height: calc(56.25vw);
    max-height: calc(100vh - 80px);
    overflow: hidden;
    position: relative;
    width: 100vw;
    z-index: 0
}

@media screen and (max-width: 567px) {
    [page="/rossiter-boats/"] .main-section,
    [page="/~rossiter/"] .main-section,
    [page="/"] .main-section {
        height: 360px
    }
}

[page="/rossiter-boats/"] .carousel img,
[page="/~rossiter/"] .carousel img,
[page="/"] .carousel img {
    opacity: 0
}

[page="/rossiter-boats/"] .carousel img.active,
[page="/~rossiter/"] .carousel img.active,
[page="/"] .carousel img.active {
    opacity: 1;
    z-index: 100
}

[page="/rossiter-boats/"] .carousel img.moving,
[page="/~rossiter/"] .carousel img.moving,
[page="/"] .carousel img.moving {
    animation: zoom 30s ease
}

[page="/rossiter-boats/"] hr,
[page="/~rossiter/"] hr,
[page="/"] hr {
    width: 300px;
    border: 0;
    border-top: 4px solid #ff2c32
}

@media screen and (min-width: 961px) {
    [page="/rossiter-boats/"] .section-container .video,
    [page="/~rossiter/"] .section-container .video,
    [page="/"] .section-container .video {
        margin: 2rem -10%;
        width: 120%
    }
}

[page="/rossiter-boats/"] .advert,
[page="/~rossiter/"] .advert,
[page="/"] .advert {
    position: relative;
    width: 100%
}

[page="/rossiter-boats/"] .advert img,
[page="/~rossiter/"] .advert img,
[page="/"] .advert img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%
}

@media screen and (max-width: 567px) {
    [page="/rossiter-boats/"] .advert img,
    [page="/~rossiter/"] .advert img,
    [page="/"] .advert img {
        height: 500px;
        object-position: 60%
    }
}

[page="/rossiter-boats/"] .advert .ad-copy,
[page="/~rossiter/"] .advert .ad-copy,
[page="/"] .advert .ad-copy {
    bottom: 0;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    left: 0;
    padding: 4rem 2rem;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 1
}

@media screen and (max-width: 567px) {
    [page="/rossiter-boats/"] .advert .ad-copy,
    [page="/~rossiter/"] .advert .ad-copy,
    [page="/"] .advert .ad-copy {
        padding: 2rem;
        transform: none;
        width: 100%
    }
}

[page="/rossiter-boats/"] .brochure,
[page="/~rossiter/"] .brochure,
[page="/"] .brochure {
    align-items: center;
    display: flex;
    justify-content: center
}

@media screen and (min-width: 961px) {
    [page="/rossiter-boats/"] .brochure,
    [page="/~rossiter/"] .brochure,
    [page="/"] .brochure {
        margin: 2rem -10%;
        width: 120%
    }
}

@media screen and (max-width: 567px) {
    [page="/rossiter-boats/"] .brochure,
    [page="/~rossiter/"] .brochure,
    [page="/"] .brochure {
        flex-direction: column;
        text-align: center
    }
}

[page="/rossiter-boats/"] .brochure img,
[page="/~rossiter/"] .brochure img,
[page="/"] .brochure img {
    flex-shrink: 0;
    margin-right: 1rem;
    min-width: 300px;
    transform: translateX(-28px);
    width: 65%
}

@media screen and (max-width: 567px) {
    [page="/rossiter-boats/"] .brochure img,
    [page="/~rossiter/"] .brochure img,
    [page="/"] .brochure img {
        margin: auto;
        transform: none;
        width: 100%
    }
}

@font-face {
    font-family: 'Trade Gothic Condensed';
    src: url("../fonts/trade-gothic-lt-std-bdcn20.otf");
    font-weight: bold
}

@font-face {
    font-family: 'Trade Gothic';
    src: url("../fonts/trade-gothic-lt-std.otf");
    font-weight: normal
}

@font-face {
    font-family: 'Trade Gothic';
    src: url("../fonts/trade-gothic-lt-std-bold.otf");
    font-weight: bold
}

.carousel {
    height: 100%;
    position: relative;
    width: 100%
}

.carousel img {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 1000ms ease;
    width: 100%
}

.carousel .carousel-dots {
    bottom: calc(8px * 5);
    bottom: calc(var(--base-unit) * 5);
    display: flex;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    z-index: 1
}

@media screen and (max-width: 567px) {
    .carousel .carousel-dots {
        bottom: calc(6px * 5)
    }
}

.carousel .carousel-dots .dot {
    width: calc(8px * 1);
    width: calc(var(--base-unit) * 1);
    height: calc(8px * 1);
    height: calc(var(--base-unit) * 1);
    background: #070e23;
    border-radius: 50%;
    cursor: pointer;
    opacity: .45
}

@media screen and (max-width: 567px) {
    .carousel .carousel-dots .dot {
        width: calc(6px * 1)
    }
}

@media screen and (max-width: 567px) {
    .carousel .carousel-dots .dot {
        height: calc(6px * 1)
    }
}

.carousel .carousel-dots .dot+.dot {
    margin-left: calc(8px * 3);
    margin-left: calc(var(--base-unit) * 3)
}

@media screen and (max-width: 567px) {
    .carousel .carousel-dots .dot+.dot {
        margin-left: calc(6px * 3)
    }
}

.carousel .carousel-dots .dot.active {
    background: #fff;
    opacity: 1
}

.carousel .carousel-arrows {
    font-size: calc(8px * 10);
    font-size: calc(var(--base-unit) * 10);
    color: #fff;
    display: flex;
    justify-content: space-between;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100
}

@media screen and (max-width: 567px) {
    .carousel .carousel-arrows {
        font-size: calc(6px * 10)
    }
}

.carousel .carousel-arrows .arrow {
    cursor: pointer
}

.scrolling-section {
    background: #fff;
    position: relative;
    width: 100vw
}

.scrolling-section .section-container {
    padding: calc(8px * 8);
    padding: calc(var(--base-unit) * 8)
}

@media screen and (max-width: 567px) {
    .scrolling-section .section-container {
        padding: calc(6px * 4)
    }
}

@media screen and (max-width: 567px) {
    .scrolling-section .section-container {
        padding-top: 6rem;
        display: flex;
        flex-direction: column
    }
}

.scrolling-section .section-container ul {
    padding-left: calc(8px * 2);
    padding-left: calc(var(--base-unit) * 2);
    list-style-type: disc
}

@media screen and (max-width: 567px) {
    .scrolling-section .section-container ul {
        padding-left: calc(6px * 2)
    }
}

.scrolling-section .section-container ul li+li {
    margin-top: calc(8px * 1);
    margin-top: calc(var(--base-unit) * 1)
}

@media screen and (max-width: 567px) {
    .scrolling-section .section-container ul li+li {
        margin-top: calc(6px * 1)
    }
}

.scrolling-section .boat-information {
    position: relative;
    width: 40%;
    z-index: 1
}

@media screen and (max-width: 567px) {
    .scrolling-section .boat-information {
        order: 2;
        width: 100%
    }
}

.scrolling-section .boat-image {
    padding: calc(8px * 8);
    padding: calc(var(--base-unit) * 8);
    backface-visibility: hidden;
    bottom: 0;
    height: 100vh;
    padding-bottom: 0;
    position: fixed;
    right: 0;
    transform: translateZ(0);
    width: 60%;
    z-index: 1
}

@media screen and (max-width: 567px) {
    .scrolling-section .boat-image {
        padding: calc(6px * 8)
    }
}

@media screen and (max-width: 567px) {
    .scrolling-section .boat-image {
        height: 60vh;
        order: 1;
        padding: 0;
        position: static;
        width: 100%
    }
}

.scrolling-section .boat-image.unstuck {
    bottom: 0;
    position: absolute
}

@media screen and (max-width: 567px) {
    .scrolling-section .boat-image.unstuck {
        position: static
    }
}

.scrolling-section .carousel {
    height: 100%
}

.scrolling-section .carousel img {
    opacity: 0
}

.scrolling-section .carousel img.active {
    z-index: 100;
    opacity: 1
}

.scrolling-section .carousel .dot {
    background: #fff
}

.email-signup-form {
    padding: calc(8px * 3);
    padding: calc(var(--base-unit) * 3);
    max-width: 800px;
    margin: auto;
    text-align: center;
    margin-bottom: 3rem
}

@media screen and (max-width: 567px) {
    .email-signup-form {
        padding: calc(6px * 3)
    }
}

.email-signup-form form {
    margin: auto;
    display: flex
}

.email-signup-form form input[type="email"] {
    padding: calc(8px * 2);
    padding: calc(var(--base-unit) * 2);
    width: 100%
}

@media screen and (max-width: 567px) {
    .email-signup-form form input[type="email"] {
        padding: calc(6px * 2)
    }
}

.email-signup-form .flex-columns {
    align-items: center
}

@media screen and (max-width: 567px) {
    .email-signup-form .flex-columns {
        flex-direction: column
    }
}

.email-signup-form .button {
    background: #000;
    margin-left: 2rem
}

@media screen and (max-width: 567px) {
    .email-signup-form .button {
        margin-left: 0;
        margin-top: 2rem
    }
}

.email-signup-form p {
    margin: 1rem auto 0
}

.email-signup-form p a {
    text-decoration: underline
}

[page*="/about/"] .main-section {
    height: calc(56.25vw);
    max-height: calc(100vh - 80px)
}

[page*="/about/"],
[page="/rossiter-boats/"],
[page="/~rossiter/"],
[page="/"] {
    background: #fff
}

[page*="/about/"] .main-section,
[page="/rossiter-boats/"] .main-section,
[page="/~rossiter/"] .main-section,
[page="/"] .main-section {
    width: 100vw;
    position: relative;
    z-index: 0;
    overflow: hidden;
    background: #070e23
}

[page*="/about/"] .main-section .carousel img,
[page="/rossiter-boats/"] .main-section .carousel img,
[page="/~rossiter/"] .main-section .carousel img,
[page="/"] .main-section .carousel img {
    opacity: 0
}

[page*="/about/"] .main-section .carousel img.active,
[page="/rossiter-boats/"] .main-section .carousel img.active,
[page="/~rossiter/"] .main-section .carousel img.active,
[page="/"] .main-section .carousel img.active {
    z-index: 100;
    opacity: 1
}

[page*="/about/"] .section-container,
[page="/rossiter-boats/"] .section-container,
[page="/~rossiter/"] .section-container,
[page="/"] .section-container {
    padding: calc(8px * 3);
    padding: calc(var(--base-unit) * 3);
    padding-top: calc(8px * 8);
    padding-top: calc(var(--base-unit) * 8);
    padding-bottom: calc(8px * 8);
    padding-bottom: calc(var(--base-unit) * 8);
    margin: auto;
    max-width: 800px
}

@media screen and (max-width: 567px) {
    [page*="/about/"] .section-container,
    [page="/rossiter-boats/"] .section-container,
    [page="/~rossiter/"] .section-container,
    [page="/"] .section-container {
        padding: calc(6px * 3)
    }
}

@media screen and (max-width: 567px) {
    [page*="/about/"] .section-container,
    [page="/rossiter-boats/"] .section-container,
    [page="/~rossiter/"] .section-container,
    [page="/"] .section-container {
        padding-top: calc(6px * 8)
    }
}

@media screen and (max-width: 567px) {
    [page*="/about/"] .section-container,
    [page="/rossiter-boats/"] .section-container,
    [page="/~rossiter/"] .section-container,
    [page="/"] .section-container {
        padding-bottom: calc(6px * 8)
    }
}

[page*="/about/"] .section-container p,
[page="/rossiter-boats/"] .section-container p,
[page="/~rossiter/"] .section-container p,
[page="/"] .section-container p {
    max-width: 100%
}

[page*="/about/"] .video,
[page="/rossiter-boats/"] .video,
[page="/~rossiter/"] .video,
[page="/"] .video {
    width: 100%;
    display: block;
    position: relative
}

[page*="/about/"] .video::after,
[page="/rossiter-boats/"] .video::after,
[page="/~rossiter/"] .video::after,
[page="/"] .video::after {
    content: '';
    width: 100%;
    padding-top: calc(9/16 * 100%);
    display: block
}

[page*="/about/"] .video iframe,
[page*="/about/"] .video video,
[page="/rossiter-boats/"] .video iframe,
[page="/rossiter-boats/"] .video video,
[page="/~rossiter/"] .video iframe,
[page="/~rossiter/"] .video video,
[page="/"] .video iframe,
[page="/"] .video video {
    border: 0;
    height: 100%;
    object-fit: cover;
    position: absolute;
    width: 100%
}

[page*="/careers/"] .scrolling-section .info-section,
[page*="/contact/"] .scrolling-section .info-section,
[page*="/gear-store/"] .scrolling-section .info-section {
    padding-top: calc(8px * 6);
    padding-top: calc(var(--base-unit) * 6)
}

@media screen and (max-width: 567px) {
    [page*="/careers/"] .scrolling-section .info-section,
    [page*="/contact/"] .scrolling-section .info-section,
    [page*="/gear-store/"] .scrolling-section .info-section {
        padding-top: calc(6px * 6)
    }
}

[page*="/careers/"] .scrolling-section .info-section:first-of-type,
[page*="/contact/"] .scrolling-section .info-section:first-of-type,
[page*="/gear-store/"] .scrolling-section .info-section:first-of-type {
    padding-top: calc(8px * 12);
    padding-top: calc(var(--base-unit) * 12)
}

@media screen and (max-width: 567px) {
    [page*="/careers/"] .scrolling-section .info-section:first-of-type,
    [page*="/contact/"] .scrolling-section .info-section:first-of-type,
    [page*="/gear-store/"] .scrolling-section .info-section:first-of-type {
        padding-top: calc(6px * 12)
    }
}

[page*="/careers/"] .scrolling-section .section-container,
[page*="/contact/"] .scrolling-section .section-container,
[page*="/gear-store/"] .scrolling-section .section-container {
    background: #fff;
    color: #070e23;
    margin-left: auto;
    position: relative;
    width: 36vw;
    z-index: 1
}

@media screen and (max-width: 567px) {
    [page*="/careers/"] .scrolling-section .section-container,
    [page*="/contact/"] .scrolling-section .section-container,
    [page*="/gear-store/"] .scrolling-section .section-container {
        width: 100vw;
        background: rgba(255, 255, 255, 0.9)
    }
}

@media screen and (min-width: 1921px) {
    [page*="/careers/"] .scrolling-section .section-container>*,
    [page*="/contact/"] .scrolling-section .section-container>*,
    [page*="/gear-store/"] .scrolling-section .section-container>* {
        max-width: 500px;
        margin: auto
    }
}

[page*="/careers/"] .scrolling-section .section-container ul,
[page*="/contact/"] .scrolling-section .section-container ul,
[page*="/gear-store/"] .scrolling-section .section-container ul {
    padding-left: calc(8px * 2);
    padding-left: calc(var(--base-unit) * 2);
    list-style-type: disc
}

@media screen and (max-width: 567px) {
    [page*="/careers/"] .scrolling-section .section-container ul,
    [page*="/contact/"] .scrolling-section .section-container ul,
    [page*="/gear-store/"] .scrolling-section .section-container ul {
        padding-left: calc(6px * 2)
    }
}

[page*="/careers/"] .scrolling-section .section-container ul li+li,
[page*="/contact/"] .scrolling-section .section-container ul li+li,
[page*="/gear-store/"] .scrolling-section .section-container ul li+li {
    margin-top: calc(8px * 1);
    margin-top: calc(var(--base-unit) * 1)
}

@media screen and (max-width: 567px) {
    [page*="/careers/"] .scrolling-section .section-container ul li+li,
    [page*="/contact/"] .scrolling-section .section-container ul li+li,
    [page*="/gear-store/"] .scrolling-section .section-container ul li+li {
        margin-top: calc(6px * 1)
    }
}

[page*="/careers/"] .scrolling-section .carousel img,
[page*="/contact/"] .scrolling-section .carousel img,
[page*="/gear-store/"] .scrolling-section .carousel img {
    opacity: 1
}

[page*="/careers/"] .scrolling-section .carousel img.faded,
[page*="/contact/"] .scrolling-section .carousel img.faded,
[page*="/gear-store/"] .scrolling-section .carousel img.faded {
    opacity: 0
}

.backing-image {
    position: fixed;
    width: 64vw;
    height: 100vh;
    z-index: 0;
    top: 0
}

@media screen and (max-width: 567px) {
    .backing-image {
        width: 100vw
    }
}

.backing-image.unstuck {
    position: absolute;
    top: auto;
    bottom: 0
}

@media screen and (max-width: 567px) {
    [page*="/careers/"] .scrolling-section .section-container {
        background: #fff;
        padding-top: 36px
    }
    [page*="/careers/"] .scrolling-section .backing-image {
        position: static;
        height: 360px
    }
}

@font-face {
    font-family: 'Trade Gothic Condensed';
    src: url("../fonts/trade-gothic-lt-std-bdcn20.otf");
    font-weight: bold
}

@font-face {
    font-family: 'Trade Gothic';
    src: url("../fonts/trade-gothic-lt-std.otf");
    font-weight: normal
}

@font-face {
    font-family: 'Trade Gothic';
    src: url("../fonts/trade-gothic-lt-std-bold.otf");
    font-weight: bold
}

.boats-grid {
    padding-bottom: calc(8px * 8);
    padding-bottom: calc(var(--base-unit) * 8);
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

@media screen and (max-width: 567px) {
    .boats-grid {
        padding-bottom: calc(6px * 8)
    }
}

@media screen and (max-width: 567px) {
    .boats-grid {
        flex-direction: column
    }
}

.boats-grid .boat-item {
    margin-top: calc(8px * 4);
    margin-top: calc(var(--base-unit) * 4);
    padding: calc(8px * 2);
    padding: calc(var(--base-unit) * 2);
    text-align: center;
    transition: transform 300ms ease;
    width: calc(100% / 3)
}

@media screen and (max-width: 567px) {
    .boats-grid .boat-item {
        margin-top: calc(6px * 4)
    }
}

@media screen and (max-width: 567px) {
    .boats-grid .boat-item {
        padding: calc(6px * 2)
    }
}

@media screen and (max-width: 567px) {
    .boats-grid .boat-item {
        width: 100%
    }
}

.boats-grid .boat-item:hover {
    transform: scale(1.05)
}

.boats-grid .boat-item img {
    height: auto;
    width: 100%
}

[page*="/model/"] .boat-header {
    height: 70vh;
    position: relative;
    width: 100vw;
    z-index: 0
}

@media screen and (max-width: 567px) {
    [page*="/model/"] .boat-header {
        height: calc(56.25vw)
    }
}

[page*="/model/"] .boat-header .carousel {
    width: 100%;
    height: 100%
}

[page*="/model/"] .boat-header .carousel img {
    opacity: 0
}

[page*="/model/"] .boat-header .carousel img.active {
    opacity: 1
}

[page*="/model/"] .boat-header .carousel .carousel-arrows {
    padding: 0 2.5%
}

[page*="/model/"] .boat-information {
    padding: calc(8px * 8);
    padding: calc(var(--base-unit) * 8);
    padding-top: calc(8px * 12);
    padding-top: calc(var(--base-unit) * 12);
    background: #fff
}

@media screen and (max-width: 567px) {
    [page*="/model/"] .boat-information {
        padding: calc(6px * 4)
    }
}

@media screen and (max-width: 567px) {
    [page*="/model/"] .boat-information {
        padding-top: calc(6px * 8)
    }
}

[page*="/model/"] .boat-information .boat-info-container {
    max-width: 1440px;
    margin: auto;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 567px) {
    [page*="/model/"] .boat-information .boat-info-container {
        display: flex;
        flex-direction: column
    }
}

[page*="/model/"] .boat-information .boat-info-container ul {
    padding-left: calc(8px * 2);
    padding-left: calc(var(--base-unit) * 2);
    list-style-type: disc
}

@media screen and (max-width: 567px) {
    [page*="/model/"] .boat-information .boat-info-container ul {
        padding-left: calc(6px * 2)
    }
}

[page*="/model/"] .boat-information .boat-info-container ul li+li {
    margin-top: calc(8px * 2);
    margin-top: calc(var(--base-unit) * 2)
}

@media screen and (max-width: 567px) {
    [page*="/model/"] .boat-information .boat-info-container ul li+li {
        margin-top: calc(6px * 2)
    }
}

[page*="/model/"] .boat-information .boat-info-container .copy {
    padding-right: calc(8px * 3);
    padding-right: calc(var(--base-unit) * 3);
    max-width: 800px
}

@media screen and (max-width: 567px) {
    [page*="/model/"] .boat-information .boat-info-container .copy {
        padding-right: calc(6px * 0)
    }
}

[page*="/model/"] .boat-information .boat-info-container .description {
    font-size: 1.25rem;
    line-height: 2rem
}

[page*="/model/"] .boat-information .boat-info-container .studio-images {
    width: 35%;
    min-width: 300px
}

@media screen and (max-width: 567px) {
    [page*="/model/"] .boat-information .boat-info-container .studio-images {
        margin-top: 36px;
        width: 100%
    }
}

[page*="/model/"] .boat-information .boat-info-container .studio-images img {
    width: 100%;
    height: auto
}

[page*="/model/"] .boat-information .boat-info-container .studio-images img+img {
    margin-top: calc(8px * 1);
    margin-top: calc(var(--base-unit) * 1)
}

@media screen and (max-width: 567px) {
    [page*="/model/"] .boat-information .boat-info-container .studio-images img+img {
        margin-top: calc(6px * 1)
    }
}

@font-face {
    font-family: 'Trade Gothic Condensed';
    src: url("../fonts/trade-gothic-lt-std-bdcn20.otf");
    font-weight: bold
}

@font-face {
    font-family: 'Trade Gothic';
    src: url("../fonts/trade-gothic-lt-std.otf");
    font-weight: normal
}

@font-face {
    font-family: 'Trade Gothic';
    src: url("../fonts/trade-gothic-lt-std-bold.otf");
    font-weight: bold
}

[v-cloak] {
    opacity: 0
}

[page*="/build-your-boat"] .scrolling-section {
    background: #000;
    color: #fff
}

#build-your-boat {
    width: 100%
}

#build-your-boat button {
    margin: auto 0 0 4px
}

@media screen and (max-width: 567px) {
    #build-your-boat button {
        margin: 30px 0 0 4px
    }
}

@media screen and (max-width: 567px) {
    #build-your-boat .desktop-only {
        display: none !important
    }
}

@media screen and (min-width: 568px) {
    #build-your-boat .mobile-only {
        display: none !important
    }
}

#build-your-boat .slide-fade-enter-active {
    transition: all 500ms ease
}

#build-your-boat .slide-fade-leave-active {
    transition: all 500ms ease
}

#build-your-boat .slide-fade-enter,
#build-your-boat .slide-fade-leave-to {
    transform: translateY(10px);
    opacity: 0
}

#build-your-boat .boats-grid {
    opacity: 0;
    transition: opacity 400ms ease
}

#build-your-boat .boats-grid.loaded {
    opacity: 1
}

#build-your-boat .boat-item {
    cursor: pointer;
    transition: transform 300ms ease
}

#build-your-boat .boat-item:hover {
    transform: scale(1.05)
}

#build-your-boat .colorways {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 567px) {
    #build-your-boat .colorways {
        flex-direction: column
    }
}

#build-your-boat .colorways h3 {
    margin-left: calc(8px * 1);
    margin-left: calc(var(--base-unit) * 1)
}

@media screen and (max-width: 567px) {
    #build-your-boat .colorways h3 {
        margin-left: calc(6px * 1)
    }
}

#build-your-boat .colorways .col {
    padding-top: calc(8px * 3);
    padding-top: calc(var(--base-unit) * 3)
}

@media screen and (max-width: 567px) {
    #build-your-boat .colorways .col {
        padding-top: calc(6px * 3)
    }
}

#build-your-boat .colorways .colors {
    max-width: calc(8px * 50);
    max-width: calc(var(--base-unit) * 60);
    min-width: calc(8px * 30);
    min-width: calc(var(--base-unit) * 30);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

@media screen and (max-width: 567px) {
    #build-your-boat .colorways .colors {
        max-width: calc(6px * 50)
    }
}

@media screen and (max-width: 567px) {
    #build-your-boat .colorways .colors {
        min-width: calc(6px * 30)
    }
}

@media screen and (max-width: 567px) {
    #build-your-boat .colorways .colors {
        max-width: none
    }
}

#build-your-boat .boat-container {
    flex-grow: 1
}

#build-your-boat .boat {
    padding-top: calc((720 / 1800) * 100%);
    position: relative;
    width: 100%
}

#build-your-boat .boat img {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

#build-your-boat .boat img.stripe {
    z-index: 1
}

#build-your-boat .boat-name {
    cursor: pointer;
    position: relative
}

@media screen and (max-width: 567px) {
    #build-your-boat .boat-name {
        font-size: 2rem
    }
}

#build-your-boat .boat-name span {
    display: inline-block;
    transform: translateY(-5px)
}

#build-your-boat .boat-name .open {
    transform: translateY(-5px) rotate(90deg)
}

#build-your-boat .model-options {
    left: calc(8px * -3);
    left: calc(var(--base-unit) * -3);
    background: #070e23;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.65);
    position: absolute;
    top: 100%;
    z-index: 2
}

@media screen and (max-width: 567px) {
    #build-your-boat .model-options {
        left: calc(6px * -3)
    }
}

#build-your-boat .model-options ul {
    padding-top: calc(8px * 2);
    padding-top: calc(var(--base-unit) * 2);
    padding-bottom: calc(8px * 2);
    padding-bottom: calc(var(--base-unit) * 2);
    padding-left: calc(8px * 3);
    padding-left: calc(var(--base-unit) * 3);
    padding-right: calc(8px * 3);
    padding-right: calc(var(--base-unit) * 3);
    list-style-type: none;
    margin: 0
}

@media screen and (max-width: 567px) {
    #build-your-boat .model-options ul {
        padding-top: calc(6px * 2)
    }
}

@media screen and (max-width: 567px) {
    #build-your-boat .model-options ul {
        padding-bottom: calc(6px * 2)
    }
}

@media screen and (max-width: 567px) {
    #build-your-boat .model-options ul {
        padding-left: calc(6px * 3)
    }
}

@media screen and (max-width: 567px) {
    #build-your-boat .model-options ul {
        padding-right: calc(6px * 3)
    }
}

#build-your-boat .model-options li {
    cursor: pointer;
    font-size: 2rem
}

#build-your-boat .options {
    display: flex;
    flex-wrap: wrap
}

#build-your-boat .option {
    margin-top: calc(8px * 2);
    margin-top: calc(var(--base-unit) * 2);
    cursor: pointer;
    width: calc(100% / 3 - calc(var(--base-unit) * 1))
}

@media screen and (max-width: 567px) {
    #build-your-boat .option {
        margin-top: calc(6px * 2)
    }
}

@media screen and (max-width: 567px) {
    #build-your-boat .option {
        width: 100%
    }
}

#build-your-boat .option .boat-option {
    cursor: pointer;
    display: flex
}

#build-your-boat .option .boat-option span {
    margin-left: calc(8px * 1);
    margin-left: calc(var(--base-unit) * 1)
}

@media screen and (max-width: 567px) {
    #build-your-boat .option .boat-option span {
        margin-left: calc(6px * 1)
    }
}

#build-your-boat .option .boat-option input::before {
    transform: translateY(-5px)
}

#build-your-boat .color {
    height: calc(8px * 8);
    height: calc(var(--base-unit) * 8);
    margin: calc(8px * 1);
    margin: calc(var(--base-unit) * 1);
    margin-bottom: calc(8px * 4.5);
    margin-bottom: calc(var(--base-unit) * 4.5);
    width: calc(8px * 8);
    width: calc(var(--base-unit) * 8);
    cursor: pointer;
    position: relative;
    transition: transform 300ms ease
}

@media screen and (max-width: 567px) {
    #build-your-boat .color {
        height: calc(6px * 8)
    }
}

@media screen and (max-width: 567px) {
    #build-your-boat .color {
        margin: calc(6px * 1)
    }
}

@media screen and (max-width: 567px) {
    #build-your-boat .color {
        margin-bottom: calc(6px * 4.5)
    }
}

@media screen and (max-width: 567px) {
    #build-your-boat .color {
        width: calc(6px * 8)
    }
}

@media screen and (max-width: 567px) {
    #build-your-boat .color {
        margin: 4px
    }
}

#build-your-boat .color:hover {
    transform: scale(1.05)
}

#build-your-boat .color.red {
    background: #ff2c32
}

#build-your-boat .color.navy {
    background: #070e23
}

#build-your-boat .color.midnight-blue {
    background: #101e3a
}

#build-your-boat .color.green {
    background: #0e2c18
}

#build-your-boat .color.gray {
    background: #262626
}

#build-your-boat .color.burgundy {
    background: #4a0b10
}

#build-your-boat .color.black {
    background: #000
}

#build-your-boat .color.antique-white {
    background: #f2dab2;
}

#build-your-boat .color.cloud-white, #build-your-boat .color.white {
    background: #fff
}

#build-your-boat .color.black {
    box-shadow: inset 0 0 1px #fff
}

#build-your-boat .color.ivory-cream {
    background: #d5c8b9;
}

#build-your-boat .color.pastel-green {
    background: #9bd5b0
}

#build-your-boat .color.silver-grey {
    background: #aeaeae
}

#build-your-boat .color .color-name {
    font-size: .8rem;
    left: 50%;
    position: absolute;
    text-align: center;
    top: calc(100% + 8px);
    transform: translateX(-50%);
    width: 80px
}

@media screen and (max-width: 567px) {
    #build-your-boat .color .color-name {
        display: none;
        top: calc(100% + 6px)
    }
}

.print-only {
    display: none
}

@media print {
    [page*="build-your-boat"] footer {
        display: none
    }
    [page*="build-your-boat"] .logo-tab {
        display: none !important
    }
    [page*="build-your-boat"] header {
        display: none !important
    }
    [page*="build-your-boat"] .scrolling-section .section-container {
        max-width: none;
        padding: 0
    }
    [page*="build-your-boat"] h1,
    [page*="build-your-boat"] h2,
    [page*="build-your-boat"] h3 {
        font-size: 16px !important
    }
    [page*="build-your-boat"] h1 span,
    [page*="build-your-boat"] h2 span,
    [page*="build-your-boat"] h3 span {
        display: none !important
    }
    [page*="build-your-boat"] #build-your-boat {
        color: #000 !important
    }
    [page*="build-your-boat"] #build-your-boat button {
        display: none
    }
    [page*="build-your-boat"] #build-your-boat .colorways {
        display: none
    }
    [page*="build-your-boat"] #build-your-boat .selected-colors {
        margin-bottom: 16px
    }
    [page*="build-your-boat"] .print-only {
        display: block !important
    }
    [page*="build-your-boat"] .boat-build {
        flex-direction: column !important
    }
    [page*="build-your-boat"] .boat-container {
        width: 100% !important
    }
    [page*="build-your-boat"] .boat-container .col {
        display: none !important
    }
    [page*="build-your-boat"] .model-options {
        display: none !important
    }
    [page*="build-your-boat"] .option {
        margin-top: 0;
        width: 100% !important
    }
    [page*="build-your-boat"] .option:not(.checked) {
        display: none !important
    }
    [page*="build-your-boat"] .boat-option {
        font-size: 10px;
        margin-top: 0
    }
    [page*="build-your-boat"] .logo {
        width: 50%
    }
}

[page*="/contact/"] {
    background: #fff
}

[page*="/contact/"] iframe {
    padding: calc(8px * 8);
    padding: calc(var(--base-unit) * 8);
    padding-top: calc(8px * 16);
    padding-top: calc(var(--base-unit) * 16);
    display: block;
    height: 100%;
    margin-left: auto;
    position: relative;
    width: 100%;
    z-index: 1
}

@media screen and (max-width: 567px) {
    [page*="/contact/"] iframe {
        padding: calc(6px * 3)
    }
}

@media screen and (max-width: 567px) {
    [page*="/contact/"] iframe {
        padding-top: calc(6px * 3)
    }
}

@media screen and (max-width: 567px) {
    [page*="/contact/"] iframe {
        width: 100%
    }
}

@media screen and (max-width: 567px) {
    [page*="/contact/"] .scrolling-section::after {
        background: none
    }
}

@media screen and (max-width: 567px) {
    [page*="/contact/"] .backing-image {
        position: static;
        height: 450px
    }
}

[page*="/contact/"] .backing-image::after {
    color: #070e23;
    content: 'Loading Map...';
    position: absolute;
    right: 0;
    text-align: center;
    top: calc(50%);
    transform: translateY(-50%);
    width: 100%;
    z-index: 0
}

[page*="/contact/"] .section-container {
    pointer-events: none
}

@media screen and (max-width: 567px) {
    [page*="/contact/"] .section-container {
        padding-top: 36px;
        pointer-events: all
    }
}

[page*="/representatives"],
[page*="/dealers"] {
    background: #fff
}

[page*="/representatives"] .scrolling-section,
[page*="/dealers"] .scrolling-section {
    color: #070e23
}

[page*="/representatives"] .scrolling-section p,
[page*="/dealers"] .scrolling-section p {
    margin: auto
}

[page*="/representatives"] .scrolling-section p a,
[page*="/dealers"] .scrolling-section p a {
    border-bottom: 2px solid #ff2c32
}

@media screen and (max-width: 567px) {
    [page*="/representatives"] table tr:first-of-type,
    [page*="/dealers"] table tr:first-of-type {
        display: none
    }
}

[page*="/representatives"] table tr:nth-child(odd),
[page*="/dealers"] table tr:nth-child(odd) {
    background: #fff
}

[page*="/representatives"] table tr:nth-child(even),
[page*="/dealers"] table tr:nth-child(even) {
    background: #f5f5f5
}

@media screen and (max-width: 567px) {
    [page*="/representatives"] table td,
    [page*="/dealers"] table td {
        display: block
    }
}

[page*="/gear-store/"] {
    background: #fff
}

[page*="/gear-store/"] .main-section {
    background: #070e23;
    height: calc(56.25vw);
    max-height: calc(100vh - 80px);
    overflow: hidden;
    position: relative;
    width: 100vw;
    z-index: 0
}

[page*="/gear-store/"] .main-section .carousel img {
    opacity: 0
}

[page*="/gear-store/"] .main-section .carousel img.active {
    z-index: 100;
    opacity: 1
}

[page*="/gear-store/"] .intro-info {
    font-size: 1.25rem;
    line-height: 2rem
}

[page*="/gear-store/"] .section-container {
    padding: calc(8px * 3);
    padding: calc(var(--base-unit) * 3);
    padding-top: calc(8px * 8);
    padding-top: calc(var(--base-unit) * 8);
    padding-bottom: calc(8px * 8);
    padding-bottom: calc(var(--base-unit) * 8);
    margin: auto;
    max-width: 1440px
}

@media screen and (max-width: 567px) {
    [page*="/gear-store/"] .section-container {
        padding: calc(6px * 3)
    }
}

@media screen and (max-width: 567px) {
    [page*="/gear-store/"] .section-container {
        padding-top: calc(6px * 8)
    }
}

@media screen and (max-width: 567px) {
    [page*="/gear-store/"] .section-container {
        padding-bottom: calc(6px * 8)
    }
}

[page*="/gear-store/"] .section-container p {
    max-width: 100%
}

[page*="/gear-store/"] .section-container a {
    text-decoration: underline;
    text-decoration-color: #ff2c32;
    font-weight: bold
}

[page*="/gear-store/"] .gear-item {
    display: flex;
    margin-top: 3rem
}

@media screen and (max-width: 567px) {
    [page*="/gear-store/"] .gear-item {
        flex-direction: column
    }
}

@media screen and (max-width: 567px) {
    [page*="/gear-store/"] .gear-item .desktop-only {
        display: none
    }
}

[page*="/gear-store/"] .gear-item .images {
    width: calc(100% / 2.5);
    flex-shrink: 0
}

@media screen and (max-width: 567px) {
    [page*="/gear-store/"] .gear-item .images {
        width: 100%
    }
}

[page*="/gear-store/"] .gear-item .images img {
    width: 100%;
    object-fit: contain;
    object-position: center
}

[page*="/gear-store/"] .gear-item .images img+img {
    margin-top: 2rem
}

@media screen and (min-width: 568px) {
    [page*="/gear-store/"] .gear-item .info {
        padding-left: 80px
    }
}

[page*="/gear-store/"] .gear-item .info img {
    width: 100%
}

@media screen and (min-width: 568px) {
    [page*="/gear-store/"] .gear-item .info img {
        width: 90%
    }
}

[page*="/gear-store/"] .gear-item .info p:first-child {
    margin-top: 0
}

[page*="/gear-store/"] .gear-item .info>*+* {
    margin-top: 2rem
}