/*

	YachtCast Intelligence
	i.yachtcast.net
	Aug 2015 AH
	*/

:root {
    --color-error-50: #fff1f1;
    --color-error-100: #ffe3e4;
    --color-error-200: #ffccd0;
    --color-error-300: #ffa2a9;
    --color-error-400: #ff6d7c;
    --color-error-500: #f93a53;
    --color-error-600: #d31638;
    --color-error-700: #c20e33; /* text-colour-error */
    --color-error-700-filter: invert(18%) sepia(72%) saturate(6912%) hue-rotate(341deg) brightness(77%) contrast(97%);
    --color-error-800: #a30e31;
    --color-error-900: #8b1031;
    --color-error-950: #4e0315;

    --color-warning-50: #ffffea;
    --color-warning-100: #fffdc5;
    --color-warning-200: #fffc85;
    --color-warning-300: #fff446;
    --color-warning-400: #ffe71b;
    --color-warning-500: #f6c100; /* warning */
    --color-warning-600: #e29b00;
    --color-warning-700: #bb6f02;
    --color-warning-800: #985608;
    --color-warning-900: #7c460b;
    --color-warning-950: #482400;

    --color-success-50: #f4faf3;
    --color-success-100: #e4f4e4;
    --color-success-200: #cbe7cb;
    --color-success-300: #a1d4a1;
    --color-success-400: #71b870;
    --color-success-500: #55ab55;
    --color-success-500-filter: invert(57%) sepia(76%) saturate(332%) hue-rotate(71deg) brightness(88%) contrast(87%); /* success */
    --color-success-600: #3b7e3b;
    --color-success-700: #316431;
    --color-success-800: #2b502b;
    --color-success-900: #244325;
    --color-success-950: #102311;

    /* caption colours */
    --caption-new: #55ab55;
    --caption-used: #d77c11;
    --caption-ex-demo: #3bd2ed;
    --caption-concept: #666;
    --caption-warning: #e57373;
    --caption-price-new: #ffcc33;
    --caption-price-reduced: #ffb74d;
    --caption-sold: #cc0000;
    --caption-withdrawn: #999;

    /* status colours */
    --status-discontinued: #cc0000;
    --status-in-production: #179917;
    --status-in-development: #f47721;

    --section-background-colour: rgb(239, 244, 249);
    --section-hilight-bg-colour: #e7efff;

    --icon-colour: invert(65%) sepia(8%) saturate(803%) hue-rotate(179deg) brightness(95%) contrast(85%);

    --our-status-brokerage: #007bff;
    --our-status-charter: #eeaf00;
    --our-status-management: #6f42c1;

    --sold-price-link: #0093ee;

    /* badge colours */
    --badge-red-bg: #fef2f2;
    --badge-red-bg-no-border: #ffe2e2;
    --badge-red-colour: #c10007;
    --badge-red-border: #fcdadb;
    --badge-red-dot: #fb2c36;

    --badge-dark-red-bg: #fff4f3;
    --badge-dark-red-bg-no-border: #ffe6e5;
    --badge-dark-red-colour: #ff2116;
    --badge-dark-red-border: #ffdfdd;
    --badge-dark-red-dot: #ff453b;

    --badge-yellow-bg: #fefce8;
    --badge-yellow-bg-no-border: #fef9c2;
    --badge-yellow-border: #f5e5ba;
    --badge-yellow-colour: #894b00;
    --badge-yellow-dot: #f0b100;

    --badge-green-bg: #f0fdf4;
    --badge-green-bg-no-border: #dbfce7;
    --badge-green-border: #c0ebcf;
    --badge-green-colour: #008236;
    --badge-green-dot: #00c950;

    --badge-blue-bg: #eff6ff;
    --badge-blue-bg-no-border: #dbeafe;
    --badge-blue-border: #d9e4fc;
    --badge-blue-colour: #1447e6;
    --badge-blue-dot: #2b7fff;

    --badge-light-blue-bg: #f2fcfe;
    --badge-light-blue-bg-no-border: #e1f8fc;
    --badge-light-blue-border: #dff8fc;
    --badge-light-blue-colour: #29d0ed;
    --badge-light-blue-dot: #3ed3ec;

    --badge-violet-bg: #eef2ff;
    --badge-violet-bg-no-border: #e0e7ff;
    --badge-violet-border: #dddefb;
    --badge-violet-colour: #432dd7;
    --badge-violet-dot: #615fff;

    --badge-purple-bg: #faf5ff;
    --badge-purple-bg-no-border: #f3e8ff;
    --badge-purple-border: #eeddfc;
    --badge-purple-colour: #8200db;
    --badge-purple-dot: #ad46ff;

    --badge-pink-bg: #fdf2f8;
    --badge-pink-bg-no-border: #fce7f3;
    --badge-pink-border: #f8dae9;
    --badge-pink-colour: #c6005c;
    --badge-pink-dot: #f6339a;

    --reports-main-color: #0066ff;
    --reports-secondary-color: #6a0dad;
    --report-contrast-colour: #00f5b3;
}

/*------------------------------------------------- fonts
-------------------------------------------
font-family:'Inter', Arial, Helvetica, sans-serif; font-weight:400;

300 light
400 regular
500 medium
600 semi bold
700 bold
800 extra bold

 media queries
---------------------------------------------

small - up to 640px
@media screen and (max-width: 640px) {}

smallMedium - 641px - 900px
@media screen and (min-width: 641px) and (max-width:900px) {}

medium Up - 901px - 1280px
@media screen and (min-width: 641px) {}

largeMedium - 1281px - 1470px
@media screen and (min-width: 901px) and (max-width: 1470px) {}

large - 1471px up
@media screen and (min-width: 1471px) { }

 Used so javaScript can match media queries */
.jsMediaQueries {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 1px;
}
/*Small | up to 640px*/
@media only screen and (max-width: 640px) {
    .jsMediaQueries {
        left: 1px;
    }
}
/*Small Medium | 641px - 900px*/
@media only screen and (min-width: 641px) and (max-width: 900px) {
    .jsMediaQueries {
        left: 2px;
    }
}
/* medium */
@media only screen and (min-width: 901px) and (max-width: 1280px) {
    .jsMediaQueries {
        left: 3px;
    }
}
/* large medium */
@media only screen and (min-width: 1281px) and (max-width: 1918px) {
    .jsMediaQueries {
        left: 4px;
    }
}
/* large */
@media screen and (min-width: 1919px) {
    .jsMediaQueries {
        left: 5px;
    }
}

* {
    padding: 0;
    margin: 0;
    outline: none;
    box-sizing: border-box;
}

body {
    font-family: "Inter", Arial, Helvetica, sans-serif;
    font-weight: var(--font-weight-regular);
    letter-spacing: -0.025em;
    color: var(--color-ui-500);
}

.lorem {
    color: #cc0000 !important;
}

fieldset {
    border: none;
}

/* standard styling
-----------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-family: "Inter", Arial, Helvetica, sans-serif;
}

h1 {
    line-height: 1.2em;
    font-weight: 600;
}
h1.mainHeading,
h1.main-heading {
    padding-top: 10px;
}
h2 {
    line-height: 1.1em;
}
h3 {
    line-height: 1.25em;
    color: var(--color-ui-500);
}
h4 {
}
h5 {
}
h6 {
}
.block-heading {
    font-size: 14px;
    font-family: "inter", Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
p {
    font-size: 1.2em;
    line-height: 1.45em;
    color: var(--color-ui-500);
    margin: 0 0 7px 0;
}

strong {
    font-weight: 700;
}

a {
    color: #0093ee;
}
a:hover {
    text-decoration: underline;
}

p,
p a {
    color: var(--color-ui-500);
    text-decoration: none;
    font-family: "Inter", Arial, Helvetica, sans-serif;
    font-weight: 400;
}
a:hover,
a:focus,
p a:hover {
    color: #0093ee;
}

body,
p,
label {
    line-height: 1.3em;
}
p {
    line-height: 1.4em;
}

ul {
}
ul li {
    font-size: 1.2em;
    line-height: 1.45em;
    margin: 0 0 10px 0;
    padding: 0;
    list-style-position: inside;
    list-style: none;
}
ul.styled-list {
    margin: 0 0 15px 0;
    padding: 0;
}
ul.styled-list li {
    margin: 0 0 10px 0;
    padding: 0 0 0 14px;
    list-style: disc;
    list-style-position: inside;
}

ul.bullet-points {
    margin: 0;
    padding: 0;
    list-style-position: inside;
}
ul.bullet-points li {
    list-style: none;
    padding: 0 0 0 15px;
    margin-bottom: 10px;
    background: url("/resources/images/icons/bulletpoint.svg") 0 7px no-repeat;
}

img {
    border: none;
}

.hide {
    display: none !important;
}

.shrink {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
}

.float-left,
.left {
    float: left !important;
}
.float-right,
.right {
    float: right !important;
}
.float-none {
    float: none !important;
}

.display-block {
    display: block;
}
.display-inline-block {
    display: inline-block;
}
.display-inline {
    display: inline;
}
.relative {
    position: relative;
}

/*standard toggle classes */
.toggle-content-section {
    display: none;
}
.toggle-content-section.show-content {
    display: block;
}

.divider-line {
    display: inline-block;
    height: 10px;
    width: 1px;
    background-color: var(--color-ui-500);
    margin: 0 4px -1px 4px;
    border-radius: 0.003em;
}

.latest-news .latest-news-list li .news-copy p span.divider-line {
    background-color: #999;
}

[class*="medium-"] .divider-line {
}

/* classes to add styling to the graphs on the site
----------------------------------------------------*/
.graph-labels {
    color: var(--color-ui-500);
    font-weight: var(--font-weight-regular);
    font-family: var(--font-family);
}
.graph-values {
    font-weight: var(--font-weight-semiBold);
    font-family: var(--font-family);
    color: var(--color-ui-500);
}

/* branding colour blocks
---------------------------------------------*/
.branding-container {
    float: left;
    margin-right: 30px;
}
.branding-container .branding {
    display: block;
    margin-right: 15px;
    float: left;
    padding-bottom: 20px;
}
.branding-container .branding .block {
    display: block;
    height: 50px;
    width: 50px;
    background: #fff;
    margin-bottom: 5px;
}
.branding-container .branding .block span {
    display: block;
    width: 100%;
}

/* header
=================================================*/
.header-wrap {
    display: block;
    float: left;
    width: 100%;
    height: 80px;
}
header {
    width: 100%;
    height: 80px;
    background: #202c39;
    float: left;
    padding-left: env(safe-area-inset-left); /* iphone x notch inset */
    padding-right: env(safe-area-inset-right); /* iphone x notch inset */
    z-index: 108;
    position: fixed;
    box-shadow: 0 2px 7px 3px rgba(0, 0, 0, 0.23);
}

@-webkit-keyframes DropStickyHeader {
    0% {
        -webkit-transform: translateY(-100px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}

@keyframes DropStickyHeader {
    0% {
        transform: translateY(-100px);
    }
    100% {
        transform: translateY(0);
    }
}
.header-dropdowns .dropdown-pane.is-open {
}

.header-wrap.is-sticky header {
    position: absolute;
    top: 0;
    left: 0;
}
.header-wrap.is-sticky.stuck header {
    position: fixed;
    -webkit-animation: 300ms ease-out 1 DropStickyHeader;
    animation: 300ms ease-out 1 DropStickyHeader;
    padding-top: 7px;
    margin-top: -18px;
}
header .logoContainer {
    position: relative;
    float: left;
    height: 80px;
}
header .logoContainer .logo {
    display: inline-block;
    text-indent: -9999px;
    background: url(/resources/images/logo.svg) 0 50% no-repeat;
    background-size: auto 38px;
    width: 237px;
    height: 80px;
}
header .button-menu {
    height: 50px;
    width: 50px;
    background: url(../images/main-menu/menu-icon.svg) 14px 15px no-repeat;
    border: none;
    border-radius: 0;
    text-align: left;
    text-indent: -9999px;
    margin: 17px 0 0 22px;
    padding: 0;
    border: 0;
    transition: opacity 75ms linear;
    background-color: transparent;
    background-size: 28px auto;
}
header .button-menu:hover,
header .button-menu:focus {
    opacity: 0.8;
    background: url(../images/main-menu/menu-icon.svg) 14px 15px no-repeat;
    background-color: transparent;
    background-size: 28px auto;
}

@media screen and (min-width: 641px) and (max-width: 900px) {
    header .button-menu {
        margin: 17px 0 0 0;
    }
}

/*header .logoContainer .logOut { */
/*position:absolute; top:13px; right:10px;*/
/*display:block; */
/*border:1px solid #000; border-radius: 2px;*/
/*background:#333; */
/*color:#fff; font-size:11px; height:22px; line-height:21px; */
/*padding:0 17px 0 12px;*/
/*transition: background-color 300ms ease-out;*/
/*}*/
header .button-menu.menu-open {
    background: url(/resources/images/close.svg) 14px 15px no-repeat;
    background-size: 21px auto;
    filter: invert(1);
    opacity: 1;
}
header .logoContainer .logOut span {
    display: block;
    height: 20px;
    padding: 0 0 0 18px;
    background: url(/resources/images/icons/header-icons.svg) 0 -96px no-repeat;
}

header .logoContainer .logOut:hover {
    text-decoration: none;
    background: #ccc;
    color: #000;
}
@media only screen and (max-width: 360px) {
    header .logoContainer .logo {
        width: 215px;
    }
}

/*small - up to 640px */

@media only screen and (max-width: 640px) {
    header .logoContainer {
        width: 100%;
        float: left;
        position: relative;
    }
    header .logoContainer .logo {
        background: url(/resources/images/logo.svg) 5px 50% no-repeat;
        background-size: auto 33px;
        width: 242px;
        height: 80px;
        display: block;
        float: left;
    }
    header .button-menu {
        position: absolute;
        top: 16px;
        right: 16px;
        margin: 0;
    }
    header .favourites-btn {
        position: absolute;
        top: 50%;
        right: 60px;
        height: 40px;
        width: 40px;
        z-index: 20;
        margin-top: -20px;
        border-radius: 50%;
    }
    header .favourites-btn:hover:before {
        display: block;
        content: "";
        height: 40px;
        width: 40px;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(255, 255, 255, 0.1);
        border-radius: 50%;
        z-index: 21;
    }
    header .favourites-btn:after {
        display: block;
        content: "";
        height: 40px;
        width: 40px;
        position: absolute;
        top: 0;
        left: 0;
        background: url("/resources/images/icons/header-favorites.svg") center center no-repeat;
        filter: invert(100%);
        z-index: 22;
        background-size: auto 23px;
    }
}

@media screen and (min-width: 641px) {
    header .button-menu {
        float: left;
    }
}

.header-wrap.is-sticky.stuck header .favourites-btn {
    display: block;
}

.dropdown .is-dropdown-submenu a.logOut {
    background: url(/resources/images/icons/power.svg) 15px 9px no-repeat;
    background-size: 20px auto;
    padding-left: 42px;
}

@-webkit-keyframes DropDownSlide {
    100% {
        transform: translateY(0);
    }

    0% {
        transform: translateY(10px);
    }
}

@keyframes DropDownSlide {
    100% {
        transform: translateY(0);
    }

    0% {
        transform: translateY(10px);
    }
}
.header-dropdowns .dropdown-pane.is-open {
    -webkit-animation-name: DropDownSlide;
    animation-name: DropDownSlide;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* footer
==================================================*/
footer {
    width: 100%;
    background: #eee;
    float: left;
    padding: 10px 0 0 0;
    padding-left: env(safe-area-inset-left); /* iphone x notch inset */
    padding-right: env(safe-area-inset-right); /* iphone x notch inset */
    padding-bottom: env(safe-area-inset-bottom); /* iphone x notch inset */
}
footer p {
    color: var(--color-ui-950);
    font-size: 10px;
    line-height: 19px;
    padding: 0 0 0 10px;
}
footer p a {
    padding: 0;
}
footer a {
    color: var(--color-ui-950);
    font-size: 10px;
    padding: 0 0 0 10px;
}
footer a:hover {
    color: var(--color-ui-500);
}
footer .feedback a {
    float: right;
    margin: 3px 10px 0 0;
    display: block;
    /* height: 20px; */
    line-height: 20px;
    border: 1px solid #999;
    border-radius: 4px;
    padding: 4px 10px;
    transition: background-color 300ms ease-out;
    transition: color 300ms ease-out;
    display: block;
    font-size: 12px;
}
footer .feedback a:hover {
    color: #fff;
    background: #999;
}

/* main content / layout
==================================================*/

.row {
    max-width: 115em;
}

.row.heading-section {
    max-width: none;
    background: #ffffff;
}
.row.heading-section .content {
    background: #fff;
    width: 100%;
    display: block;
}

.background-section-colour {
    background: #fff;
}

.contentSection {
    width: 100%;
    float: left;
    background: #f5f7f8;
    min-height: 818px;
    position: relative;
    /*z-index: 1;*/
    padding-left: env(safe-area-inset-left); /* iphone x notch inset */
    padding-right: env(safe-area-inset-right); /* iphone x notch inset */
}

.content {
    float: left;
    width: 100%;
}

.sticky-outer-wrap.fixed .particulars-header-wrap,
.sticky-outer-wrap.fixed .sticky-header-wrap {
    float: left;
    width: 100%;
    padding-top: 19px;
    background: #fff;
    padding-bottom: 20px;
}
.sticky-outer-wrap.fixed .particulars-header-wrap h2,
.sticky-outer-wrap.fixed .sticky-header-wrap h2 {
    display: none;
}
.sticky-outer-wrap.nested.fixed .search-filters {
    display: block;
    height: 82px;
    box-shadow: 3px 2px 5px 0 rgba(0, 0, 0, 0.16);
    transform-origin: top;
    -webkit-animation: coolSlideIn 350ms ease-out;
    animation: coolSlideIn 350ms ease-out;
}

/*smallMedium - 641px - 900px*/
@media screen and (min-width: 641px) and (max-width: 900px) {
    .content .yachtDetailsContainer {
        padding: 0 15px 0 5px;
    }
}

/* largeMedium - 901px - 1470px */
@media screen and (min-width: 901px) and (max-width: 1470px) {
    .content.particulars {
        padding: 0 20px;
    }
    .sticky-outer-wrap.fixed .content.particulars {
        padding-top: 0;
        padding-bottom: 0;
    }
}
/* STICKY PARTICULARS HEADER */

/* STICKY PARTICULARS HEADER (first version where they are sticky top plugins
.particulars-header-wrap {
    float: left;
    width: 100%;
    display: block;
}
.scrolling-down .particulars-header-wrap.collided .particulars.header {
    display: block;
    height: 80px;
    box-shadow:
        0 2px 5px 0 rgba(0, 0, 0, 0.16),
        0 2px 3px 0 rgba(0, 0, 0, 0.12);
    z-index: 21;
    transform-origin: top;
    -webkit-animation: coolSlideIn 350ms ease-out;
    animation: coolSlideIn 350ms ease-out;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
}

.tabs-container-wrap {
    float: left;
    width: 100%;
    display: block;
}
.scrolling-down .tabs-container-wrap.collided .tabs-container {
    display: block;
    height: 50px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
    z-index: 20;
    transform-origin: top;
    -webkit-animation: coolSlideIn 350ms ease-out;
    animation: coolSlideIn 350ms ease-out;
    position: fixed;
    overflow: hidden;
    top: 80px;
    left: 0;
    width: 100%;
    background: #fff;
} */

/* badges
--------------------------------------------*/
.badge {
    display: inline-block;
    padding: 4px 8px;
    color: #666;
    line-height: 1.1em;
    border-radius: 6px;
    font-size: var(--font-size-s);
    font-weight: var(--font-weight-medium);
    letter-spacing: 0.001em;
    background: #f3f4f6;
}

.badge.badge-border {
    border: 1px solid #ebecee;
    background: #f9fafb;
}
.badge.badge-smaller {
    font-size: var(--font-size-xs);
}
.badge.badge-dot {
    position: relative;
    padding-left: 21px;
}
.badge.badge-dot:before {
    display: block;
    content: "";
    height: 6px;
    width: 6px;
    background: #99a1af;
    position: absolute;
    top: 50%;
    left: 9px;
    margin-top: -3px;
    border-radius: 50%;
}
.badge.badge-dot.badge-smaller {
    padding-left: 19px;
}
.badge.badge-dot.badge-smaller:before {
    width: 4px;
    height: 4px;
    margin-top: -2px;
}

@keyframes flashing-dot {
    0% {
        opacity: 0.1;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.1;
    }
}

.badge.badge-dot.flashing:before {
    animation-name: flashing-dot;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
}

.badge.badge-red {
    background: var(--badge-red-bg-no-border);
    color: var(--badge-red-colour);
}
.badge.badge-red.badge-border {
    background: var(--badge-red-bg);
    color: var(--badge-red-colour);
    border: 1px solid var(--badge-red-border);
}
.badge.badge-red.badge-dot:before {
    background: var(--badge-red-dot);
}

.badge.badge-dark-red {
    background: var(--badge-dark-red-bg-no-border);
    color: var(--badge-dark-red-colour);
}
.badge.badge-dark-red.badge-border {
    background: var(--badge-dark-red-bg);
    color: var(--badge-dark-red-colour);
    border: 1px solid var(--badge-dark-red-border);
}
.badge.badge-dark-red.badge-dot:before {
    background: var(--badge-red-dot);
}

.badge.badge-yellow {
    background: var(--badge-yellow-bg-no-border);
    color: var(--badge-yellow-colour);
}
.badge.badge-yellow.badge-border {
    background: var(--badge-yellow-bg);
    color: var(--badge-yellow-colour);
    border: 1px solid var(--badge-yellow-border);
}
.badge.badge-yellow.badge-dot:before {
    background: var(--badge-yellow-dot);
}

.badge.badge-green {
    background: var(--badge-green-bg-no-border);
    color: var(--badge-green-colour);
}
.badge.badge-green.badge-border {
    background: var(--badge-green-bg);
    color: var(--badge-green-colour);
    border: 1px solid var(--badge-green-border);
}
.badge.badge-green.badge-dot:before {
    background: var(--badge-green-dot);
}

.badge.badge-blue {
    background: var(--badge-blue-bg-no-border);
    color: var(--badge-blue-colour);
}
.badge.badge-blue.badge-border {
    background: var(--badge-blue-bg);
    color: var(--badge-blue-colour);
    border: 1px solid var(--badge-blue-border);
}
.badge.badge-blue.badge-dot:before {
    background: var(--badge-blue-dot);
}

.badge.badge-light-blue {
    background: var(--badge-light-blue-bg-no-border);
    color: var(--badge-light-blue-colour);
}
.badge.badge-light-blue.badge-border {
    background: var(--badge-light-blue-bg);
    color: var(--badge-light-blue-colour);
    border: 1px solid var(--badge-light-blue-border);
}
.badge.badge-light-blue.badge-dot:before {
    background: var(--badge-light-blue-dot);
}

.badge.badge-violet {
    background: var(--badge-violet-bg-no-border);
    color: var(--badge-violet-colour);
}
.badge.badge-violet.badge-border {
    background: var(--badge-violet-bg);
    color: var(--badge-violet-colour);
    border: 1px solid var(--badge-violet-border);
}
.badge.badge-violet.badge-dot:before {
    background: var(--badge-violet-dot);
}

.badge.badge-purple {
    background: var(--badge-purple-bg-no-border);
    color: var(--badge-purple-colour);
}
.badge.badge-purple.badge-border {
    background: var(--badge-purple-bg);
    color: var(--badge-purple-colour);
    border: 1px solid var(--badge-purple-border);
}
.badge.badge-purplr.badge-dot:before {
    background: var(--badge-purple-dot);
}

.badge.badge-pink {
    background: var(--badge-pink-bg-no-border);
    color: var(--badge-pink-colour);
}
.badge.badge-pink.badge-border {
    background: var(--badge-pink-bg);
    color: var(--badge-pink-colour);
    border: 1px solid var(--badge-pink-border);
}
.badge.badge-pink.badge-dot:before {
    background: var(--badge-pink-dot);
}

/* social media badges */
.badge.badge-FACEBOOK,
.badge.badge-INSTAGRAM,
.badge.badge-LINKEDIN,
.badge.badge-TWITTER,
.badge.badge-YOUTUBE,
.badge.badge-TIKTOK,
.badge.badge-WIKIPEDIA,
.badge.badge-VIMEO,
.badge.badge-FLICKR {
    color: #fff;
    position: relative;
    padding-left: 22px;
}
.badge.badge-FACEBOOK:before,
.badge.badge-INSTAGRAM:before,
.badge.badge-LINKEDIN:before,
.badge.badge-TWITTER:before,
.badge.badge-YOUTUBE:before,
.badge.badge-TIKTOK:before,
.badge.badge-WIKIPEDIA:before,
.badge.badge-VIMEO:before,
.badge.badge-FLICKR:before {
    display: block;
    content: "";
    height: 22px;
    width: 20px;
    filter: invert(100%);
    position: absolute;
    top: 0;
    left: 8px;
}
.badge.badge-FACEBOOK {
    background: #0865fe;
}
.badge.badge-FACEBOOK:before {
    background: url("/resources/images/buttons/facebook.svg") 2px 50% no-repeat;
    background-size: auto 11px;
}
.badge.badge-INSTAGRAM {
    background: #d60059;
}
.badge.badge-INSTAGRAM:before {
    background: url("/resources/images/buttons/intsagram.svg") 0 50% no-repeat;
    background-size: auto 11px;
}
.badge.badge-LINKEDIN {
    background: #0966c3;
}
.badge.badge-LINKEDIN:before {
    background: url("/resources/images/buttons/linkedin.svg") 0 50% no-repeat;
    background-size: auto 10px;
}
.badge.badge-TWITTER {
    background: #000;
}
.badge.badge-TWITTER:before {
    background: url("/resources/images/buttons/x.svg") 0 50% no-repeat;
    background-size: auto 10px;
}
.badge.badge-YOUTUBE {
    background: #fe0031;
    padding-left: 27px;
}
.badge.badge-YOUTUBE:before {
    background: url("/resources/images/buttons/youtube.svg") 0 50% no-repeat;
    background-size: auto 10px;
}
.badge.badge-TIKTOK {
    background: #000;
}
.badge.badge-TIKTOK:before {
    background: url("/resources/images/buttons/tiktok.svg") 0 50% no-repeat;
    background-size: auto 10px;
}
.badge.badge-WIKIPEDIA {
    background: #666;
    padding-left: 28px;
}
.badge.badge-WIKIPEDIA:before {
    background: url("/resources/images/buttons/wikipedia.svg") 0 50% no-repeat;
    background-size: auto 10px;
}
.badge.badge-VIMEO {
    background: #17d5ff;
}
.badge.badge-VIMEO:before {
    background: url("/resources/images/buttons/vimeo.svg") 0 50% no-repeat;
    background-size: auto 10px;
}

.badge.badge-FLICKR {
    background: #0062dc;
}
.badge.badge-FLICKR:before {
    background: url("/resources/images/buttons/flickr.svg") 0 50% no-repeat;
    background-size: auto 10px;
}
/* tags and bubbles
-------------------------------------*/
.tag-list,
.bubble-list {
    margin: 0;
    width: 100%;
    float: left;
}
.tag-list li {
    margin: var(--spacing-s2) 0 0 0;
}

.tag-list .bubble,
.bubble-list li a {
    display: inline-block;
    background: var(--color-ui-50);
    color: var(--color-ui-500);
    padding: 8px 14px;
    border-radius: 24px;
    font-size: var(--font-size-s);
    line-height: 1.1em;
}

.tag-list a.bubble,
.bubble-list li a {
    color: var(--color-ui-500);
    transition: transform 0.3s ease;
    position: relative;
    padding-right: 32px;
}
.tag-list a.bubble:after,
.bubble-list li a:after {
    display: block;
    content: "";
    height: 30px;
    width: 20px;
    background: url("/resources/images/icons/close.svg") 0 50% no-repeat;
    background-size: auto 8px;
    opacity: 0.4;
    position: absolute;
    top: 0;
    right: 2px;
}
.tag-list a.bubble:hover,
.bubble-list li a:hover {
    background: var(--brand-colour);
    color: var(--color-ui-1);
}
.tag-list a.bubble:hover:after,
.bubble-list li a:hover:after {
    opacity: 1;
    filter: invert(100%);
}

/* cards
---------------------------------------------------*/
.card {
    display: block;
    background: #fff;
    padding: var(--spacing-s4);
    border-radius: 10px;
    float: left;
    width: 100%;
    box-shadow: 0 3px 6px 0 rgba(14, 30, 62, 0.08);
    position: relative;
}
.card .remove-card-padding {
    margin-left: calc(var(--spacing-s4) * -1);
    margin-right: calc(var(--spacing-s4) * -1);
}
.card .card-heading {
    display: block;
    width: 100%;
    font-size: var(--font-size-m);
    color: var(--color-ui-950);
    font-weight: var(--font-weight-bold);
    margin-bottom: var(--spacing-s10);
}
.card.has-bottom-button {
    padding-bottom: 70px;
}
.card.has-bottom-button .btn {
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.card .card-heading.photo-card-heading {
    margin-bottom: var(--spacing-s2);
    padding-left: var(--spacing-s2);
}

.card .card-heading.heading-icon:before {
    display: block;
    content: "";
    height: 20px;
    width: 20px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    filter: var(--filter-ui-950);
    float: left;
    margin-right: 10px;
}
.card .card-heading.heading-icon.overview:before {
    background-image: url("/resources/images/section-icons/overview.svg");
}
.card .card-heading.heading-icon.dimensions:before {
    background-image: url("/resources/images/section-icons/dimensions.svg");
}
.card .card-heading.heading-icon.construction:before {
    background-image: url("/resources/images/section-icons/construction.svg");
}
.card .card-heading.heading-icon.accommodations:before {
    background-image: url("/resources/images/section-icons/accommodations.svg");
}
.card .card-heading.heading-icon.performance:before {
    background-image: url("/resources/images/section-icons/performance.svg");
    width: 27px;
}
.card .card-heading.heading-icon.power-plant:before {
    background-image: url("/resources/images/section-icons/power-plant.svg");
    width: 22px;
}
.card .card-heading.heading-icon.battery:before {
    background-image: url("/resources/images/section-icons/battery.svg");
    width: 25px;
}
.card .card-heading.heading-icon.engine:before {
    background-image: url("/resources/images/section-icons/engine.svg");
    width: 27px;
}
.card .card-heading.heading-icon.info:before {
    background-image: url("/resources/images/section-icons/info.svg");
}
.card .card-heading.heading-icon.equipment:before {
    background-image: url("/resources/images/section-icons/equipment.svg");
}
.card .card-heading.heading-icon.amenities:before {
    background-image: url("/resources/images/section-icons/amenities.svg");
}
.card .card-heading.heading-icon.capacities:before {
    background-image: url("/resources/images/section-icons/capacities.svg");
}
.card .card-heading.heading-icon.conversion:before {
    background-image: url("/resources/images/section-icons/conversion.svg");
}
.card .card-heading.heading-icon.engine-hours:before {
    background-image: url("/resources/images/section-icons/engine-hours.svg");
}
.card .card-heading.heading-icon.helipad:before {
    background-image: url("/resources/images/section-icons/helipad.svg");
}
.card .card-heading.heading-icon.tenders:before {
    background-image: url("/resources/images/section-icons/tenders.svg");
}
.card .card-heading.heading-icon.watermaker:before {
    background-image: url("/resources/images/section-icons/watermaker.svg");
    width: 29px;
}
.card .card-heading.heading-icon.rigging:before {
    background-image: url("/resources/images/section-icons/rigging.svg");
}

@media screen and (min-width: 641px) {
    .card .card-heading {
        margin-bottom: var(--spacing-s4);
    }
}

/* card fill ------------*/
.card-fill {
    display: block;
    padding: 20px;
    float: left;
    width: 100%;
    /*box-shadow: 0 3px 6px 0 rgba(14, 30, 62, 0.08);*/
    position: relative;
    background: rgb(239, 244, 249);
    border-radius: 4px;
}

.card.photos-card {
    padding: 2px 5px;
}
.card-full-width {
    background: #fff;
}

/* option cards --------------*/
.card-option-list {
    display: flex;
    align-items: stretch;
}
.card.option-card {
    height: 100%;
    position: relative;
}
.card.option-card .image-container {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}
.card.option-card .image-container img {
    width: 100%;
}
.card.option-card .details-container {
    padding-bottom: 45px;
}
.card.option-card a.name {
    display: block;
}
.card.option-card .report-link {
    position: absolute;
    bottom: 12px;
    left: 12px;
}

@media screen and (min-width: 641px) {
    .card.option-card .report-link {
        left: 20px;
    }
}

/* contact detail cards -------------*/
.contact-cards {
    display: flex;
    align-items: stretch;
}
.card.contact-card {
    height: 100%;
}

.card.contact-card .photo-container {
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    float: left;
    height: 75px;
    width: 75px;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
}
.card.contact-card .photo-container img {
    width: 100%;
}
.card.contact-card .photo-container .fallback .initials {
    position: absolute;
    top: 50%;
    left: 0;
    height: 26px;
    line-height: 26px;
    width: 100%;
    margin-top: -13px;
    text-align: center;
    font-size: 20px;
    font-weight: var(--font-weight-semiBold);
}
.card.contact-card .details-container {
    float: left;
    width: 72%;
}

.user-types {
    width: 100%;
    float: left;
}
.user-types .user-type {
    float: left;
    padding: 0 7px;
    margin: 0 7px 7px 0;
    background: #666;
    height: 16px;
    line-height: 16px;
}
.user-types .user-type.sales {
    background-color: #3399cb;
}
.user-types .user-type.marketing {
    background-color: #33cbff;
}
.user-types .user-type.product {
    background-color: #6599cb;
}

.details-container .location {
    position: relative;
    padding-left: 20px;
    width: 100%;
    float: left;
}
.details-container .location:before {
    display: block;
    content: "";
    height: 20px;
    width: 20px;
    background: url("/resources/images/icons/location.svg") 0 50% no-repeat;
    filter: var(--filter-ui-500);
    position: absolute;
    top: 0;
    left: 0;
}

/* tables
-------------------------------------------------*/
table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 3px;
}
table thead,
table tbody,
table tfoot {
    border: 1px solid #f1f1f1;
    background-color: #fefefe;
}
table caption {
    padding: 0.5rem 0.625rem 0.625rem;
    font-weight: bold;
}
table thead {
    background: #fff;
    color: var(--color-ui-950);
}
table tfoot {
    background: #fff;
    color: var(--color-ui-950);
}
table thead tr,
table tfoot tr {
    background: transparent;
}
table thead th,
table thead td,
table tfoot th,
table tfoot td {
    padding: 0.5rem 0.625rem 0.625rem;
    text-align: left;
}
table tbody th,
table tbody td {
    padding: 0.5rem 0.625rem 0.625rem;
    border-bottom: 1px solid #f1f1f1;
}
table tbody tr:nth-child(even) {
    background-color: #fff;
}
table.unstriped tbody {
    background-color: #fff;
}
table.unstriped tbody tr {
    border-bottom: 0;
    border-bottom: 1px solid #f1f1f1;
    background-color: #fff;
}

@media screen and (max-width: 63.9375em) {
    table.stack thead {
        display: none;
    }
    table.stack tfoot {
        display: none;
    }
    table.stack tr,
    table.stack th,
    table.stack td {
        display: block;
    }
    table.stack td {
        border-top: 0;
    }
}

table.scroll {
    display: block;
    width: 100%;
    overflow-x: auto;
}

table.hover thead tr:hover {
    background-color: #f3f3f3;
}

table.hover tfoot tr:hover {
    background-color: #ececec;
}

table.hover tbody tr:hover {
    background-color: #f9f9f9;
}

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
    background-color: #ececec;
}

.table-scroll {
    overflow-x: auto;
}
.table-scroll table {
    width: auto;
}

/* table - none search table
------------------------------------------------*/
table thead tr td {
}

.lightbox-items,
.small-grid {
    margin: 0 -2px;
}
.lightbox-items li,
.small-grid li {
    padding: 0 4px;
    margin: 0 0 8px 0;
}
.lightbox-items li img,
.small-grid li img {
    width: 100%;
}

.sectionHeading {
    line-height: 1.1em;
}

/*smallMedium up - 641px + */
@media screen and (min-width: 641px) {
    .advancedSearchButton {
        width: auto;
    }
}

/*largeMedium - 901px - 1470px */
@media screen and (min-width: 901px) and (max-width: 1470px) {
    .sectionHeading {
        margin: 6px 0 0 0;
    }
}

#error_empty_values {
    padding-top: 10px;
    display: block;
    color: #cc0000;
    font-size: 16px;
}

/* custom scrollbar */
.custom-scrollbar {
    /*firefox*/
    scrollbar-color: rgba(0, 0, 0, 0.5) transparent;
    scrollbar-width: thin;
}
.custom-scrollbar::-webkit-scrollbar {
    width: 0.5em;
    height: 0.5em;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: none;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
}
/* offcanvas navigation */

/* offcanvas navigation
----------------------------------------------*/
.is-off-canvas-open {
    overflow: hidden;
}

.js-off-canvas-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    transition:
        opacity 0.5s ease,
        visibility 0.5s ease;
    background: rgba(254, 254, 254, 0.25);
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}
.js-off-canvas-overlay.is-visible {
    opacity: 1;
    visibility: visible;
}
.js-off-canvas-overlay.is-closable {
    cursor: pointer;
}
.js-off-canvas-overlay.is-overlay-absolute {
    position: absolute;
}
.js-off-canvas-overlay.is-overlay-fixed {
    position: fixed;
}

.off-canvas-wrapper {
    position: relative;
    overflow: hidden;
}

.off-canvas {
    position: fixed;
    z-index: 105; /* on top of sticky subnav at smaller screen sizes */
    transition: transform 0.5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #e6e6e6;
}
[data-whatinput="mouse"] .off-canvas {
    outline: 0;
}
.off-canvas.is-transition-push {
    z-index: 12;
}
.off-canvas.is-closed {
    /*visibility: hidden; */
}
.off-canvas.is-transition-overlap {
    z-index: 13;
}
.off-canvas.is-transition-overlap.is-open {
    box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}
.off-canvas.is-open {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.off-canvas-absolute {
    position: absolute;
    z-index: 12;
    transition: transform 0.5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #e6e6e6;
}
[data-whatinput="mouse"] .off-canvas-absolute {
    outline: 0;
}
.off-canvas-absolute.is-transition-push {
    z-index: 12;
}
.off-canvas-absolute.is-closed {
    visibility: hidden;
}
.off-canvas-absolute.is-transition-overlap {
    z-index: 13;
}
.off-canvas-absolute.is-transition-overlap.is-open {
    box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}
.off-canvas-absolute.is-open {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.position-left {
    top: 80px;
    left: 0;
    height: calc(100% - 80px);
    overflow-y: auto;
    width: 250px;
    -ms-transform: translateX(-250px);
    transform: translateX(-250px);
}
.off-canvas-content .off-canvas.position-left {
    -ms-transform: translateX(-250px);
    transform: translateX(-250px);
}
.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.off-canvas-content.is-open-left.has-transition-push {
    -ms-transform: translateX(250px);
    transform: translateX(250px);
}
.position-left.is-transition-push {
    box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25);
}

.off-canvas-content {
    -ms-transform: none;
    transform: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: margin-left 500ms ease;
}
/*.no-menu-transition .off-canvas-content,*/
/*.no-menu-transition .off-canvas {*/
/*    transition: none;*/
/*}*/
.off-canvas-content.has-transition-push {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.off-canvas-content .off-canvas.is-open {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

@media print, screen and (min-width: 40.063em) {
    .position-left.reveal-for-medium {
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible;
    }
    .off-canvas.is-open {
        -ms-transform: none;
        transform: none;
        /*transition: none;*/
        visibility: visible;
    }
    .position-left.reveal-for-medium .close-button {
        display: none;
    }
    .off-canvas-content .position-left.reveal-for-medium {
        -ms-transform: none;
        transform: none;
    }
    .off-canvas-content.has-reveal-left {
        margin-left: 250px;
    }
    .position-left.reveal-for-medium ~ .off-canvas-content {
        margin-left: 250px;
    }
    .position-right.reveal-for-medium {
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible;
    }
    .position-right.reveal-for-medium .close-button {
        display: none;
    }
    .off-canvas-content .position-right.reveal-for-medium {
        -ms-transform: none;
        transform: none;
    }
    .off-canvas-content.has-reveal-right {
        margin-right: 250px;
    }
    .position-right.reveal-for-medium ~ .off-canvas-content {
        margin-right: 250px;
    }
    .position-top.reveal-for-medium {
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible;
    }
    .position-top.reveal-for-medium .close-button {
        display: none;
    }
    .off-canvas-content .position-top.reveal-for-medium {
        -ms-transform: none;
        transform: none;
    }
    .off-canvas-content.has-reveal-top {
        margin-top: 250px;
    }
    .position-top.reveal-for-medium ~ .off-canvas-content {
        margin-top: 250px;
    }
    .position-bottom.reveal-for-medium {
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible;
    }
    .position-bottom.reveal-for-medium .close-button {
        display: none;
    }
    .off-canvas-content .position-bottom.reveal-for-medium {
        -ms-transform: none;
        transform: none;
    }
    .off-canvas-content.has-reveal-bottom {
        margin-bottom: 250px;
    }
    .position-bottom.reveal-for-medium ~ .off-canvas-content {
        margin-bottom: 250px;
    }
}

@media print, screen and (min-width: 120em) {
    .position-left.reveal-for-large .close-button {
        display: none;
    }
    .off-canvas-content .position-left.reveal-for-large {
        -ms-transform: none;
        transform: none;
    }
    .off-canvas-content.has-reveal-left {
        margin-left: 287px;
    }
    body.nav-open-reduced-width .position-left.reveal-for-large ~ .off-canvas-content {
        margin-left: 287px;
    }
    .position-right.reveal-for-large {
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible;
    }
    .position-right.reveal-for-large .close-button {
        display: none;
    }
    .off-canvas-content .position-right.reveal-for-large {
        -ms-transform: none;
        transform: none;
    }
    .off-canvas-content.has-reveal-right {
        margin-right: 250px;
    }
    .position-right.reveal-for-large ~ .off-canvas-content {
        margin-right: 250px;
    }
    .position-top.reveal-for-large {
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible;
    }
    .position-top.reveal-for-large .close-button {
        display: none;
    }
    .off-canvas-content .position-top.reveal-for-large {
        -ms-transform: none;
        transform: none;
    }
    .off-canvas-content.has-reveal-top {
        margin-top: 250px;
    }
    .position-top.reveal-for-large ~ .off-canvas-content {
        margin-top: 250px;
    }
    .position-bottom.reveal-for-large {
        -ms-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible;
    }
    .position-bottom.reveal-for-large .close-button {
        display: none;
    }
    .off-canvas-content .position-bottom.reveal-for-large {
        -ms-transform: none;
        transform: none;
    }
    .off-canvas-content.has-reveal-bottom {
        margin-bottom: 250px;
    }
    .position-bottom.reveal-for-large ~ .off-canvas-content {
        margin-bottom: 250px;
    }
}

@media print, screen and (min-width: 641px) {
    .off-canvas.in-canvas-for-medium {
        visibility: visible;
        height: auto;
        position: static;
        background: inherit;
        width: inherit;
        overflow: inherit;
        transition: inherit;
    }
    .off-canvas.in-canvas-for-medium.position-left,
    .off-canvas.in-canvas-for-medium.position-right,
    .off-canvas.in-canvas-for-medium.position-top,
    .off-canvas.in-canvas-for-medium.position-bottom {
        box-shadow: none;
        -ms-transform: none;
        transform: none;
    }
    .off-canvas.in-canvas-for-medium .close-button {
        display: none;
    }
}

@media print, screen and (min-width: 120em) {
    .off-canvas.in-canvas-for-large {
        visibility: visible;
        height: auto;
        position: static;
        background: inherit;
        width: inherit;
        overflow: inherit;
        transition: inherit;
    }
    .off-canvas.in-canvas-for-large.position-left,
    .off-canvas.in-canvas-for-large.position-right,
    .off-canvas.in-canvas-for-large.position-top,
    .off-canvas.in-canvas-for-large.position-bottom {
        box-shadow: none;
        -ms-transform: none;
        transform: none;
    }
    .off-canvas.in-canvas-for-large .close-button {
        display: none;
    }
}

#offCanvas .off-canvas-menu {
    padding: 20px 15px 20px 20px;
    transition: padding 350ms ease-out;
}
.header-collided.vessel-subnav-collided.scrolling-down #offCanvas .off-canvas-menu {
    padding-top: 160px;
}
@keyframes fadeInAfterDelay {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 0.1;
    }
    100% {
        opacity: 1;
    }
}
#offCanvas .off-canvas-menu .heading,
.off-canvas .radio-block .label-heading {
    text-transform: uppercase;
    color: var(--color-ui-700);
}
@media only screen and (max-width: 640px) {
    #offCanvas .off-canvas-menu > ul > li > ul > li {
        margin-bottom: 0 !important;
    }
    .intel-accordion-init:not(.accordion-theme-custom) li button.has-submenu:after,
    .intel-accordion-init:not(.accordion-theme-custom) li a.has-submenu:after {
        margin-top: -6px;
    }
}
@media only screen and (min-width: 1920px) {
    #offCanvas:not(.is-open) .off-canvas-menu .heading {
        display: none;
    }

    #offCanvas:not(.is-open) .menu > li > a,
    #offCanvas:not(.is-open) .menu > li > button {
        text-indent: -9999px;
        overflow: hidden;
        padding-right: 0;
        padding-left: 38px;
    }

    #offCanvas:not(.is-open) .menu a:after {
        display: none;
    }
    .position-left#offCanvas:not(.is-open) .menu li {
        margin-bottom: 11px;
    }
    #offCanvas:not(.is-open) .menu {
        margin-bottom: 0;
    }
    .off-canvas.is-open {
        width: 287px;
    }
}
@media only screen and (min-width: 641px) and (max-width: 1919px) {
    #offCanvas:not(.is-open-overlay-sidebar) .off-canvas-menu .heading {
        display: none;
    }
    #offCanvas:not(.is-open-overlay-sidebar) .menu > li > a,
    #offCanvas:not(.is-open-overlay-sidebar) .menu > li > button {
        text-indent: -9999px;
        overflow: hidden;
        padding-right: 0;
        padding-left: 38px;
    }
    #offCanvas:not(.is-open-overlay-sidebar) .menu a:after {
        display: none;
    }
    .position-left#offCanvas:not(.is-open-overlay-sidebar) .menu li {
        margin-bottom: 11px;
    }
    #offCanvas:not(.is-open-overlay-sidebar) .menu {
        margin-bottom: 0;
    }
    .off-canvas.is-open-overlay-sidebar {
        width: 287px;
    }
}

#offCanvas.animate .off-canvas-menu {
    opacity: 0;
    animation: fadeInAfterDelay 750ms forwards 50ms;
}

#offCanvas .menu {
    margin: 0 0 25px -5px;
}
#offCanvas .menu li {
    transition: margin 400ms ease-out;
}
@media only screen and (min-width: 120em) {
    body.nav-open-reduced-width #offCanvas .menu li {
        transition: margin 400ms ease-out 200ms;
    }
}
#offCanvas .menu li {
    margin: 0;
}
#offCanvas .menu > li > a,
#offCanvas .menu > li > button {
    color: #8f9cb2;
    padding: 10px 8px 10px 40px;
    border-radius: 4px;
    /*transition: all 0.3s ease;*/
    position: relative;
    width: 100%;
    display: block;
    cursor: pointer;
    text-align: left;
}

#offCanvas .menu > li > ul > li > a,
#offCanvas .menu > li > ul > li > button {
    padding-left: 8px;
}
#offCanvas .menu > li > a:before,
#offCanvas .menu > li > button:before {
    content: "";
    display: block;
    height: 18px;
    width: 18px;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -9px;
    filter: var(--icon-colour);
    background-size: 18px auto;
    background-repeat: no-repeat;
}
#offCanvas .menu > li > a:hover,
#offCanvas .menu > li > button:hover {
    color: #0093ee;
    text-decoration: none;
}
#offCanvas .menu > li > a:hover:before,
#offCanvas .menu > li > button:hover:before {
    filter: invert(8%) sepia(97%) saturate(4350%) hue-rotate(340deg) brightness(120%) contrast(108%);
}
#offCanvas .menu a:after {
    margin-top: -5px !important;
}

#offCanvas .menu a.dashboard:before {
    background-image: url(/resources/images/main-menu/dashboard.svg);
}
#offCanvas .menu a.under-sanction:before,
#offCanvas .menu a.russian-owned:before,
#offCanvas .menu a.top100:before {
    background-image: url(/resources/images/main-menu/top100.svg);
}
#offCanvas .menu a.saved:before {
    background-image: url(/resources/images/main-menu/saved-search.svg);
}
#offCanvas .menu a.shortlists:before {
    background-image: url(/resources/images/main-menu/shortlist.svg);
}
#offCanvas .menu > li > a.ourfleet:before,
#offCanvas .menu > li > button.ourfleet:before {
    background-image: url(/resources/images/main-menu/our-fleet.svg);
}
#offCanvas .menu > li > a.company:before,
#offCanvas .menu > li > button.company:before {
    background-image: url(/resources/images/icons/work-type-HOLDING_COMPANY.svg);
}
#offCanvas .menu > li > a.team:before,
#offCanvas .menu > li > button.team:before {
    background-image: url(/resources/images/icons/guests-black.svg);
}
#offCanvas .menu > li > a.documents:before,
#offCanvas .menu > li > button.documents:before {
    background-image: url(/resources/images/tabs/documents.svg);
    background-size: 15px auto;
    left: 11px;
}
#offCanvas .menu a.global-fleet:before {
    background-image: url(/resources/images/main-menu/fleet.svg);
}
#offCanvas .menu a.for-sale:before {
    background-image: url(/resources/images/main-menu/for-sale.svg);
}
#offCanvas .menu a.new-build:before {
    background-image: url(/resources/images/main-menu/models.svg);
}
#offCanvas .menu a.projects:before {
    background-image: url(/resources/images/main-menu/project.svg);
}
#offCanvas .menu a.charter:before {
    background-image: url(/resources/images/main-menu/charter.svg);
}
#offCanvas .menu a.news:before {
    background-image: url(/resources/images/main-menu/news.svg);
}
#offCanvas .menu a.yacht-show:before {
    background-image: url(/resources/images/main-menu/yacht-shows.svg);
}
#offCanvas .menu a.market:before {
    background-image: url(/resources/images/main-menu/market.svg);
}
#offCanvas .menu a.media:before {
    background-image: url(/resources/images/main-menu/video.svg);
}
#offCanvas .menu a.shipyards:before {
    background-image: url(/resources/images/main-menu/shipyards.svg);
}
#offCanvas .menu a.designers:before,
#offCanvas .menu button.designers:before {
    background-image: url(/resources/images/main-menu/designers.svg);
}

#offCanvas .menu a.team:before {
    background-image: url(/resources/images/main-menu/team.svg);
}
#offCanvas .menu a.location:before,
#offCanvas .menu button.location:before {
    background-image: url(/resources/images/main-menu/location.svg);
    background-size: auto 19px;
    background-position: 3px 0;
}

#offCanvas .menu:not(.nested) > li > a:hover,
#offCanvas .menu:not(.nested) > li > button:hover,
#offCanvas .menu:not(.nested) > li > a.active,
#offCanvas .menu:not(.nested) > li > button.active,
#offCanvas .menu:not(.nested) > li > a.open,
#offCanvas .menu:not(.nested) > li > button.open,
#offCanvas .menu:not(.nested) > li > a.hover,
#offCanvas .menu:not(.nested) > li > button.hover {
    background-color: #e9f3ff;
}
.dropdown-pane .menu li {
    margin: 0;
}
.dropdown-pane .menu.nested {
    margin: 0 20px 0 0;
}
.dropdown-pane .menu .dropdown-title {
    padding-left: 15px;
}
.dropdown-pane .menu a.dropdown-title:hover {
    color: #0093ee;
    cursor: pointer;
}
.dropdown-pane .menu a:not(.dropdown-title) {
    padding: 10px 15px;
    transition: background-color 75ms linear;
    border-radius: 4px;
}
.dropdown-pane .menu a:not(.dropdown-title):hover {
    background-color: #e9f3ff;
    color: #0093ee;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
    background: url(/resources/images/main-menu/menu-arrow.svg) 50% 50% no-repeat;
    background-size: 12px auto;
    border: 0;
    width: 12px;
    height: 12px;
    margin-top: -7px;
    transition: all 0.3s ease;
    filter: invert(65%) sepia(8%) saturate(803%) hue-rotate(179deg) brightness(95%) contrast(85%);
}
#offCanvas .menu li[aria-expanded="true"] > a {
    font-weight: 600;
}
#offCanvas .nested {
    background: #eff4f9;
    border-radius: 4px;
    padding: 8px 0 8px 0;
    margin: 7px 0 7px 0;
}
#offCanvas .nested li {
    padding: 0 0 0 25px;
}
#offCanvas .nested a {
    padding: 7px 5px 7px 15px;
    background-image: none;
}
#offCanvas .nested .dropdown-title {
    display: none;
}
#offCanvas .nested a:hover,
#offCanvas .nested a.active {
    text-decoration: underline;
}
.off-canvas-wrapper {
    background: #f5f7fa;
}

.off-canvas.is-transition-overlap {
    z-index: 16;
}
.js-off-canvas-overlay {
    background: rgba(000, 000, 000, 0.65);
    z-index: 15;
}
@media only screen and (min-width: 641px) {
    .position-left {
        width: 68px;
        transform: none;
        transition: width 500ms ease;
    }
}
/*.menu-open {} */
@media only screen and (max-width: 640px) {
    .position-left {
        transform: translateX(-100%);
    }
}

.position-left.quick-animation {
    transition: width 125ms ease-out;
}
.position-left ~ .off-canvas-content {
    margin-left: 68px;
}
/*@media only screen and (min-width:1024px) {*/
/*    .position-left {*/
/*        width:347px;*/
/*        -ms-transform: translateX(-347px); transform: translateX(-347px);*/
/*    }*/
/*    .position-left.reveal-for-large ~ .off-canvas-content {}*/
/*}*/
.position-left.is-transition-push.animate {
    box-shadow: none;
    transform: translateX(0px);
    visibility: visible;
}
#offCanvas {
    background: #fff;
    border-right: 1px solid #ecf0f6;
    box-shadow: 0 1px 6px 3px rgba(0, 0, 0, 0.1);
}
#offCanvasSettings {
    background: #fff;
    border-radius: 4px 0 0 4px;
}
.position-right {
    width: 300px;
    transform: translateX(300px);
}
#offCanvasSettings .inner-wrap {
    display: block;
    padding: 0 15px 15px 15px;
}

/*@media screen and (min-width: 1920px) {*/
/*    #offCanvas {*/
/*        padding-top: 80px;*/
/*    }*/
/*}*/

/* accordion menu
-------------------------------------------------------------------------*/
.accordion {
    margin-left: 0;
    list-style-type: none;
}
.accordion[disabled] .accordion-title {
    cursor: not-allowed;
}
.accordion-item:first-child > :first-child {
    border-radius: 3px 3px 0 0;
}
.accordion-item:last-child > :last-child {
    border-radius: 0 0 3px 3px;
}

.accordion-title {
    position: relative;
    display: block;
    padding: 1.25rem 1rem;
    font-size: 0.75rem;
    line-height: 1;
    color: #2ba6cb;
}
:last-child:not(.is-active) > .accordion-title {
    /*border-bottom: 1px solid #e6e6e6;*/
    /*border-radius: 0 0 3px 3px;*/
}
.accordion-title:hover,
.accordion-title:focus {
    background-color: #fff;
}
.accordion-title::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -4px;
    content: "";
}

.accordion-content {
    display: none;
    padding: 1rem;
    border-bottom: 0;
    background-color: #fefefe;
    color: #0a0a0a;
}
.accordion-item.is-active .accordion-content {
    display: block;
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
    background: url(/resources/images/main-menu/menu-arrow.svg) 50% 50% no-repeat;
    background-size: 12px auto;
    border: 0;
    width: 12px;
    height: 12px;
    margin-top: -7px;
    transition: all 0.3s ease;
    filter: invert(65%) sepia(8%) saturate(803%) hue-rotate(179deg) brightness(95%) contrast(85%);
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 1em;
}
/* settings section
----------------------------------------------------------------------*/

.settings-cog-btn {
    float: right;
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: relative;
    margin-top: 11px;
}
.settings-cog-btn:after {
    content: "";
    width: 50px;
    height: 50px;
    background: url(/resources/images/buttons/cog.svg) 50% 50% no-repeat;
    background-size: 22px auto;
    position: absolute;
    top: 0;
    left: 0;
}
.settings-cog-btn:before {
    content: "";
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.1);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 100ms ease-out;
    border-radius: 100%;
}
.settings-cog-btn:hover:before {
    opacity: 1;
}
.settings-header {
    display: block;
    margin: 0 -15px 20px -15px;
    border-bottom: 1px solid #ebebeb;
}
.settings-title {
    display: block;
    padding: 19px 15px;
    position: relative;
    font-size: 18px;
    line-height: 1.3em;
    margin: 0;
}
.settings-title a {
    color: var(--color-ui-950);
    transition: color 75ms linear;
}
.settings-title a:hover {
    color: #2ba6cb;
}
.close-button {
    position: absolute;
    top: 5px;
    right: 4px;
    width: 50px;
    height: 50px;
    background: url(/resources/images/icons/sidebar-close.svg) 50% 50% no-repeat;
    background-size: 30px auto;
    transition: opacity 75ms linear;
}
.close-button:hover {
    opacity: 0.7;
}

.header-favourite {
    display: block;
    height: 50px;
    width: 50px;
    float: right;
    position: relative;
    margin-top: 11px;
}
.header-favourite:hover:before {
    height: 50px;
    width: 50px;
    display: block;
    content: "";
    background: rgba(255, 255, 255, 0.1);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
}
.header-favourite:after {
    height: 50px;
    width: 50px;
    display: block;
    content: "";
    background: url("/resources/images/icons/header-favorites.svg") center center no-repeat;
    background-size: auto 22px;
    filter: invert(100%);
}
.header-favourite.selected:after {
    background: url("/resources/images/icons/header-favorites-filled.svg") center center no-repeat;
    background-size: auto 22px;
    filter: invert(100%);
}

/* reveal - in js only not sure if its used
---------------------------------------------------------*/
body.is-reveal-open {
    overflow: hidden;
}

html.is-reveal-open,
html.is-reveal-open body {
    min-height: 100%;
    overflow: hidden;
    position: fixed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.reveal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    display: none;
    background-color: rgba(10, 10, 10, 0.45);
    overflow-y: scroll;
}

.reveal {
    z-index: 1006;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 1rem;
    border: 1px solid #cacaca;
    border-radius: 3px;
    background-color: #fefefe;
    position: relative;
    top: 100px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto;
}
[data-whatinput="mouse"] .reveal {
    outline: 0;
}
@media print, screen and (min-width: 641px) {
    .reveal {
        min-height: 0;
    }
}
.reveal .column,
.reveal .columns {
    min-width: 0;
}
.reveal > :last-child {
    margin-bottom: 0;
}

@media print, screen and (min-width: 641px) {
    .reveal {
        width: 600px;
        max-width: 91.88rem;
    }
}
.reveal.collapse {
    padding: 0;
}
@media print, screen and (min-width: 641px) {
    .reveal.tiny {
        width: 30%;
        max-width: 91.88rem;
    }
}
@media print, screen and (min-width: 641px) {
    .reveal.small {
        width: 50%;
        max-width: 91.88rem;
    }
}
@media print, screen and (min-width: 641px) {
    .reveal.large {
        width: 90%;
        max-width: 91.88rem;
    }
}
.reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0;
    border: 0;
    border-radius: 0;
}
@media screen and (max-width: 39.9375em) {
    .reveal {
        top: 0;
        left: 0;
        width: 100%;
        max-width: none;
        height: 100%;
        height: 100vh;
        min-height: 100vh;
        margin-left: 0;
        border: 0;
        border-radius: 0;
    }
}
.reveal.without-overlay {
    position: fixed;
}

/* search wrap
----------------------------------------------------*/

@media screen and (max-width: 640px) {
    .search-wrap input#site-search-header-input {
        display: none;
    }

    .search-wrap {
        display: block;
        height: 40px;
        width: 40px;
        position: absolute;
        top: 50%;
        right: 110px;
        margin-top: -20px;
    }

    .search-wrap .search-go {
        height: 40px;
        width: 40px;
        border-radius: 50%;
        overflow: hidden;
        float: right;
        display: block;
        z-index: 20;
    }

    .search-wrap .search-go:hover:before {
        display: block;
        content: "";
        height: 40px;
        width: 40px;
        background: rgba(255, 255, 255, 0.1);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 21;
        border-radius: 50%;
    }

    .search-wrap .search-go:after {
        display: block;
        content: "";
        height: 40px;
        width: 40px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 22;
        background: url(/resources/images/icons/search.svg?v=2) 50% 50% no-repeat;
        background-size: 23px;
        filter: invert(100%);
    }
}

@media screen and (min-width: 641px) {
    .search-wrap {
        float: left;
        margin-top: 18px;
        position: relative;
        width: 350px;
        margin-left: 24px;
    }
    .search-wrap input#site-search-header-input {
        width: 100%;
        border-radius: 4px;
        background: #fff;
        box-shadow: none;
        border: none;
    }
    .search-wrap .search-go {
        position: absolute;
        top: 2px;
        right: 9px;
        width: 50px;
        height: 36px;
    }
    .search-wrap .search-go:before {
        content: "";
        width: 34px;
        height: 34px;

        position: absolute;
        top: 3px;
        right: 3px;
        z-index: 1;
        border-radius: 100%;
    }
    .search-wrap .search-go:after {
        content: "";
        position: absolute;
        top: 0;
        right: 1px;
        background: url(/resources/images/icons/search.svg?v=2) 50% 50% no-repeat;
        background-size: 19px auto;
        cursor: pointer;
        z-index: 2;
        width: 40px;
        height: 40px;
        filter: invert(100%);
    }
}

.header-wrap.is-sticky.stuck header .apps-btn,
.header-wrap.is-sticky.stuck header .notifications-btn,
.header-wrap.is-sticky.stuck header .profile-btn,
.header-wrap.is-sticky.stuck header .settings-cog-btn {
    display: none;
}
@media only screen and (min-width: 641px) {
    .favourites-btn {
        display: none;
    }
}
@media only screen and (min-width: 641px) and (max-width: 774px) {
    .search-wrap button.search-go {
        background: url(/resources/images/search-white.svg) 50% 50% no-repeat;
        background-size: 19px auto;
        top: 4px;
    }
    .search-wrap {
        width: 50px;
    }
    .search-wrap input#site-search-header-input {
        background: var(--color-brand-700);
        color: var(--color-brand-700);
    }
}

@media screen and (min-width: 775px) and (max-width: 900px) {
    .search-wrap {
        width: 185px;
    }
}

@media only screen and (min-width: 901px) and (max-width: 1010px) {
    .search-wrap {
        width: 253px;
    }
}

@media only screen and (max-width: 640px) {
    .apps-btn,
    .notifications-btn,
    .profile-btn,
    .settings-cog-btn {
        display: none;
    }
}

/* sites navigation
---------------------------------------------*/

.navigation li {
    margin: 0;
    text-align: center;
}
.navigation li a {
    display: block;
    border: 1px solid #ddd;
    border-radius: 6px;
    height: 152px;
    line-height: 22px;
    width: 100%;
    padding: 0 20px;
    opacity: 0.75;
    background: #fff;
}
.navigation li a:hover {
    border: 1px solid #0093ee;
    color: #0093ee;
    text-decoration: none;
    opacity: 1;
}
.navigation li span {
    margin-top: 22px;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}
.navigation li img {
    height: 70px;
}
.navigation li a .icon,
.navigation li span .icon {
    display: block;
    width: 100px;
    height: 68px;
    margin: 8px auto 0 auto;
    /*opacity: 0.7;
    background:url(/resources/images/navigation_homepage.png) 0 0 no-repeat transparent; */
}

.navigation li a:hover .icon,
.navigationDirectory li a:hover .icon {
    opacity: 1;
}
.navigation li.globalFleet a .icon {
    background-position: 0 0;
}
.navigation li.forSale a .icon {
    background-position: 0 -70px;
}
.navigation li.forCharter a .icon {
    background-position: 0 -140px;
}
.navigation li.top100 a .icon {
    background-position: 0 -210px;
}
.navigation li.shipyards a .icon {
    background-position: 0 -280px;
}
.navigation li.orderBook a .icon {
    background-position: 0 -350px;
}
.navigation li.navalArchitects a .icon {
    background-position: 0 -420px;
}
.navigation li.soldDate a .icon {
    background-position: 0 -420px;
}
.navigation li.yachtSales a .icon {
    background-position: 0 -490px;
}
.navigation li.concepts a .icon {
    background-position: 0 -560px;
}
.navigation li.interiorDesigners a .icon {
    background-position: 0 -630px;
}
.navigation li.exteriorDesigners a .icon {
    background-position: 0 -700px;
}
.navigation li.boatShows a .icon {
    background-position: 0 -770px;
}
.navigation li.email a .icon {
    background: url(/resources/images/icons/icon-email.svg) 50% 50% no-repeat;
    background-size: 48px auto;
}
.navigation li.sms a .icon {
    background: url(/resources/images/icons/icon-chat.svg) 50% 50% no-repeat;
    background-size: 48px auto;
}
.navigation li.google-authenticator a .icon {
    background: url(/resources/images/icons/icon-qr.svg) 50% 50% no-repeat;
    background-size: 48px auto;
}

/*smallMedium Up - 641px +*/
@media screen and (min-width: 641px) {
    .navigation li a .icon,
    .navigation li span .icon {
        margin: 18px auto 0 auto;
    }
}
.navigationDirectory li a {
    display: flex;
    align-content: center;
    border: 1px solid #fff;
    border-radius: 6px;
    height: 152px;
    width: 100%;
    padding: 0 20px;
    box-shadow: 0 3px 6px 0 rgba(14, 30, 62, 0.08);
    background: #fff;
}
.navigationDirectory li a img {
    max-width: 120px;
    margin: 0 auto;
    filter: grayscale(100%);
    opacity: 0.6;
}
.navigationDirectory li a:hover img {
    filter: grayscale(0);
    opacity: 1;
}

.navigationDirectory li.ocean-alexander a img,
.navigationDirectory li.abeking-rasmussen a img {
    margin: auto;
}

.navigationDirectory li.monte-carlo a img {
    opacity: 0.5;
}
.navigationDirectory li.gulf-craft a img,
.navigationDirectory li.benetti a img,
.navigationDirectory li.westport a img,
.navigationDirectory li.abeking-rasmussen a img {
    opacity: 0.4;
}
.navigationDirectory li.heesen a img {
    opacity: 0.25;
}

.navigationDirectory li.monte-carlo a:hover img,
.navigationDirectory li.gulf-craft a:hover img,
.navigationDirectory li.heesen a:hover img,
.navigationDirectory li.benetti a:hover img,
.navigationDirectory li.westport a:hover img,
.navigationDirectory li.abeking-rasmussen a img:hover {
    opacity: 1;
}

/* interior & exterior designers */
.navigationDirectory li.tenence-disdale a img,
.navigationDirectory li.pinto a img,
.navigationDirectory li.reymond-langton a img,
.navigationDirectory li.barracuda a img,
.navigationDirectory li.espen a img,
.navigationDirectory li.h2Design a img,
.navigationDirectory li.donald-starkey a img,
.navigationDirectory li.tim-heywood a img,
.navigationDirectory li.sorgiovanni a img {
    margin: auto;
}

.navigationDirectory li.sinot a img {
    opacity: 0.35;
}
.navigationDirectory li.winch a img {
    opacity: 0.7;
}
.navigationDirectory li.pinto a img,
.navigationDirectory li.luca-dini a img,
.navigationDirectory li.reymond-langton a img,
.navigationDirectory li.tim-heywood a img {
    opacity: 0.4;
}
.navigationDirectory li.barracuda a img {
    opacity: 0.3;
}

.navigationDirectory li.sinot a:hover img,
.navigationDirectory li.winch a:hover img,
.navigationDirectory li.pinto a:hover img,
.navigationDirectory li.luca-dini a:hover img,
.navigationDirectory li.reymond-langton a:hover img,
.navigationDirectory li.barracuda a:hover img,
.navigationDirectory li.tim-heywood a:hover img {
    opacity: 1;
}

/* sub navigation
---------------------------------------------*/
.subNavigation {
    width: 100%;
    margin: 0;
    float: left;
}
.subNavigation li {
    width: 100%;
    margin: 0;
}
.subNavigation li .title {
    width: 100%;
}
.past-shows .subNavigation li li {
    background: none;
    padding: 0;
    line-height: 1em;
}
.past-shows .subNavigation li ul {
    padding-left: 0;
}

.subNavigation li ul {
    width: 100%;
    padding: 0;
    margin: 0 0 12px 0;
}
.subNavigation li ul li {
    width: 100%;
}

@media screen and (max-width: 641px) {
    .subNavigation li .title {
        background: none;
    }

    .subNavigation li ul {
        padding: 0;
        margin: 0 0 23px 0;
    }

    .subNavigation li.nameSearch {
        margin: 0;
    }

    .subNavigation li.nameSearch form {
        padding: 0;
        margin: 0;
    }

    .subNavigation li.nameSearch input {
        width: 100%;
        height: 40px;
        line-height: 40px;
    }

    .subNavigation li.nameSearch .button {
        width: 100%;
        margin: 10px 0 0 0;
        padding: 0 12px;
        height: 40px;
        line-height: 40px;
    }
}

/* tabs
---------------------------------------------*/
.tabsContainer {
    margin: 0;
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #b7b7b7;
}
.tabsContainer li {
    float: left;
    height: 40px;
    margin: 0 0 30px 0;
}
.tabsContainer li a {
    display: block;
    height: 40px;
    line-height: 1.3em;
    color: #8f9cb2;
    position: relative;
    padding: 10px 15px 10px 40px;
}
.tabsContainer li a:hover {
    color: #000;
}
.tabsContainer li a.active {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    color: #0093ee;
}
.tabsContainer li a.active:after {
    content: "";
    width: 100%;
    height: 3px;
    background: #0093ee;
    position: absolute;
    bottom: -2px;
    left: 0;
}
.tabsContainer li a:before {
    content: "";
    display: block;
    height: 40px;
    width: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background-position: 10px 50%;
    background-repeat: no-repeat;
    opacity: 0.5;
}
.tabsContainer li a.active:before {
    opacity: 1;
}

.tabsContainer.marketing-tabs {
    height: 40px;
}
.tabsContainer.marketing-tabs li {
    height: 40px;
}
.tabsContainer.marketing-tabs li a {
    padding: 10px 20px 10px 40px;
    line-height: 1.3em;
    position: relative;
    display: block;
    height: 40px;
}

.tabsContainer.marketing-tabs li.configure a:before {
    background-image: url("/resources/images/tabs/configure.svg");
}
.tabsContainer.marketing-tabs li.price a:before {
    background-image: url("/resources/images/tabs/price.svg");
}
.tabsContainer.marketing-tabs li.booking a:before {
    background-image: url("/resources/images/tabs/booking.svg");
}
.tabsContainer.marketing-tabs li.spec a:before {
    background-image: url("/resources/images/tabs/spec-marketing.svg");
}
.tabsContainer.marketing-tabs li.extras a:before {
    background-image: url("/resources/images/tabs/toys.svg");
}
.tabsContainer.marketing-tabs li.extras a {
    padding-left: 46px;
}
.tabsContainer.marketing-tabs li.links a:before {
    background-image: url("/resources/images/tabs/links.svg");
}
.tabsContainer.marketing-tabs li.activity a:before {
    background-image: url("/resources/images/tabs/feedback.svg");
}
.tabsContainer.marketing-tabs li.analytics a:before {
    background-image: url("/resources/images/tabs/analytics.svg");
}

/* yacht stats section
----------------------------------------------*/

.statsSection {
    background: #fff;
    padding: 10px;
    width: 100%;
    margin: 0 0 1.875rem 0;
    border: 1px solid #eee;
}
.firstSection {
    margin: 15px 0 1.875rem 0;
}
.statsSection .heading {
    display: block;
    width: 100%;
    margin: 0 0 15px 0;
}

#jsSalesByMonth {
    width: 100%;
    height: 400px;
    text-align: center;
}
#jsSalesByBuilder {
    width: 100%;
    height: 888px;
}
#jsSalesByLength {
    width: 100%;
    height: 400px;
    text-align: center;
}

.errorPages {
    min-height: 400px;
}
.errorPages h1 {
    margin: 0 0 20px 0;
}
.errorPages h2 {
    font-family: "Inter", Arial, Helvetica, sans-serif;
    font-weight: 400;
    margin: 0 0 20px 0;
}
.errorPages p {
    font-size: 12px;
}

/* CLEAR buttons
------------------------------ */
.long-select-wrap {
    position: relative;
}
.clear-select {
    position: absolute;
    top: 11px;
    right: 33px;
    width: 15px;
    height: 15px;
    background: url(/resources/images/icons/clear.svg) 0 0 no-repeat;
    background-size: 15px auto;
    overflow: hidden;
    text-indent: -9999px;
    cursor: pointer;
}
.datepicker-wrap {
    position: relative;
}
#ui-datepicker-div.ui-widget-content {
    z-index: 1000 !important;
}
.clear-date {
    position: absolute;
    top: 12px;
    right: 33px;
    width: 16px;
    height: 16px;
    background: url(/resources/images/icons/clear.svg) 0 0 no-repeat;
    background-size: 16px auto;
    overflow: hidden;
    text-indent: -9999px;
    cursor: pointer;
}

/*=============================================
	Media Queries - styling overides
==============================================*/
@media only screen and (max-width: 64em) {
    .tabsContainer li.overview {
        width: 15%;
    }
    .tabsContainer li.specification {
        width: 18%;
    }
    .tabsContainer li.photos {
        width: 13%;
    }
    .tabsContainer li.video {
        width: 12%;
    }
    .tabsContainer li.review {
        width: 13%;
    }
    .tabsContainer li.shows {
        width: 18%;
    }
    .tabsContainer li.news {
        width: 11%;
    }
}
/* mobile - Small ============================*/
@media only screen and (max-width: 640px) {
    .contentContainer {
        border: none;
        padding-top: 0px;
    }

    .contentContainer .content.particulars.fullDescription,
    .contentContainer .content.particulars.specification,
    .contentContainer .content.particulars.gallery,
    .contentContainer .content.particulars.awards,
    .contentContainer .content.particulars.reviews {
        padding: 10px 0px;
    }
    .contentContainer .content.particulars.videos,
    .contentContainer .content.particulars.reviews {
        padding: 10px 5px;
    }
    .contentContainer .content.particulars.tour360 {
        padding: 10px 0 0 0;
    }

    .sectionHeading {
        font-size: 22px;
        line-height: 1.1em;
        padding: 0 0 12px 0;
        margin: 0;
    }

    /* header */

    .menu-takeover-toggle {
        float: right;
        z-index: 10;
        padding: 32px 15px 26px 10px;
    }
    .menu-takeover-toggle img {
        vertical-align: top;
        width: 18px;
        height: 15px;
    }
    .off-canvas-toggle {
        float: right;
        color: #fff;
        z-index: 10;
        padding: 29px 15px 31px 10px;
    }
    .off-canvas-toggle img {
        width: 24px;
    }

    .off-canvas-navigation {
        width: 100%;
        margin: 0;
        float: left;
    }
    .off-canvas-navigation li.title {
        text-transform: uppercase;
        background: none;
        padding: 10px 0 10px 20px;
        font-weight: bold;
        font-size: 13px;
    }
    .off-canvas-navigation li {
        width: 100%;
        border-bottom: 1px solid #ddd;
        padding: 10px 0 10px 40px;
        font-size: 12px;
        margin: 0;
        background: url(/resources/images/bulletpoint-subnavigation.gif) 20px 50% no-repeat;
    }

    .right-off-canvas-menu #box_vessel_search {
        width: 100%;
        padding: 10px 0 5px 20px;
        float: left;
    }
    .right-off-canvas-menu #box_vessel_search legend {
        text-transform: uppercase;
        background: none;
        font-weight: bold;
        margin: 0 0 5px 0;
    }
    .right-off-canvas-menu #box_vessel_search input[type="text"] {
        width: 69%;
        float: left;
        height: 33px;
        margin: 0;
    }
    .right-off-canvas-menu #box_vessel_search .button {
        width: 16%;
        text-align: center;
        font-size: 12px;
        margin: 0;
        padding: 0;
        float: left;
        height: 31px;
        line-height: 31px;
        -webkit-border-top-left-radius: 0px;
        -moz-border-radius-top-left: 0px;
        border-top-left-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -moz-border-radius-bottom-left: 0px;
        border-bottom-left-radius: 0px;
        border-left: none;
    }

    .move-left .exit-off-canvas {
        background: rgba(1, 1, 1, 0.3);
    }

    /* footer */
    footer .feedback a {
        float: left;
        margin: 5px 0 15px 0;
    }
    footer p {
        padding: 0;
    }

    .footerContainer {
        padding: 0 15px;
        float: left;
        width: 100%;
    }

    .yachtNameSearch .title {
        font-size: 14px;
        line-height: 1.1em;
        margin: 0 0 7px 0;
    }
    .yachtNameSearch input[type="text"] {
        width: 84%;
        float: left;
        height: 37px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 1px;
        font-size: 14px;
    }
    .yachtNameSearch .button {
        width: 16%;
        text-align: center;
        font-size: 12px;
        margin: 0;
        padding: 0;
        float: left;
        height: 37px;
        line-height: 37px;
        -webkit-border-top-left-radius: 0px;
        -moz-border-radius-top-left: 0px;
        border-top-left-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -moz-border-radius-bottom-left: 0px;
        border-bottom-left-radius: 0px;
        border-left: none;
    }

    .navigation li a,
    .navigation li span {
        font-size: 13px;
    }
    .navigation li a .icon,
    .navigation li span .icon {
        height: 64px;
    }

    /* sales stats ------------------------------*/
    #jsSalesByMonth {
        width: 100%;
        height: auto;
    }
    #jsSalesByBuilder {
        width: 100%;
        height: auto;
    }
    #jsSalesByLength {
        width: 100%;
        height: auto;
    }

    .salesStatsContent {
        background: #fff;
        padding: 15px;
    }
    .statsSection {
        border: none;
        padding: 0;
    }

    .compareContainer {
        height: 155px;
        padding: 0 16px 16px 16px;
    }
    .compareContainer .copy {
        height: 90px;
        padding: 0;
        background: none;
    }
    .compareContainer .copy h4 {
        display: block;
    }
    .compareContainer .copy p {
        padding: 0 20px 0 0;
    }
    .compareContainer .compareYachtsButton {
        float: left;
        margin: 0;
        width: 100%;
        text-align: center;
    }
    .compareContainer .compareYachtsButton,
    .searchActions a {
        text-indent: -9999px;
    }
    .searchResults .searchActions li.refresh a {
        padding: 0;
    }
    .searchResults .searchActions li.compare-yachts a:before,
    html .compareContainer a.compareYachtsButton:before {
        left: 4px;
    }
    .compare-fixed-mode .searchResults .searchActions li.compare a:before,
    .compare-fixed-mode .compareContainer a.compareYachtsButton:before {
        left: 14px;
    }
    html .slick-dots {
        margin: -20px 0 40px 0;
        z-index: 100;
    }

    html .slick-dots li {
        width: 5px;
        height: 10px;
    }
    html .slick-dots li button {
        background: #000;
        border-radius: 50%;
        width: 6px;
        height: 6px;
        text-indent: -9999px;
        padding: 3px;
    }
    html .slick-dots li.slick-active button {
        background: #666;
    }
}

/* desktop - medium ==========================*/
@media only screen and (min-width: 900px) and (max-width: 1470px) {
    /* sales stats */
    #jsSalesByMonth {
        width: 100%;
        height: 350px;
    }
    #jsSalesByBuilder {
        width: 100%;
        height: 600px;
    }
    #jsSalesByLength {
        width: 100%;
        height: 400px;
    }

    .contentContainer {
        border: none;
    }
}

/*smallMedium - 641px - 900px*/
@media only screen and (min-width: 641px) and (max-width: 1300px) {
    /* yacht details tabs
	--------------------------------------*/
    .accent .tabsContainer li a,
    .accent .tabsContainer li span.inactive {
        background: none;
        font-size: 12px;
        text-align: center;
        text-indent: 0;
    }
    .accent .tabsContainer li a.active {
        background: #fff;
    }
}
/* small tablet / portrait - small medium ====*/
@media only screen and (min-width: 641px) and (max-width: 900px) {
    .subNavigation li ul {
        padding: 0;
        margin: 0 0 23px 0;
    }

    .subNavigation li .title {
        padding: 0 0 5px 0;
        margin: 0px 0 7px 0;
        background: none;
    }
    .subNavigation li .subtitle {
        display: none;
    }

    .subNavigation li ul li {
        font-size: 12px;
    }
    .subNavigation li.nameSearch form {
        padding: 0;
    }

    .contentContainer {
        border: none;
    }

    /* sales stats */
    #jsSalesByMonth {
        width: 706px;
        height: 300px;
    }
    #jsSalesByBuilder {
        width: 327px;
        height: 500px;
    }
    #jsSalesByLength {
        width: 327px;
        height: 400px;
    }
}

/* large desktop =============================*/
@media only screen and (min-width: 64.0625em) {
    .tabsContainer li.overview {
        width: 15%;
    }
    .tabsContainer li.overview a {
        border-left: 1px solid #ccc;
    }
    .tabsContainer li.specification {
        width: 18%;
    }
    .tabsContainer li.photos {
        width: 13%;
    }
    .tabsContainer li.video {
        width: 12%;
    }
    .tabsContainer li.review {
        width: 13%;
    }
    .tabsContainer li.shows {
        width: 18%;
    }
    .tabsContainer li.news {
        width: 11%;
    }
    .tabsContainer li.news a,
    .tabsContainer li.news span {
        border-right: 1px solid #ccc;
    }
}
/* Desktop and upwards */
@media only screen and (min-width: 64.063em) {
    /*The below is code that is failing to remove mumber arrows*/
    input[type="number"]::-webkit-outer-spin-button,
    input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        margin: 0;
    }
    input[type="number"] {
        -moz-appearance: textfield;
    }
}
@media only screen and (min-width: 641px) and (max-width: 900px) {
    .smallMedium-12 .subNavigation {
        margin-top: 20px;
    }
}

.full-width-row {
    width: 100%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #fff;
    float: left;
}
.full-width-row .row:first-child {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
}

.full-width-row.no-borders {
    border-top: none;
    border-bottom: none;
}

.no-spacing .full-width-row {
    border-top: none;
}

html .pswp--svg .js-pswp-show-grid {
    background: none;
}
html.touch .js-pswp-show-grid {
    display: none !important;
}

.comparisons {
    display: block;
    width: 100%;
    text-align: right;
    margin-top: -10px;
    position: relative;
    z-index: 20;
}
.comparison {
    display: inline-block;
    width: 8.1%;
    text-align: center;
    font-size: 23px;
    font-weight: bold;
    background: #666;
    color: #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    padding: 11px 0;
}
.close-icon {
    position: absolute;
    top: -8px;
    right: 10px;
    font-size: 30px;
}
@media only screen and (max-width: 64em) {
    .comparisons {
        display: none;
    }
}
.advancedSalesBtn {
    padding-left: 5px;
    position: relative;
}

.totals-difference {
    display: block;
    padding: 20px 0 0 0;
}
@media only screen and (max-width: 641px) {
    html .yachtReviews .documentDetails p {
        white-space: normal;
        text-overflow: initial;
    }
    .byMonth #jsSlideToggle.headlinLink.button {
        font-size: 11px;
        padding: 5px 10px;
    }
    .byMonth #jsShowHide li {
        margin: 10px 0 10px 10px;
    }
    .searchResults .dateFilter .byMonth #jsShowHide li,
    .searchResults .dateFilter .byMonth #jsShowHide a {
        height: 16px;
    }
}

.embed-container {
    position: relative;
    padding-bottom: 535px;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.particulars .embed-container {
    padding-bottom: 57.25%;
    border-right: 1px solid #fff;
}

/* sticky
-------------------------------------------*/
.sticky-container {
    position: relative;
}
.sticky {
    position: relative;
    z-index: 0;
    transform: translate3d(0, 0, 0);
}
.sticky.is-stuck {
    position: fixed;
    z-index: 5;
    width: 100%;
}
.sticky.is-stuck.is-at-top {
    top: 0;
}
.sticky.is-stuck.is-at-bottom {
    bottom: 0;
}
.sticky.is-anchored {
    position: relative;
    right: auto;
    left: auto;
}
.sticky.is-anchored.is-at-bottom {
    bottom: 0;
}

/* Ajax event yacht list
------------------------------------------*/
.jsLoadingMoreResults {
    display: block;
    position: relative;
    width: 100%;
    height: 154px;
}
.jsLoadingMoreResults.active:before {
    position: absolute;
    top: 0;
    left: 50%;
    width: 154px;
    height: 154px;
    margin: 0 0 0 -77px;
    z-index: 9;
    background: url(/resources/images/ajax-loader3.gif) no-repeat;
    content: "";
}
.compare-fixed-mode .yachtShow {
    padding-bottom: 65px;
}

/* compare advert
------------------------------------*/
.compareContainer {
    width: 100%;
    height: 50px;
    float: left;
}

.compareContainer a,
.compareContainer .select-all {
    float: left;
}
.compareContainer a {
    position: relative;
}

.compareContainer a.compare-clear {
    height: 36px;
    line-height: 36px;
    float: left;
    margin-top: 5px;
}

.compareContainer .select-all {
    height: 36px;
    line-height: 36px;
    /*border: 1px solid #ccc;*/
    border-radius: 24px;
    padding: 0 18px 0 23px;
    margin: 5px 15px 0 15px;
    float: left;
}
.compareContainer .select-all input {
    visibility: hidden;
}
.compareContainer .select-all label {
    display: inline-block;
    height: 34px;
    padding-top: 11px;
    padding-left: 25px;
    padding-right: 4px;
    margin-right: 0;
    margin-left: -20px;
    background-position: 0 50%;
}

.compareContainer .select-all input[type="checkbox"] + label::before {
    top: 50%;
    margin: -8px 0 0 0;
    background: url(/resources/images/forms/search_checkbox-unchecked.svg) 0 0 no-repeat;
}

.compareContainer .select-all input[type="checkbox"]:checked + label::before {
    background: url(/resources/images/form/search_checkbox-checked.svg) 0 0 no-repeat;
}

.close-compare {
    display: none;
}

.compare-fixed-mode .compareContainer .select-all {
    /*border: 1px solid #fff;*/
    padding: 0 23px 0 20px;
    border-radius: 4px;
    transition: background-color 300ms ease-out;
    cursor: pointer;
}
.compare-fixed-mode .compareContainer .select-all:hover {
    background-color: rgba(255, 255, 255, 0.15);
    color: var(--color-ui-1);
}
.compare-fixed-mode .compareContainer .select-all input[type="checkbox"] {
    float: left;
    height: 20px;
    width: 20px;
    margin-top: 10px;
}
.compare-fixed-mode .compareContainer .select-all input[type="checkbox"] + label {
    display: block;
    padding: 9px 0 0 23px;
    float: left;
    color: #fff;
    background: url("/resources/images/forms/checkbox-white.svg") 0 50% no-repeat;
    cursor: pointer;
    background-size: 14px auto;
}
.compare-fixed-mode .compareContainer .select-all input[type="checkbox"]:checked + label {
    background: url("/resources/images/forms/checkbox-white-checked.svg") 0 50% no-repeat;
    background-size: 14px auto;
}
.compare-fixed-mode .compareContainer a.compare-clear {
    color: #000;
    background: url("/resources/images/icons/clear.svg") 0 50% no-repeat;
    padding-left: 19px;
    filter: invert(100%);
}
.compareYachtsButtonbtn {
    margin-top: 1px;
}
.compareYachtsButtonbtn::after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    border-radius: 100px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: var(--color-accent-400);
}
.compareYachtsButtonbtn.animateAdd::after {
    transform: scaleX(1.4) scaleY(1.6);
    transition: all 0.4s;
    opacity: 0;
}

.compare-fixed-mode .close-compare {
    display: block;
    height: 36px;
    line-height: 36px;
    text-indent: -9999px;
    width: 17px;
    background: url(/resources/images/icons/close.svg) center center no-repeat;
    margin: 5px 0 0 22px;
    float: right;
    filter: invert(100%);
}
@-webkit-keyframes animateBottom {
    0% {
        /* IE 9 */ /* Chrome, Safari, Opera */
        transform: translateY(100%);
    }
    100% {
        /* IE 9 */ /* Chrome, Safari, Opera */
        transform: translateY(0%);
    }
}
@keyframes animateBottom {
    0% {
        /* IE 9 */ /* Chrome, Safari, Opera */
        transform: translateY(100%);
    }
    100% {
        /* IE 9 */ /* Chrome, Safari, Opera */
        transform: translateY(0%);
    }
}
.compare-fixed {
    display: none;
}
.compare-fixed-mode .compare-fixed {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 10;
    -webkit-animation: animateBottom 400ms;
    animation: animateBottom 400ms;
    display: block;
    width: calc(100% - 30px);
    bottom: 10px;
    left: 15px;
    border-radius: 6px;
    padding: 15px 50px 10px 50px;
    transition:
        width 500ms ease,
        left 500ms ease;
}
.compare-fixed-mode .off-canvas.reveal-for-large + .off-canvas-content .compare-fixed {
    width: calc(100% - 317px);
    bottom: 10px;
    left: 302px;
    border-radius: 6px;
    padding: 15px 50px 10px 50px;
}
.compare-fixed-mode .off-canvas.reveal-for-large + .off-canvas-content .compareContainer {
    padding: 0;
}
.compare-fixed-mode .off-canvas-content.has-reveal-left .compare-fixed {
    width: calc(100% - 287px);
    left: 287px;
}
.compare-fixed-mode .compare-fixed > .row {
    max-width: 91.88rem;
    margin-right: auto;
    margin-left: auto;
}
.compare-fixed-mode .button.button-compare.style-10:before {
    filter: invert(100%);
}

@media only screen and (max-width: 640px) {
    html .compareContainer a.compareYachtsButton:before {
        left: 14px;
    }
    html .compareContainer a.compareYachtsButton:hover:before {
        left: 14px;
    }
}

@media only screen and (min-width: 641px) and (max-width: 900px) {
    .button.b-close {
        position: absolute;
        top: 12px;
        right: 2px;
    }
    .button.b-close span {
        width: 30px;
        height: 30px;
        background: url(/resources/images/icons/close-alt.svg) no-repeat;
        background-size: 20px auto;
    }
}

@media only screen and (max-width: 640px) {
    .compare-fixed-mode .compareContainer a.compare-clear {
        margin: 0 0 0 10px;
    }
}

/* Yacht show listing
----------------------------------- */
.show-list {
    padding-top: 0;
}
@media only screen and (max-width: 640px) {
    .show-list {
        padding-top: 5px;
        margin: 0;
    }
}
.show-list li {
    margin: 0;
}
.show-list .show {
    display: block;
    border: 1px solid #ddd;
    font-size: 13px;
    padding-bottom: 100%;
    margin-bottom: 0.973rem;
    text-align: center;
    line-height: 22px;
    width: 100%;
    background: #ffffff;
    position: relative;
    height: 0;
    box-sizing: content-box;
    border-radius: 10px;
}
.show-list .show .logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}
.show-list .show .logo img {
    width: 100%;
}
.show-list .show a:hover {
    opacity: 0.8;
}
.show-list .show-overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 8px 0 9px 0;
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 0 0 10px 10px;
    border-top: 1px solid #eee;
}
.show-list .show-overlay .name {
}
.show-list .show-overlay p.date {
    line-height: 1.25em;
    margin: 0;
}

/*smallMedium Up - 641px +*/
@media screen and (min-width: 641px) {
    .show-list .show-overlay {
        padding: 8px 20px 9px 20px;
    }
}

/* past shows -------------------------- */
.past-show-list {
    display: block;
    margin: 0;
    padding: 0;
}
.past-show-list li {
    display: block;
}
.past-shows {
    display: block;
}
.past-shows .show {
    display: block;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #999;
}

.scroll-to-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    padding: 34px 0 0 0;
    background: url(/resources/images/icons/arrows.svg) no-repeat 23px 7px rgba(0, 0, 0, 0.7);
    background-size: 91px 25px;
    width: 70px;
    height: 70px;
    text-align: center;
    border-right: 0;
    font-size: 11px;
    line-height: 12px;
    color: #fff;
    text-transform: uppercase;
    transition: bottom 300ms ease-out;
    z-index: 11;
    border-radius: 100px;
}
.compare-fixed-mode .scroll-to-top {
    bottom: 70px;
}
.scroll-to-top:hover {
    background-position: -45px 9px;
    background-color: #fff;
    color: var(--color-ui-500);
}
.compare-always-hidden.compare-fixed-mode .scroll-to-top {
    bottom: 0;
}

.searchResults .searchHeaderSection ul.style-like-select,
.style-like-select {
    background: #fff;
    height: 36px;
    line-height: 36px;
    color: #3f536e;
    font-size: 14px;
    border: 1px solid #a8c6df;
    border-radius: 4px;
    box-shadow: none;
    margin: 0;
    min-width: 180px;
}
.style-like-select li,
.searchResults .searchHeaderSection ul.style-like-select li {
    padding: 0 5px 0 4px;
    min-height: 34px;
    line-height: 34px;
    margin: 0;
    width: 100%;
}
.select-filters .style-like-select {
    float: right;
}
.style-like-select li li,
.searchResults .searchHeaderSection ul.style-like-select li li {
    background: #fff;
    padding: 0 5px 0 5px;
}
.style-like-select li ul,
.searchResults .searchHeaderSection ul.style-like-select li ul {
    height: auto;
    background: #fff;
    border-left: 1px solid #a8c6df;
    border-right: 1px solid #a8c6df;
    border-bottom: 1px solid #a8c6df;
    border-radius: 0 0 4px 4px;
}

.searchResults .select-filters {
    z-index: 1;
}
.searchResults .select-filters:hover {
    z-index: 100;
}

.style-like-select.dropdown.menu > li.is-dropdown-submenu-parent > a:after {
    background: url(/resources/images/forms/select-arrow-blue.svg) 0 50% no-repeat;
    border: transparent;
    width: 6px;
    height: 5px;
}
.style-like-select.dropdown.menu li a {
    padding: 11px 20px 11px 0;
    font-size: 14px;
}
.style-like-select.dropdown.menu li li a {
    padding: 0 20px 0 0;
}
.searchResults .searchHeaderSection ul.style-like-select li a,
ul.style-like-select.padding-a.menu li li a {
    padding: 10px 20px 10px 8px;
}
.builder-type-dropdown a {
    text-transform: capitalize;
}
.builder-type-dropdown a.active,
.style-like-select.dropdown.menu li a.active {
    color: #0093ee;
}
ul.style-like-select .searchResults .searchHeaderSection ul.style-like-select li a.with-icon {
    padding-left: 25px;
    position: relative;
}
.searchHeaderSection .dropdown.menu.style-like-select > li.opens-right > .is-dropdown-submenu {
    margin-top: -6px;
}
.searchResults .searchHeaderSection ul.style-like-select li a.with-icon:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 9px;
    left: 4px;
}
.dropdown.menu.style-like-select > li.opens-right > .is-dropdown-submenu {
    margin-top: -3px;
    max-width: 100%;
    margin-left: -1px;
    min-width: 100px;
    width: 100%;
}
.searchResults .searchHeaderSection ul.style-like-select li a.with-icon {
    padding-left: 25px;
    position: relative;
}
.with-icon.vessel-builder-type-icon-1:before {
    /* naval architect */
    background: url(/resources/images/work_type-icons.svg) 0 -30px no-repeat;
    background-size: 19px auto;
}
.with-icon.vessel-builder-type-icon-2:before {
    /* interior designer */
    background: url(/resources/images/work_type-icons.svg) 0 -93px no-repeat;
    background-size: 19px auto;
}
.with-icon.vessel-builder-type-icon-3:before {
    /* exterior designer */
    background: url(/resources/images/work_type-icons.svg) 0 -62px no-repeat;
    background-size: 19px auto;
}
.with-icon.vessel-builder-type-icon-4:before {
    /* new build */
    background: url(/resources/images/work_type-icons.svg) 0 2px no-repeat;
    background-size: 19px auto;
}
.with-icon.vessel-builder-type-icon-5:before {
    /* refit company */
    background: url(/resources/images/work_type-icons.svg) 0 -125px no-repeat;
    background-size: 19px auto;
}

/*smallMedium - 641px - 900px*/
@media screen and (max-width: 640px) {
    .searchResults .searchHeaderSection ul.style-like-select,
    .style-like-select {
        min-width: 100%;
    }
}
.divider {
    width: 100%;
    height: 1px;
    background: #ccc;
    margin: 10px 0;
    float: left;
}

/*smallMedium - 641px - 900px*/
@media screen and (min-width: 641px) and (max-width: 900px) {
    .searchResults .searchHeaderSection ul.style-like-select,
    .style-like-select {
        min-width: 100%;
    }
}

.view-grid-map .report-location-issue {
    display: none;
}

.inf-scroll-maxed-out a {
    color: #0093ee;
}
/* Show more or less
------------------------------- */
.limited-content .toggle-content {
    position: relative;
    overflow: hidden;
    display: block;
}
.type-more {
    display: none;
}
.limited-content .type-less {
    display: none;
}
.limited-content .type-more {
    display: inline-block;
}
.type-more,
.type-less {
    color: #0093ee;
}

#mrt-lightbox iframe {
    background: url(/resources/images/ajax-loader3.gif) 50% 50% no-repeat;
}
.right {
    float: right;
}
@media only screen and (min-width: 641px) {
    .touch .chosen-select.chosen-select-sort,
    .touch .chosen-select.chosen-select-currency,
    .touch .resultsOptions .chosen-select {
        margin-top: -8px; /* touch devices */
    }
}

/* pagination style used on news */
.pagination-navigation {
    margin-bottom: 40px;
    margin-top: 20px;
}

.pagination-navigation .page-navigation-container input {
    width: 50px;
    height: 37px;
    float: right;
    margin: 0 10px;
    color: var(--color-ui-950);
    border: 1px solid #ccc;
    border-radius: 6px;
}
.pagination-navigation .page-navigation-container label {
    float: right;
    height: 37px;
    line-height: 37px;
    margin-left: 10px;
    width: auto;
}

.pagination-navigation .page-navigation-container .page-count {
    float: right;
    height: 37px;
    line-height: 37px;
}

.pagination-navigation .page-navigation-container a {
    float: left;
}
/*.pagination-navigation .page-navigation-container a:hover {*/
/*    background-image: url(/resources/images/icons/pagination-arrow-white.svg);*/
/*}*/

.pagination-navigation .page-navigation-container a.back {
    /*-webkit-transform: rotate(180deg);*/
    /*-moz-transform: rotate(180deg);*/
    /*-o-transform: rotate(180deg);*/
    /*-ms-transform: rotate(180deg);*/
    /*transform: rotate(180deg);*/
}

/* Infinite Scroll
---------------------------------------*/
.inf-scroll-init .footerPagination {
    display: none;
}

.page-header {
    background: #fff;
    float: left;
    width: 100%;
    padding: 18px 0 23px 0;
}
.back-button {
    float: left;
    background: url(/resources/images/icons/button_back-arrow.svg) 16px 5px no-repeat #eee;
    background-size: 7px auto;
    height: 30px;
    line-height: 30px;
    font-size: 11px;
    color: #0093ee;
    font-family: "Inter", Arial, Helvetica, sans-serif;
    font-weight: 500;
    padding: 0 20px 0 27px;
}
.back-button:hover {
    background-position: 16px 4px;
    color: var(--color-ui-950);
}

.single-picture-link {
    display: inline-block;
    background: url(/resources/images/icons/picture-single.svg) 0 50% no-repeat;
    background-size: 16px auto;
    padding-left: 26px;
    min-height: 23px;
}
.single-pdf-link {
    display: inline-block;
    background: url(/resources/images/icons/pdf-single.svg) 0 3px no-repeat;
    background-size: 16px auto;
    padding-left: 26px;
    min-height: 23px;
}

/* WYSIWYG Editor
---------------------------------------- */
html .cke_chrome {
    border: 1px solid #cacaca;
    border-radius: 3px;
    margin-bottom: 15px;
}

@media only screen and (max-width: 640px) {
    .loginContainer .errorMessage {
        padding: 0 0 15px 0;
    }
}

/* Takeover Menu
---------------------------------------- */
.menu-takeover {
    opacity: 0;
    transition: opacity 300ms ease-out;
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}
.menu-takeover.active {
    opacity: 1;
    display: block;
    z-index: 1000;
}
.menu-takeover .close-takeover {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 33px;
    height: 33px;
    background: url(/resources/images/icons/close-alt.svg) 5px 5px no-repeat;
    padding: 0;
    background-size: 23px auto;
    overflow: hidden;
    text-indent: -9999px;
}
.menu-takeover .takeover-items {
    display: block;
    margin: 40px 0 0 0;
    padding: 0 20px 0 45px;
}
.menu-takeover .takeover-items li {
    display: block;
    margin: 0 0 10px 0;
}
.menu-takeover .takeover-items li.title {
    font-family: "Inter", Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: var(--color-ui-950);
    text-transform: uppercase;
    font-size: 16px;
    margin: 15px 0 10px 0;
}
.menu-takeover .takeover-items li a {
    display: inline-block;
    font-size: 14px;
    color: #0093ee;
}
/* Style harvest select like normal select
------------------------------------------ */
.long-select-wrap .chosen-container {
    margin: 0 0 18px 0;
}
.long-select-wrap .chosen-container .chosen-single {
    background: #fff;
    height: 39px;
    line-height: 39px;
    font-size: 16px;
    border: 1px solid #cacaca;
    border-radius: 4px;
    box-shadow: none;
    padding: 0 12px;
}
.long-select-wrap .chosen-container .chosen-single div {
    width: 16px;
}
.long-select-wrap .chosen-container-single .chosen-single div b {
    background: url(/resources/images/forms/select-arrow-blue.svg) 0 50% no-repeat !important;
}
.long-select-wrap .chosen-container-single .chosen-single abbr {
    width: 15px;
    height: 15px;
    background: url(/resources/images/icons/clear.svg) 0 0 no-repeat;
    background-size: 15px auto;
    top: 10px;
    border: none;
    cursor: pointer;
}
.long-select-wrap .chosen-container-single .chosen-drop {
    margin-top: -3px;
    padding-top: 3px;
    border: 1px solid #a8c6df;
    border-top: none;
}
.long-select-wrap .chosen-container-single .chosen-search {
    padding: 10px 12px;
}
.long-select-wrap .chosen-container-single .chosen-search input[type="text"] {
}

.long-select-wrap .chosen-container ul.chosen-results {
    height: auto;
    line-height: normal;
    padding: 0 10px 0 13px;
}
.long-select-wrap .chosen-container ul.chosen-results li {
    height: auto;
    line-height: normal;
    font-size: 14px;
    font-family: "Inter", Arial, Helvetica, sans-serif;
    font-weight: 600;
}
.long-select-wrap .chosen-container ul.chosen-results li:hover,
.long-select-wrap .chosen-container ul.chosen-results li.result-selected {
    color: #fff;
    background: #0093ee;
}

#mrt-lightbox #box_vessel_wrap {
    display: block;
    margin: 70px 30px;
}
#mrt-lightbox #box_vessel_wrap #yacht-name-search {
    display: inline-block;
    width: 70%;
    margin: 0;
    vertical-align: top;
    height: 35px;
}
#mrt-lightbox .button.jsButtonSubmit {
    width: 25%;
    display: inline-block;
    float: none;
    vertical-align: top;
    margin: 0 0 0 4%;
    padding: 0 15px 0 32px;
    background-size: 14px auto;
}

#mrt-lightbox .name-search-title {
    font-size: 14px;
    font-family: "Inter", Arial, Helvetica, sans-serif;
    font-weight: 300;
    padding: 0 0 5px 0;
}

.header-dropdowns {
    float: right;
    margin: 5px 0 0 0;
}

.dropdown-pane {
    position: absolute;
    z-index: 130;
    width: 300px;
    padding: 1rem;
    visibility: hidden;
    display: none;
    border: 1px solid #cacaca;
    border-radius: 3px;
    background-color: #fefefe;
    font-size: 1rem;
}
.dropdown-pane.is-opening {
    display: block;
}
.dropdown-pane.is-open {
    visibility: visible;
    display: block;
}

.dropdown-pane.dropdown-apps {
    padding: 10px;
    max-width: 220px;
}
.dropdown-pane.arrow-left-top:before {
    content: "";
    position: absolute;
    z-index: 10;
    top: 26px;
    left: -21px;
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-right: 22px solid white;
}
.dropdown-pane.arrow-left-top:after {
    content: "";
    position: absolute;
    top: 24px;
    z-index: 9;
    left: -22px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 23px solid #dddddd;
}
/* main menu fix when crashes with bottom of window */
.tether-element-attached-bottom.dropdown-pane.arrow-left-top.tether-target-attached-right {
    bottom: -67px !important;
}
.tether-element-attached-bottom.dropdown-pane.arrow-left-top:before {
    top: auto;
    bottom: 16px;
}
.tether-element-attached-bottom.dropdown-pane.arrow-left-top:after {
    top: auto;
    bottom: 14px;
}
.dropdown-apps .app-list {
    display: flex;
}
.app-list .app-item {
    flex: 0 0 50%;
    padding: 5px;
    border-right: 1px solid #ebebeb;
    transition: background-color 75ms linear;
}
.app-list .app-proposals,
.app-list .app-value,
.app-list .app-itineraries,
.app-list .app-charter {
    background: url(/resources/images/itineraries.svg) 50% 14px no-repeat;
    background-size: 40px auto;
}
.app-list .app-searches {
    background: url(/resources/images/menu-saved-search.svg) 50% 14px no-repeat;
    background-size: 32px auto;
}
.app-list .app-shortlist {
    background: url(/resources/images/menu-shortlist.svg) 50% 14px no-repeat;
    background-size: 32px auto;
}
.app-list .app-item:hover,
.app-list .app-item.active {
    background-color: #f5f7f9;
}
.dropdown-pane {
    border-radius: 6px;
    border-color: #dddddd;
    box-shadow:
        0 1px 3px 0 rgba(0, 0, 0, 0.16),
        0 1px 8px 0 rgba(0, 0, 0, 0.12);
}
.dropdown-pane.dropdown-apps .line-break {
    display: block;
    height: 1px;
    width: 100%;
    border-top: 1px solid #ebebeb;
}
.app-list .app-item:last-child {
    border-color: transparent;
}
.app-list .app-item-inner {
    display: block;
    border-radius: 5px;
    padding: 50px 5px 7px 5px;
}
.app-list .app-item .text {
    display: block;
    text-align: center;
    line-height: 1.3em;
    color: #3eabee;
}
.dropdown-pane#profile-dropdown {
    max-width: 280px;
    padding: 15px 15px 10px 15px;
}
#profile-dropdown .menu li.border-bottom a {
    margin-bottom: 10px;
}
#profile-dropdown .menu li.border-bottom {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 10px;
}
#profile-dropdown .menu li {
    margin: 0 0 5px 0;
}
#profile-dropdown .menu a {
    color: #8f9cb2;
    font-weight: 500;
    letter-spacing: 0.005em;
    font-size: 16px;
    line-height: 1.5em;
    padding: 5px 10px 5px 39px;
    border-radius: 4px;
    position: relative;
}
#profile-dropdown .menu a:before {
    display: block;
    content: "";
    height: 20px;
    width: 20px;
    position: absolute;
    top: 8px;
    left: 10px;
    filter: invert(65%) sepia(8%) saturate(803%) hue-rotate(179deg) brightness(95%) contrast(85%);
}

#profile-dropdown .menu a.myAcountLink.notifications:before {
    background: url(/resources/images/icons/bell.svg?v=2) 0 50% no-repeat;
}
#profile-dropdown .menu a.myAcountLink.profile:before {
    background: url(/resources/images/icons/icon-user.svg) 0 50% no-repeat;
}
#profile-dropdown .menu a.myAcountLink.security:before {
    background: url(/resources/images/icons/icon-security.svg) 0 50% no-repeat;
}
#profile-dropdown .menu a.myAcountLink.preferences:before {
    background: url(/resources/images/icons/icon-settings.svg) 0 50% no-repeat;
}
#profile-dropdown .menu a.myAcountLink.alerts:before {
    background: url(/resources/images/icons/icon-alerts.svg) 0 50% no-repeat;
}
#profile-dropdown .menu a.report-issue:before {
    background: url(/resources/images/icons/icon-report.svg) 0 50% no-repeat;
}

#profile-dropdown .menu a.myAcountLink.saved-searches {
}
#profile-dropdown .menu a.notifications {
    position: relative;
}
#profile-dropdown .menu a.notifications.has-notification:after {
    content: "";
    position: absolute;
    top: 4px;
    right: 103px;
    width: 7px;
    height: 7px;
    background-color: #ff3300;
    border-radius: 100%;
}
#profile-dropdown .menu a.notifications .count {
    display: none;
    font-size: 12px;
    float: right;
}
#profile-dropdown .menu a.notifications.has-notification .count {
    display: inline;
}
#profile-dropdown .menu li.log-out a {
    color: #d03032;
    background: url(/resources/images/icons/off-red.svg) 5px 50% no-repeat;
    background-size: 17px auto;
}
#profile-dropdown .menu li.log-out-all {
    margin-bottom: 0;
}
#profile-dropdown .menu li.log-out-all a {
    background: url(/resources/images/icons/off.svg) 5px 50% no-repeat;
    background-size: 17px auto;
    font-size: 14px;
}
#profile-dropdown .menu li a:hover,
#profile-dropdown .menu li a.active {
    background-color: #e9f3ff !important;
}

/* auto suggest styling fixes */
.easy-autocomplete-container ul,
.easy-autocomplete-container ul,
.easy-autocomplete-container ul li,
.easy-autocomplete-container ul .eac-category {
    margin: 0;
}
.easy-autocomplete-container {
    top: 100%;
}
.chosen-container-single .chosen-single-with-deselect span {
    color: #0093ee;
}
.filter-applied {
    color: #0093ee;
}
.clear-filters {
    padding: 0 25px 0 0;
    background: url(/resources/images/icons/clear.svg) 100% 65% no-repeat;
    background-size: 15px auto;
    font-size: 14px;
    line-height: 20px;
}
.searchResults h2 .clear-filters {
    padding-left: 15px;
}
p.or {
    text-align: center;
    margin: -16px 0 2px 0;
    position: relative;
    font-family: "Inter", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: var(--color-ui-950);
    text-transform: uppercase;
}
p.or:before {
    content: "";
    background: #333;
    height: 1px;
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 14px;
    left: 0;
}
p.or span {
    background: #fff;
    padding: 5px 20px;
    display: inline-block;
    z-index: 2;
    position: relative;
}

/* Overlay style */
.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(153, 204, 51, 0.9);
}
#DISCO_wrapper {
    overflow-y: hidden;
}

/* overlay content push
--------------------------------------------------*/
.overlay-contentpush {
    background: #fff;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateX(-100%);
    transition:
        transform 0.5s,
        visibility 0s 0.5s;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
}

.overlay-contentpush.open {
    visibility: visible;
    transform: translateX(0%);
    transition: transform 0.5s;
    z-index: 10;
}

/* header ---------------------------*/
.overlay-header {
    display: block;
    background: #282828;
    height: 48px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 11;
}
.overlay-header.show-button-only {
    display: block;
    background: transparent;
    height: 48px;
    width: 250px;
    position: fixed;
    top: 0;
    left: 0;
    box-sizing: border-box;
}
.overlay-header.show-button-only .overlay-header-inner {
    padding: 0 0 0 var(--spacing-s12);
}
@media only screen and (min-width: 115em) {
    .overlay-header.show-button-only .overlay-header-inner {
        padding-left: calc(((100vw - 115em) / 2) + var(--spacing-s12));
        width: calc((((100vw - 115em) / 2) + var(--spacing-s12)) + 250px);
    }
}

.overlay-header.open {
    transform: translateY(0%);
    transition: transform 1s;
}
.overlay-header.close {
    transform: translateY(-100%);
    transition: transform 1s;
}

.overlay-header .title {
    margin-left: 50px;
    color: #fff;
}

.overlay-header .oh-wrap,
.overlay-header .overlay-header-inner {
    margin: 0 auto;
    float: none;
    max-width: 115em;
    padding-left: var(--spacing-s12);
    padding-right: var(--spacing-s12);
}
.overlay-header .jsOverlayClose,
.overlay-header .jsOverlayClose {
    color: #fff;
    font-size: 14px;
    line-height: 1.2em;
    background: url(/resources/images/icons/overlay-back-arrow.svg) 0 14px no-repeat;
    background-size: 26px auto;
    display: inline-block;
    padding: 15px 0 15px 40px;
    text-decoration: none;
}
.overlay-header .filters {
    border: 1px solid #ccc;
    color: #7f7f7f;
    padding: 8px 22px 8px 42px;
    line-height: 18px;
    font-size: 15px;
    text-decoration: none;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    border-radius: 4px;
    display: inline-block;
    vertical-align: top;
    background: url(/resources/images/icons/filter.svg) 16px 50% no-repeat #fff;
    background-size: 17px auto;
    transition: background-color 0.2s ease;
    margin-top: 6px;
}
.overlay-header .filters:hover {
    background-color: var(--color-accent-400);
    border-color: var(--color-accent-400);
    color: var(--color-accent-800);
}
.overlay-header .save-button {
    color: #fff;
    font-size: 13px;
    line-height: 13px;
    text-decoration: none;
    margin: 0;
    background: #4ece3d;
    border-radius: 4px;
    padding: 7px 20px;
    float: right;
    letter-spacing: 0.5px;
    transition: opacity 250ms ease-out;
}
.overlay-header .save-button:hover,
.overlay-header .cancel-button:hover {
    opacity: 0.7;
}

.overlay-header .compare-save-button {
    width: 135px;
    border-radius: 3px;
    text-align: left;
    color: var(--color-accent-800);
    padding: 0 0 0 14px;
    margin: 10px 0 0 20px;
    height: 27px;
    line-height: 1.1em;
    position: relative;
    background: var(--brand-acent);
}
.overlay-header .compare-save-button:after {
    display: block;
    content: "";
    height: 27px;
    width: 36px;
    background: url("/resources/images/icons/arrow-down.svg") center center no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    filter: var(--filter-accent-800);
}
.overlay-header .compare-save-button:before {
    display: block;
    content: "";
    width: 1px;
    height: 27px;
    background-color: var(--color-accent-800);
    position: absolute;
    top: 0;
    right: 36px;
}

.overlay-header #download-pdf-dropdown {
}

.overlay-header .cancel-button {
    color: #949494;
    font-size: 13px;
    line-height: 13px;
    text-decoration: none;
    margin: 0 20px 0 0;
    border: 1px solid #949494;
    border-radius: 4px;
    padding: 6px 20px;
    float: right;
    letter-spacing: 0.5px;
    transition: opacity 250ms ease-out;
}

@media only screen and (max-width: 640px) {
    .overlay-header .jsOverlayClose {
        overflow: hidden;
        text-indent: -9999px;
        width: 40px;
        height: 28px;
    }
}

.overlay-contentpush div[data-id="loading"] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
}

/* content -------------------------------- */
.overlay-content {
    margin-top: 47px;
    width: 100%;
    height: calc(100% - 57px);
    display: block;
    overflow-x: hidden;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch; /*ios momentum scrolling enabled*/
    background: #fff;
}
/* two columned data  */
.overlay-content .section {
    margin: 0 auto;
    float: none;
    width: 100%;
    padding: 0 15px;
}
.overlay-content .section.full-width {
    width: 100%;
    padding: 0 23px;
}
.overlay-content .section.full-width hr {
    max-width: unset;
}

.overlay-content .upload-heading-container {
    margin-top: 30px;
    margin-bottom: 10px;
}

.overlay-content .overlay-heading {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-xxl);
    color: var(--color-ui-950);
    margin: var(--spacing-s8) 0 var(--spacing-s4) 0;
}

@media only screen and (min-width: 1240px) {
    .overlay-content .section,
    .overlay-content .section {
        margin: 0 auto;
        float: none;
        width: 1190px;
    }
    .overlay-content .section.full-width {
        width: 100%;
        padding: 0 20px;
    }
    .overlay-content .section.full-width hr {
        max-width: unset;
    }
    .overlay-content fieldset.span40None {
        float: left;
        width: 850px;
    }
    .overlay-content fieldset.span40None * {
        max-width: 850px;
    }
    .overlay-content .columnContainer.span40 {
        float: right;
        width: 300px;
    }
}
.overlay-content .columnContainer.span40 * {
    max-width: 300px;
}
.overlay-content .section .sectionHeader {
    width: 100%;
}
.overlay-content .sectionHeader .title {
    width: 100%;
}

.overlay-content .step-heading {
    margin: var(--spacing-s6) 0 var(--spacing-s4) 0;
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-semiBold);
    color: var(--color-ui-950);
}

/* document list */
.overlay-content .section.document-list-page .list-heading-container .list-heading {
    float: left;
    font-size: 2.4em;
    line-height: 1.1em;
    font-weight: 300;
    color: var(--color-ui-950);
}
.overlay-content .section.document-list-page .uploadButton {
    float: left;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    padding: 0 20px 0 40px;
    margin-right: 0;
    margin-bottom: 0;
    margin-top: 40px;
    background-image: url(/resources/images/button_ico-upload-hover.svg);
    background-position: 15px 0;
    background-repeat: no-repeat;
}
.overlay-content .section.document-list-page .uploadButton:hover {
    background-position: 15px -36px;
}
.overlay-content .section.document-list-page .list-heading-container .uploadButton {
    float: right;
    margin-top: 10px;
}

.overlay-content .section.document-list-page .documentList {
    margin: 20px 0 0 0;
    width: 100%;
    float: left;
}
.overlay-content .section.document-list-page li {
    width: 100%;
    border-bottom: 1px solid #eee;
    margin: 0;
    padding: 10px 0;
    float: left;
}
.overlay-content .section.document-list-page li div {
    float: left;
    font-size: 14px;
    font-family: "proxima-nova", Arial, Helvetica, sans-serif;
    font-weight: 400;
}
.overlay-content .section.document-list-page li.heading div {
    font-size: 12px;
    color: var(--color-ui-300);
    text-transform: uppercase;
}
.overlay-content .section.document-list-page li div span {
    display: none;
}

.overlay-content .section.document-list-page li div.name {
    width: 23%;
    font-family: "proxima-nova", Arial, Helvetica, sans-serif;
    font-weight: 500;
}
.overlay-content .section.document-list-page li div.name:first-letter {
    text-transform: capitalize;
}
.overlay-content .section.document-list-page li div.date {
    width: 20%;
}
.overlay-content .section.document-list-page li div.type {
    width: 21%;
}
.overlay-content .section.document-list-page li div.user {
    width: 9%;
}
.overlay-content .section.document-list-page li div.added {
    width: 9%;
}
.overlay-content .section.document-list-page li div.delete {
    float: right;
}

.overlay-content .section.document-list-page li div.delete .delete {
    display: block;
    width: 25px;
    height: 25px;
    background: url(/resources/images/icons/delete-icon.svg) 0 0 no-repeat;
    margin: 0 0 0 20px;
    float: right;
    text-indent: -9999px;
}
.overlay-content .section.document-list-page li div.delete .delete:hover {
    background-position: 0 -26px;
}
.overlay-content .section.document-list-page li div.delete .edit {
    display: block;
    height: 25px;
    line-height: 23px;
    font-size: 14px;
    float: right;
    background: url(/resources/images/icons/button-edit-icon.svg) 10px 0 no-repeat;
    padding: 0 12px 0 34px;
}
.overlay-content .section.document-list-page li div.delete .edit:hover {
    color: #fff;
    background-position: 10px -25px;
}
.overlay-content .section.document-list-page li div.added div {
    display: none;
}
.overlay-content .section.document-list-page li p.none {
    margin: 0;
    font-size: 14px;
}

/* edit document */
.overlay-content.overlay-inside-iframe {
    margin-top: 24px;
}

.edit-document-container #overlay-content {
    width: 1190px;
    margin: 0 auto;
}
.edit-document-container #overlay-content .content {
    padding: 0 5px;
    margin-top: 45px;
}

.edit-document-container #overlay-content .content small.error {
    font-size: 14px;
    margin-top: -12px;
    margin-bottom: 1em;
}

.edit-document-container #overlay-content .saveButtonContainer {
    float: left;
    margin: 10px 0 0 0;
}
.edit-document-container #overlay-content .saveButtonContainer .saveButton {
    font-size: 16px;
    height: 40px;
    line-height: 38px;
    background-color: green;
}
.edit-document-container #overlay-content .saveButtonContainer .saveButton span {
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #fff;
    background-position: 12px -33px;
}
.edit-document-container #overlay-content .preview-button {
    height: 36px;
    line-height: 34px;
    background: #fff;
    padding: 0 16px 0 41px;
    border: 1px solid #e2eaef;
    border-radius: 4px;
    font-size: 13px;
    font-family: "Inter", Arial, Helvetica, sans-serif;
    font-weight: 500;
    position: relative;
    display: block;
    float: right;
}
.edit-document-container #overlay-content .preview-button:hover {
    color: #fff;
}
.edit-document-container #overlay-content .preview-button:before {
    content: "";
    width: 20px;
    height: 18px;
    position: absolute;
    top: 7px;
    left: 13px;
    background: url(/resources/images/icons/button_preview-icon.svg) 0 0 no-repeat;
    background-size: 19px auto;
    margin: 0 0 15px 0;
}

.edit-document-container #overlay-content .preview-button:hover:before {
    background-position: 0 -20px;
}

/* document upload */

.upload-heading-container h1 {
    margin-bottom: 20px;
}

@media only screen and (max-width: 640px) {
    .edit-document-container #overlay-content {
        width: 100%;
    }
    .overlay-contentpush .overlay-content .section.document-list-page .list-heading-container {
        margin: 10px 0 0 0;
    }
    .overlay-contentpush .overlay-content .section.document-list-page .list-heading-container .list-heading {
        font-size: 20px;
        margin: 9px 0 0 0;
    }
    .overlay-contentpush .overlay-content .section.document-list-page li div span {
        display: block;
        float: left;
        width: 70px;
        font-size: 11px;
        text-transform: uppercase;
        font-family: "Inter", Arial, Helvetica, sans-serif;
        font-weight: 700;
    }
    .overlay-contentpush .overlay-content .section.document-list-page li div.name,
    .overlay-contentpush .overlay-content li div.date,
    .overlay-contentpush .overlay-content li div.type,
    .overlay-contentpush .overlay-content li div.user,
    .overlay-contentpush .overlay-content li div.added {
        width: 100%;
    }
    .overlay-contentpush .overlay-content .section.document-list-page li div.delete {
        float: left;
        margin: 5px 0 0 0;
    }
    .overlay-contentpush .overlay-content .section.document-list-page li div.added div {
        display: inline;
    }

    /* dit documents */
    .edit-document-container #overlay-content {
        margin-left: 0;
        margin-right: 0;
    }
    .edit-document-container #overlay-content .section.document-list-page .preview-button {
        float: left;
        margin: 5px 0 15px 0;
    }

    .edit-document-container .report-details .page-header {
        padding: 0;
    }
    .edit-document-container .report-details .page-header h1 {
        font-size: 20px;
        margin: 0 0 10px 0;
    }
    .overlay-contentpush .overlay-content .documentList {
        margin: 0;
    }
}

@media only screen and (min-width: 641px) and (max-width: 900px) {
    .overlay-contentpush .overlay-content .section.document-list-page li div.name {
        width: 26%;
        line-height: 1.3em;
    }
    .overlay-contentpush .overlay-content .section.document-list-page li div.name div {
        width: 100%;
    }
    .overlay-contentpush .overlay-content .section.document-list-page li div.date {
        width: 25%;
    }
    .overlay-contentpush .overlay-content .section.document-list-page li div.user {
        width: 9%;
    }
    .overlay-contentpush .overlay-content .section.document-list-page li div.added {
        width: 21%;
    }
    .edit-document-container #overlay-content {
        width: 100%;
    }
    .edit-document-container .report-details .page-header h1 {
        font-size: 28px;
    }
    .overlay-contentpush .overlay-content .list-heading-container .list-heading {
        font-size: 28px;
    }
    .overlay-contentpush .overlay-content .list-heading-container .uploadButton {
        margin-top: 0;
    }
    .section-documents .yachtDetailsContainer .particularsCopy {
        padding: 0 3px 15px 3px;
    }
    .section-documents .yachtDetailsContainer .particularsCopy .add-button {
        float: right;
        margin: 0;
    }
    .yacht-details.content.particulars.section-documents .yachtDetailsContainer {
        padding: 0;
    }
}
@media only screen and (min-width: 901px) and (max-width: 1040px) {
    .overlay-contentpush .overlay-content .section.document-list-page li div.date {
        width: 18%;
    }
    .overlay-contentpush .overlay-content .section.document-list-page li div.type {
        width: 21%;
    }
    .overlay-contentpush .overlay-content .section.document-list-page li div.user {
        width: 5%;
    }
    .overlay-contentpush .overlay-content .section.document-list-page li div.added {
        width: 16%;
    }
}

@media only screen and (min-width: 901px) and (max-width: 1189px) {
    .edit-document-container #overlay-content {
        width: 100%;
    }
}

.right-buttons {
    float: right;
    margin: 1px 0 0 0;
}
.overlay-header .right-buttons {
    margin-top: 13px;
}
.right-buttons .button-navigate {
    background: #4ece3d;
    color: #fff;
    font-size: 14px;
    line-height: 1.2em;
    padding: 5px 20px;
    margin: 0 0 0 20px;
    border-radius: 4px;
    transition: opacity 300ms ease-in;
    border: 1px solid #4ece3d;
}
.right-buttons .button-navigate:hover {
    opacity: 0.8;
    text-decoration: none;
}
@media only screen and (max-width: 640px) {
    .right-buttons .button-navigate {
        margin: 0 0 0 10px;
    }
}

.right-buttons .button-navigate.navigate-back {
    color: #fff;
    opacity: 0.6;
    border: 1px solid #fff;
    background: url(/resources/images/icons/custom-back-arrow.svg) 17% 50% no-repeat;
    background-size: 8px auto;
    padding-left: 33px;
}
.right-buttons .button-navigate.navigate-back:hover {
    opacity: 1;
}

.right-buttons .button-navigate.navigate-next {
    background-image: url(/resources/images/icons/custom-next-arrow.svg);
    background-position: 90% 50%;
    background-repeat: no-repeat;
    background-size: 8px auto;
    padding-right: 30px;
}
.right-buttons .button-navigate.navigate-next:hover {
    text-decoration: none;
}

.save-selection {
    display: block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px 0 38px;
    color: #fff;
    font-size: 14px;
    background: #4ece3d url(../images/icons/button-select-icon.svg) 15px -19px no-repeat;
    transition: opacity 300ms ease-in;
    border-radius: 4px;
}

/*.inner-wrap {*/
/*overflow-x: hidden;*/
/*-webkit-transition: -webkit-transform 0.5s;*/
/*transition: transform 0.5s;*/
/*}*/

/*.inner-wrap.overlay-open {*/
/*-webkit-transform: translateX(50%);*/
/*transform: translateX(50%);*/
/*}*/

/*.inner-wrap::after {*/
/*content: '';*/
/*opacity: 0;*/
/*visibility: hidden;*/
/*position: absolute;*/
/*top: 0;*/
/*left: 0;*/
/*width: 100%;*/
/*height: 100%;*/
/*background: rgba(0,0,0,0.6);*/
/*-webkit-transition: opacity 0.5s, visibility 0s 0.5s;*/
/*transition: opacity 0.5s, visibility 0s 0.5s;*/
/*}*/

/*.inner-wrap.overlay-open::after {*/
/*visibility: visible;*/
/*opacity: 1;*/
/*-webkit-transition: opacity 0.5s;*/
/*transition: opacity 0.5s;*/
/*}*/
.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background: url(/resources/images/ajax-loader3.gif) 50% 50% no-repeat #fff;
    opacity: 0;
}

/* yacht show pdf link page
---------------------------------------------------------------------*/

.show-pdf-options .logo {
    width: 76px;
    float: left;
    margin: 2px 20px 0 0;
    border: 1px solid #ddd;
}
.show-pdf-options .heading {
    text-transform: uppercase;
    color: #545454;
    font-size: 14px;
    font-family: "Inter", Arial, Helvetica, sans-serif;
    font-weight: 700;
    display: block;
    width: 100%;
    height: 20px;
    margin-top: 30px;
}
.show-pdf-options .button {
    display: block;
    height: 36px;
    line-height: 36px;
    font-size: 15px;
    padding: 0 40px 0 47px;
    margin: 20px 0 0 0;
    border-radius: 4px;
    border: none;
    color: #fff;
    background: url(/resources/images/icons/download-icon-white.svg) 18px 50% no-repeat #0093ee;
}
.show-pdf-options .button:hover {
    background-color: #666;
}
.show-pdf-options .copy {
    font-size: 14px;
    display: block;
    width: 100%;
    margin: 15px 0 0 0;
}

.show-pdf-options .button.back {
    background: url(/resources/images/icons/button_back-arrow.svg) 18px 0 no-repeat #fff;
    border: 1px solid #ccc;
    padding: 0 32px 0 47px;
}
.show-pdf-options .button.back:hover {
    background: url(/resources/images/icons/button_back-arrow.svg) 18px -35px no-repeat #ccc;
}

.generic-form label {
    float: left;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    color: var(--color-ui-950);
}

.edit-override label {
    padding: 0 0 5px 0;
}

.radio-block {
    display: block;
}
.radio-block .label-heading:not(.bold-m) {
    display: block;
    font-size: 16px;
    line-height: 1.3em;
    margin: 0 0 10px 0;
}
.radio-block .radio-group {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 0 15px 0;
}
.radio-block .radio-item {
    flex: 0 1 auto;
    padding: 0 10px 10px 0;
}
.radio-block .radio-item:has(input) label {
    cursor: pointer;
}
#tab-currency .radio-block .radio-item {
    width: 175px;
}
.radio-block .radio-item input {
    display: none;
}
.radio-block .radio-item label.radio-name {
    display: block;
    border-radius: 4px;
    background: #fff;
    font-size: 14px;
    line-height: 1.3em;
    border: 1px solid #fff;
    color: var(--color-ui-950);
    padding: 6px 15px;
    min-width: 40px;
    text-align: left;
    margin: 0;
    transition: background-color 100ms linear;
}
.radio-block .radio-item label.radio-name:hover {
    border: 1px solid #ebebeb;
}
.radio-block .radio-item label.radio-name[for="currency_more"],
.radio-block .radio-item label.radio-name[for="currency_less"] {
    position: relative;
    padding-right: 33px;
}
.radio-block .radio-item label.radio-name[for="currency_more"]:after {
    content: "";
    width: 12px;
    height: 12px;
    transition: all 0.3s ease;
    background: url(/resources/images/right-arrow.svg) 50% 50% no-repeat;
    filter: invert(100%);
    transform: rotate(90deg);
    background-size: 8px auto;
    position: absolute;
    top: 9px;
    right: 11px;
}
.radio-block .radio-item label.radio-name[for="currency_less"]:after {
    content: "";
    width: 12px;
    height: 12px;
    transition: all 0.3s ease;
    background: url(/resources/images/right-arrow.svg) 50% 50% no-repeat;
    background-size: 8px auto;
    position: absolute;
    top: 9px;
    right: 11px;
    filter: invert(100%);
    transform: rotate(-90deg);
}
.radio-block .radio-item input:checked + .radio-name {
    /*background: #ebebeb;*/
    border-color: #3366ff;
}
.radio-block .radio-item input:not(:checked) + .radio-name:hover {
    /*background: #ebebeb;*/
}
/* sticky-content.js */
@keyframes slideDown {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%);
    }
    50% {
        -webkit-transform: translateY(0%);
    }
}
.sticky-outer-wrap {
    display: block;
    clear: both;
    float: left;
    width: 100%;
}
.sticky-inner-wrap {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    z-index: 101;
}
.sticky-outer-wrap .sticky-content {
    display: block;
    float: left;
    width: 100%;
}
.fixed.sticky-outer-wrap .sticky-content {
    z-index: 101;
}
.fixed.sticky-outer-wrap .sticky-content .full-width-row {
    box-shadow: 5px 1px 6px 3px rgba(0, 0, 0, 0.1);
}

/*show only on scroll up*/
body.scrolling-down.has-nested-sticky-el .fixed.sticky-outer-wrap .sticky-content {
    width: 100% !important;
    right: auto !important;
    top: auto !important;
    position: unset !important;
}
body.scrolling-down .fixed .sticky-content-nested {
    top: 80px !important; /* header height */
}

.sticky-outer-wrap.fixed-state .sticky-content {
    position: fixed;
    top: 80px !important;
    right: 0 !important;
    z-index: 10;
    box-shadow:
        0 4px 6px rgba(000, 000, 000, 0.1),
        0 5px 15px rgba(000, 000, 000, 0.2);
    -webkit-animation: slideDown 300ms ease-out;
    animation: slideDown 300ms ease-out;
}
.sticky-outer-wrap.absolute-state {
    position: relative;
}
.sticky-outer-wrap.absolute-state .sticky-content {
    position: absolute;
    top: 20px;
    right: 0;
    z-index: 10;
}
.off-canvas-content.has-transition-push {
    -ms-transform: none;
    transform: none;
}

/* toast */
html .jq-icon-success-add.jq-toast-single {
    max-width: 230px;
}
html .jq-icon-success-add.jq-toast-single,
html .jq-icon-success-remove.jq-toast-single {
    background-color: #26bd7e;
}
.jq-toast-single a.view-button {
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 3px 15px;
    margin: 4px 0 4px 0;
    display: inline-block;
}
.jq-toast-single a.view-button:hover {
    background: rgba(255, 255, 255, 0.2);
}

/* MODAL OVERLAY */
.modal-overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 600;
    cursor: pointer;
    justify-content: center;
}

.modal-overlay .mo-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.modal-overlay-active .content-wrap {
    z-index: 1002;
    position: relative;
}
.modal-overlay-active .modal-overlay {
    display: flex;
}
.modal-overlay-active .modal-overlay .mo-bg {
    -webkit-animation: modal-overlay-background 0.3s ease-out 50ms;
    animation: modal-overlay-background 0.3s ease-out both 50ms;
}
/** animation
 */
@-webkit-keyframes modal-overlay-background {
    0% {
        background: rgba(000, 000, 000, 0);
    }
    100% {
        background: rgba(000, 000, 000, 0.85);
    }
}
@keyframes modal-overlay-background {
    0% {
        background: rgba(000, 000, 000, 0);
    }
    100% {
        background: rgba(000, 000, 000, 0.85);
    }
}
.modal-overlay-hiding .modal-overlay .mo-bg {
    -webkit-animation: modal-overlay-background-revert 0.3s ease-out 50ms;
    animation: modal-overlay-background-revert 0.3s ease-out both 50ms;
}
/** animation
 */
@-webkit-keyframes modal-overlay-background-revert {
    0% {
        background: rgba(000, 000, 000, 0.85);
    }
    100% {
        background: rgba(000, 000, 000, 0);
    }
}
@keyframes modal-overlay-background-revert {
    0% {
        background: rgba(000, 000, 000, 0.85);
    }
    100% {
        background: rgba(000, 000, 000, 0);
    }
}

.modal-overlay .mo-wrap {
    background: #fff;
    flex: 0 1 100%;
    padding: 80px 17px 89px 17px;
    cursor: default;
    position: relative;
    transform: rotateY(-90deg);
    border-radius: 0;
    align-self: center;
    overflow: hidden;
}
.modal-overlay.no-header-or-footer .mo-wrap {
    padding-top: 30px;
    padding-bottom: 30px;
}

.modal-overlay .jsOverlayContent {
    max-height: calc(100% + 40px);
    overflow-y: auto;
}
@media only screen and (max-width: 640px) {
    .modal-overlay .mo-wrap {
    }
}
.modal-overlay .mo-wrap .custom-scrollbar {
    display: block;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding: 0 10px 40px 10px;
    -webkit-overflow-scrolling: touch;
}
.mo-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    box-shadow: -1px 0 4px 1px rgba(156, 156, 156, 0.4);
    display: block;
}

/* thin header theme */
.thin-header-theme .mo-header {
    height: 56px;
    background: #eee;
    border-radius: 9px 9px 0 0;
}
.modal-overlay.thin-header-theme .close {
    top: -1px;
}

.modal-overlay .close {
    position: absolute;
    top: 5px;
    right: 7px;
    width: 100px;
    vertical-align: top;
    padding: 5px 0 0 5px;
}
.modal-overlay .close button {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    background: url(/resources/images/close-cross.svg?v=4) 50% 50% no-repeat;
    background-size: 34px auto;
    border-radius: 100%;
    cursor: pointer;
    float: right;
}
.modal-overlay.no-close-cross .close button {
    display: none;
}
.modal-overlay .close button:hover {
    opacity: 0.5;
}
.mo-header .heading-title {
    flex: 1 1 auto;
    padding: 17px 0;
    font-family: "Inter", Arial, Helvetica, sans-serif;
    line-height: 1.4em;
    font-size: 18px;
    text-align: center;
}
.mo-header .clear-block {
    flex: 0 0 100px;
    padding: 17px 0;
    text-align: center;
}
.mo-header .clear-block button {
    display: inline-block;
    vertical-align: middle;
    text-decoration: underline;
    font-family: "Inter", Arial, Helvetica, sans-serif;
    line-height: 1.4em;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
}
.modal-overlay .mo-footer {
    display: block;
    width: 100%;
    margin: 0;
    padding: 24px 0 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 89px;
    border-top: 1px solid #ccc;
}
.modal-overlay .mo-footer p {
    float: left;
    text-align: left;
    padding: 0 45px;
}
.modal-overlay .mo-footer .button {
    margin: 0 auto;
    display: inline-block;
}

.modal-overlay-active .modal-overlay .mo-wrap {
    -webkit-animation: mo-swing-in-from-bottom 0.3s ease-out 50ms;
    animation: mo-swing-in-from-bottom 0.3s ease-out both 50ms;
}
.back-button-arrow-only {
    width: 50px;
    height: 50px;
    display: inline-block;
    margin: 4px 0 0 20px;
    vertical-align: top;
    background: url(/resources/images/icons/overlay-back-arrow-black.svg) 50% 50% no-repeat;
    background-size: 24px auto;
    transition: opacity 75ms linear;
}
.back-button-arrow-only:hover {
    opacity: 0.4;
}
.mo-header .header-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
/**
 * ----------------------------------------
 * animation swing-in-from-bottom
 * ----------------------------------------
 */
@-webkit-keyframes mo-swing-in-from-bottom {
    0% {
        transform: translateY(200px);
        transform-origin: top;
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        transform-origin: top;
        opacity: 1;
    }
}
@keyframes mo-swing-in-from-bottom {
    0% {
        transform: translateY(500px);
        transform-origin: top;
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        transform-origin: top;
        opacity: 1;
    }
}
.modal-overlay-hiding .modal-overlay .mo-wrap {
    -webkit-animation: mo-swing-out-from-top 0.5s ease-out 50ms;
    animation: mo-swing-out-from-top 0.5s ease-out both 50ms;
}
/**
 * ----------------------------------------
 * animation
 * ----------------------------------------
 */
@-webkit-keyframes mo-swing-out-from-top {
    0% {
        transform: translateY(0);
        transform-origin: top;
        opacity: 1;
    }
    100% {
        transform: translateY(200px);
        transform-origin: top;
        opacity: 0;
    }
}
@keyframes mo-swing-out-from-top {
    0% {
        transform: translateY(0);
        transform-origin: top;
        opacity: 1;
    }
    100% {
        transform: translateY(200px);
        transform-origin: top;
        opacity: 0;
    }
}
.settings-wrap .tab-content {
    display: none;
}
.settings-wrap .tab-content.active {
    display: block;
}
.mo-tabs {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}
.mo-tabs ul {
    display: block;
    margin: 0 0 0 20px;
}
.mo-tabs li {
    display: inline-block;
    margin: 0 20px 0 0;
}
.mo-tabs li button {
    display: block;
    padding: 10px 5px 10px 5px;
    border-radius: 0;
}
.mo-tabs li button.active {
    border-bottom: 2px solid #3366ff;
}
@media only screen and (min-width: 768px) {
    .modal-overlay {
        height: 100%;
        padding: 20px 0;
    }
    .modal-overlay .mo-wrap {
        flex: 0 1 600px;
        box-shadow: 3px 3px 9px 3px rgba(0, 0, 0, 0.6);
        border-radius: 9px;
        min-height: 600px;
    }
    .modal-overlay.no-header-or-footer .mo-wrap {
        min-height: 150px;
    }
    .header-block {
        padding-left: 20px;
        padding-right: 20px;
    }
    .mo-title {
        padding-left: 20px;
    }
    .mo-header .close-of {
        margin: 4px 6px 0 30px;
    }
}
@media only screen and (min-width: 1640px) {
    .modal-overlay {
        padding-top: 55px;
    }
    .modal-overlay .mo-wrap {
        flex: 0 1 985px;
    }

    .modal-overlay.medium .mo-wrap {
        flex: 0 1 674px;
    }
    .mo-header {
        height: 85px;
    }
    .thin-header-theme .mo-header {
        height: 56px;
    }
    .modal-overlay .mo-wrap {
        padding: 120px 30px 90px 35px;
    }
    .modal-overlay.no-header-or-footer .mo-wrap {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .mo-tabs ul {
        margin: 0 0 0 45px;
    }
}
.site-search-overlay {
    display: none;
} /* hide while loading */

/*dropdown box*/
.dropdown-pane-wrap {
    display: none;
    width: 300px;
    padding: 21px 21px 21px 21px;
    visibility: hidden;
    border: 1px solid #cacaca;
    border-radius: 9px;
    background-color: #fefefe;
    font-size: 1rem;
}
.dropdown-pane-wrap .row {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 0;
}
.dropdown-inner.custom-scrollbar {
    margin-right: -10px;
}
.dropdown-pane-wrap.is-open {
    display: block;
    visibility: visible;
    z-index: 999;
}
.dropdown-pane-wrap.tiny {
    width: 100px;
}
.dropdown-pane-wrap.small {
    width: 200px;
}
.dropdown-pane-wrap.downloads {
    width: 210px;
}
.dropdown-pane-wrap.medium {
    width: 300px;
}
.dropdown-pane-wrap.large {
    width: 400px;
}
.dropdown-pane-wrap.x-large {
    width: 550px;
}

.dropdown-pane-wrap.xx-large {
    width: 100%;
}
@media only screen and (min-width: 800px) {
    .dropdown-pane-wrap.xx-large {
        width: 700px;
    }
}

.dropdown-pane-wrap.small.filter-drop-down {
    width: 230px;
}

@media only screen and (max-width: 640px) {
    /* mobile js positioning is a mess so we have to force it with css */
    .dropdown-pane-wrap {
        max-width: calc(100vw - 40px);
    }
    .dropdown-pane-wrap:not(.tether-target-attached-right) {
        left: 20px !important;
    }
}
.dropdown-pane-wrap {
    box-shadow: 1px 3px 3px 1px rgba(0, 0, 0, 0.1);
}
.dropdown-pane-wrap.active-border {
    border-color: #ccc;
}
@media only screen and (min-width: 768px) {
    .dropdown-pane-wrap.wide-pane {
        width: 500px;
    }
    .dropdown-pane-wrap.medium-pane {
        width: 380px;
    }
}
@media only screen and (min-width: 1024px) {
    .dropdown-pane-wrap.wide-pane {
        width: 700px;
    }
}

/* ToggleBox */
.togglebox-init .jsToggleBoxBtn:after,
.togglebox-init .jsToggleBoxPlaceholder:after {
    background: url(/resources/images/icons/open-close.svg) 0 -30px no-repeat;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 26px;
    height: 26px;
    filter: invert(43%) sepia(2%) saturate(30%) hue-rotate(325deg) brightness(89%) contrast(84%);
}
.togglebox-init .jsToggleBoxBtn,
.togglebox-init .jsToggleBoxPlaceholder {
    cursor: pointer;
    width: 100%;
    position: relative;
}
.togglebox-init.togglebox-closed .jsToggleBoxBtn:after,
.togglebox-init.togglebox-closed .jsToggleBoxPlaceholder:after {
    background: url(/resources/images/icons/open-close.svg) 0 0 no-repeat;
}
.togglebox-init .jsToggleBoxBtn:hover:after,
.togglebox-init .jsToggleBoxPlaceholder:hover:after {
}
/* lazyload */
@keyframes fadein {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
.lazyload {
    opacity: 0;
    transition: opacity 250ms ease-out;
}
.ll-wrap {
    display: block;
    width: 100%;
    position: relative;
    vertical-align: top;
    overflow: hidden;
    background-size: contain;
    height: 0;
    padding-top: 40%;
}
.ll-wrap:not(.image-loaded):not(.image-error):before {
    content: "";
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/resources/images/lazy-loading-image-placeholder.svg) 50% 50% no-repeat #eee;
    background-size: contain;
    animation: 2s ease 0s normal forwards 1 fadein;
    animation-iteration-count: infinite;
}
.ll-wrap.image-error:before {
    content: "";
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/resources/images/lazy-loading-image-error.svg) 50% 50% no-repeat;
    background-size: contain;
}
.ll-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
}
@-webkit-keyframes coolSlideIn {
    0% {
        transform: translateY(-80px);
    }
    100% {
        transform: translateY(0);
    }
}
@keyframes coolSlideIn {
    0% {
        transform: translateY(-80px);
    }
    100% {
        transform: translateY(0);
    }
}

/* sticky-content.js */
@keyframes slideDown {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0%);
    }
}
.sticky-outer-wrap {
    display: block;
    clear: both;
    float: left;
    width: 100%;
}
.sticky-inner-wrap,
.sticky-inner-wrap-nested {
    display: block;
    position: relative;
    float: left;
    width: 100%;
}
.sticky-inner-wrap {
    z-index: 102;
}
.sticky-inner-wrap-nested {
    z-index: 101;
}
.sticky-outer-wrap .sticky-content {
    max-width: 1920px;
    margin: 0 auto;
}
.sticky-outer-wrap .sticky-content,
.sticky-outer-wrap .sticky-content-nested {
    display: block;
    clear: both;
    width: 100%;
    float: left;
}
.sticky-outer-wrap.fixed-state .sticky-content,
.sticky-outer-wrap.fixed-state-nested .sticky-content-nested {
    position: fixed;
    top: 0;
    right: 0;
}
.sticky-outer-wrap.fixed-state .sticky-content {
    z-index: 11;
}
.sticky-outer-wrap.fixed-state-nested .sticky-content-nested {
    z-index: 10;
}
.sticky-outer-wrap.absolute-state {
    position: relative;
}
.sticky-outer-wrap.absolute-state .sticky-content,
.sticky-outer-wrap.absolute-state-nested .sticky-content-nested {
    position: absolute;
    top: 20px;
    right: 0;
}
.sticky-outer-wrap.absolute-state .sticky-content {
    z-index: 11;
}
.sticky-outer-wrap.absolute-state-nested .sticky-content-nested {
    z-index: 10;
}
.sticky-outer-wrap.fixed .hide-when-stuck,
.sticky-outer-wrap.absolute .hide-when-stuck {
    display: none;
}
.vertical-align-wrap {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
}
.vertical-align-content {
    flex: 1;
    max-width: 100%;
}
.vertical-align-content.bottom {
    align-self: flex-end;
}
.vertical-align-content.top {
    align-self: flex-start;
}
#pageForm {
    width: 100%;
}
.page-navigation-container {
    display: block;
    float: left;
    width: 100%;
}

@media only screen and (max-width: 640px) {
    .page-navigation-container .pagination-buttons {
        width: 100%;
        float: left;
    }
    .page-navigation-container .pagination-buttons .btn {
        width: 48%;
    }

    .page-navigation-container .pagination-count {
        width: 100%;
        float: left;
        margin-top: 15px;
    }
    .page-navigation-container .pagination-count .count-inner {
        margin: 0 auto;
    }
    .pagination-navigation .page-navigation-container .pagination-count .count-inner .page-count {
        float: none;
        display: inline-block;
    }
    .pagination-navigation .page-navigation-container .pagination-count .count-inner input {
        float: none;
        display: inline-block;
        text-align: center;
    }
    .pagination-navigation .page-navigation-container .pagination-count .count-inner label {
        float: none;
        display: inline-block;
    }
}

.sticky-outer-wrap.fixed .box-shadow-bottom-stuck {
    box-shadow: 3px 2px 5px 0 rgba(0, 0, 0, 0.16);
}
.searchResults .view-grid-map.swiper-wrapper {
    flex-wrap: nowrap;
}

/* temp side navigation fix for mobile
-------------------------------------------*/
@media only screen and (max-width: 640px) {
    #offCanvas:not(.off-canvas-init) {
        display: none;
    }
    #offCanvas {
        width: 100%;
    }
    #offCanvas.is-closed {
        display: none;
    }

    .position-left ~ .off-canvas-content {
        margin-left: 0 !important;
    }
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    10% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    10% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
.fade-out {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    opacity: 1;
    transition: opacity 0.3s;
}

html .dropzone {
    border: 1px dashed var(--brand-colour);
    background: #eee;
    border-radius: 10px;
}
#user_image {
}
html .dropzone .dz-message {
    margin: 0;
    padding: 0 0 10px 0;
}
.dropzone .dz-message .upload-profile {
    display: block;
    position: relative;
    background: none;
    height: auto;
    padding: 100px 0 0 0;
}
.dropzone .dz-message .upload-profile:before {
    content: "";
    position: absolute;
    top: 1em;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 60px;
    background: url(/resources/images/icons/upload-photo2.svg) center no-repeat;
    background-size: 40px auto;
    opacity: 0.6;
}
.dropzone .dz-message .upload-txt {
    display: block;
    background: none;
    height: auto;
    padding: 0;
    color: var(--color-ui-950);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-l);
}
.dropzone .dz-message .supported-formats {
    display: block;
    background: none;
    height: auto;
    font-weight: var(--font-weight-regular);
    color: var(--color-ui-500);
    font-size: var(--font-size-m);
    padding: 0;
}
.dropzone .dz-message .btn.outline.btn-r.regular-r {
    display: block;
    margin: 20px 0;
    background: transparent;
    height: auto;
    padding: 10px 24px;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-r);
    left: 50%;
    transform: translateX(-50%);
    color: var(--color-ui-950);
    border-color: var(--color-ui-950);
}
.dropzone .dz-message .btn.outline.btn-r.regular-r:hover {
    background-color: var(--color-brand-700);
    border-color: var(--color-brand-700);
    color: white;
}
.crop-control-wrapper.row {
    max-width: 300px;
}

.crop-control-wrapper.single-image {
    text-align: center;
}

.crop-control-wrapper.row .replace-button,
.crop-control-wrapper.row .delete-button {
    display: inline-block;
    font-size: 12px;
    line-height: 1.1em;
    padding: 7px 12px 7px 30px;
    font-style: normal;
    margin-right: 4px;
    background: var(--color-ui-200);
    color: var(--color-ui-900);
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    font-weight: var(--font-weight-regular);
    letter-spacing: 0.02em;
}

.crop-control-wrapper.row .delete-button,
.crop-control-wrapper.row .replace-button {
    padding: 7px 12px 7px 27px;
}
.crop-control-wrapper.row .delete-button:before {
    content: "";
    display: inline-block;
    background: url("/resources/images/buttons/delete.svg") 0 50% no-repeat;
    background-size: 11px auto;
    height: 16px;
    width: 18px;
    filter: var(--filter-ui-800);
    position: absolute;
    top: 6px;
    left: 9px;
}
.delete-button:hover:before {
    filter: invert(100%);
}

.crop-control-wrapper.row .replace-button:before {
    content: "";
    display: inline-block;
    background: url("/resources/images/buttons/news-refresh.svg") 0 50% no-repeat;
    background-size: 11px auto;
    height: 16px;
    width: 18px;
    filter: var(--filter-ui-800);
    position: absolute;
    top: 6px;
    left: 9px;
}
.replace-button:hover:before {
    filter: invert(100%);
}

.modal-overlay .croppie-container {
    margin: 0 auto;
}
.modal-overlay .croppie-container .save-crop-button {
    font-style: normal;
}

.edit-photo-hover {
    position: relative;
    float: left;
}
.edit-photo-hover:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(/resources/images/icons/edit-photo.svg) 50% 20% no-repeat rgba(255, 255, 255, 0.5);
    background-size: 18px auto;
    filter: invert(1);
    opacity: 0;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    z-index: 4;
}
.edit-photo-hover:after {
    content: "Click to change";
    position: absolute;
    top: 46%;
    left: 0;
    z-index: 5;
    width: 75px;
    opacity: 0;
    color: var(--color-ui-1);
    text-align: center;
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-xs);
    line-height: 1.1em;
}
.edit-photo-hover:hover:before,
.edit-photo-hover:hover:after {
    animation: fadeInAfterDelay 250ms forwards 5ms;
}
.modal-overlay #user_image {
    margin: 0 auto;
    width: 450px;
}

/* user photo edit */
.heading-section .user-details .user-photo .edit-photo-hover:before {
    width: 75px;
    height: 75px;
    background-size: 16px auto;
    background-position: 50% 22%;
}
.heading-section .user-details .user-photo .edit-photo-hover:after {
    width: 74px;
    font-size: 11px;
    line-height: 1em;
    left: 1px;
    top: 47%;
}

/* PDF links */

.pdf-list {
    display: flex;
    margin-top: 10px;
    padding: 0;
    flex-wrap: wrap;
}
.pdf-list li {
    vertical-align: top;
    display: inline-block;
    margin: 0 0 8px 0;
    position: relative;
    list-style: none;
}
@media only screen and (max-width: 640px) {
    .pdf-list li {
        margin: 0 0 8px 0;
        width: 50%;
        padding: 0 6px;
    }
}
.pdf-list li label {
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: block;
    width: 100%;
    height: auto;
}
.pdf-list li label img {
    border: 1px solid #eee;
}
.pdf-list li input:checked + label:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/resources/images/icons/image-selected.svg) 50% 25% no-repeat;
    background-size: 60px auto;
    opacity: 0.9;
    z-index: 2;
}

.pdf-list input[type="checkbox"]:checked + label:before,
.pdf-list input[type="checkbox"] + label:before {
    display: none;
}
.pdf-list li .info .size {
    display: block;
    padding: 3px 0 0 0;
    color: var(--color-ui-500);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-light);
    text-transform: uppercase;
    margin: 0;
}
.pdf-list li .info .size span {
    font-weight: var(--font-weight-light);
    text-transform: none;
}

.pdf-list li .documentDetails {
    min-height: 84px;
    margin-top: var(--spacing-s2);
}
.pdf-list li .documentDetails .preview-link {
    font-size: var(--font-size-s);
    line-height: 1em;
    border: 1px solid var(--color-ui-300);
    padding: 4px 8px;
    border-radius: 3px;
    margin-top: var(--spacing-s2);
    display: inline-block;
}

.pdf-list .documentDetails .type {
    font-size: var(--font-size-s);
    text-transform: uppercase;
    margin: 0 0 var(--spacing-s1) 0;
}
.pdf-list .documentDetails p.title {
    font-size: var(--font-size-l);
    line-height: 1.2em;
    color: var(--color-ui-500);
    font-family: var(--font-family);
    font-weight: var(--font-weight-medium);
    word-wrap: break-word;
}

.pdf-list li .documentDetails p.volume {
    font-size: var(--font-size-xs);
    text-transform: uppercase;
    background: url(/resources/images/icons/icon-date.svg) 0 50% no-repeat;
    background-size: 12px auto;
    padding: 0 0 0 15px;
    margin: var(--spacing-s1) 0 0 0;
}
.pdf-list li .documentDetails p.embed {
    font-size: var(--font-size-xs);
    text-transform: uppercase;
    margin: var(--spacing-s1) 0 0 0;
}

.pdf-list li .documentDetails p.itinerary,
.pdf-list li .documentDetails p.no_of_days {
    font-size: var(--font-size-xs);
    text-transform: uppercase;
    margin: var(--spacing-s1) 0 0 0;
}

.pdf-list li .documentDetails .preview-link {
}

.pdf-sorting .pdf-list li input:checked + label:after {
    display: none;
}

.pdf-sorting .pdf-list li .img {
    position: relative;
}
.pdf-sorting .pdf-list li .img,
.pdf-sorting .pdf-list li:hover .img {
    border: 1px solid var(--color-ui-300);
    display: block;
}
.pdf-sorting .pdf-list li .img .photoPreview.move {
    display: none;
}
.pdf-sorting .pdf-list li:hover .img .photoPreview.move {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: url(/resources/images/icons/custom-move-icon.svg) center 30% no-repeat rgba(0, 0, 0, 0.5);
    background-size: 29px auto;
    width: 100%;
    height: 100%;
    color: var(--color-ui-1);
    text-align: center;
    font-weight: var(--font-weight-light);
    font-size: var(--font-size-s);
    padding-top: 26%;
}

.button.remove-documents {
    font-size: var(--font-size-s);
    line-height: 1em;
    padding: 12px 34px;
    margin-bottom: var(--spacing-s6);
}
.button.remove-documents span {
    font-size: var(--font-size-s);
}

.pdf-list.ui-sortable li .img {
    position: relative;
}
.pdf-list.ui-sortable li .img img {
    border: none;
}
.pdf-list.ui-sortable li .img,
.pdf-sorting .pdf-list li:hover .img {
    border: 1px solid var(--color-ui-300);
    display: block;
}
.pdf-list.ui-sortable li .img .photoPreview.move {
    display: none;
}
.pdf-list.ui-sortable li:hover .img .photoPreview.move {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: url(/resources/images/icons/custom-move-icon.svg) center 50% no-repeat rgba(0, 0, 0, 0.5);
    background-size: 29px auto;
    width: 100%;
    height: 100%;
    color: var(--color-ui-1);
    text-align: center;
    font-weight: var(--font-weight-light);
    font-size: var(--font-size-s);
    padding-top: 26%;
}

.pdf-list.ui-sortable li input:checked + label::after {
    display: none;
}

.documentListContainer .documentDetails {
    width: 100%;
    height: 80px;
    margin: 16px 0 0 0;
    float: left;
    position: relative;
}
.documentListContainer .documentDetails p {
    margin: 0;
    display: block;
    width: 100%;
}
.documentListContainer .documentDetails p.type {
    font-size: var(--font-size-xs);
    text-transform: uppercase;
    margin: 0 0 5px 0;
}
.documentListContainer .documentDetails p.title {
    font-size: var(--font-size-m);
    line-height: 1.2em;
    color: var(--color-ui-950);
    text-transform: uppercase;
    font-weight: var(--font-weight-semiBold);
    word-wrap: break-word;
    padding-right: 24px;
}
.documentListContainer .documentDetails .language-flag {
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
}
.documentListContainer .documentDetails p.volume {
    font-size: var(--font-size-xs);
    text-transform: uppercase;
    background: url(../images/icons/icon-date.svg) 0 50% no-repeat;
    background-size: 12px auto;
    padding: 0 0 0 var(--spacing-s4);
    margin: var(--spacing-s1) 0 0 0;
}

#shortlist-itinerary-list ul li .documentDetails img.language-flag,
#shortlist-destination-list ul li .documentDetails img.language-flag {
    border: none;
}

@media only screen and (max-width: 640px) {
    #shortlist-itinerary-list ul li .img,
    #shortlist-destination-list ul li .img,
    .pdf-list.ui-sortable li .img {
        width: 50%;
        float: left;
    }
    #shortlist-itinerary-list ul li .documentDetails,
    #shortlist-destination-list ul li .documentDetails,
    .pdf-list.ui-sortable li .documentDetails {
        width: 50%;
        float: left;
        padding-left: var(--spacing-s3);
        margin-top: var(--spacing-s1);
    }

    .documentListContainer .documentDetails p.title {
        width: 87%;
        word-wrap: revert;
    }
}

.jsDocumentMergeCheckbox {
    display: none;
}
.modal-overlay.no-header-or-footer .jsOverlayContent {
    overflow: visible;
}
@property --rotate {
    syntax: "<angle>";
    initial-value: 132deg;
    inherits: false;
}
.ai-border {
    padding: 2px;
    position: relative;
    border-radius: 8px;
    display: block;
}
.ai-border::before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background-image: linear-gradient(
        var(--rotate),
        var(--color-accent-600),
        var(--color-brand-400) 43%,
        var(--color-brand-800)
    );
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    animation: spin 4s linear infinite;
}

.ai-border::after {
    position: absolute;
    content: "";
    top: 3px;
    left: 3px;
    z-index: -1;
    height: calc(100% - 6px);
    width: calc(100% - 6px);
    margin: 0 auto;
    filter: blur(6px);
    background-image: linear-gradient(
        var(--rotate),
        var(--color-accent-600),
        var(--color-brand-400) 43%,
        var(--color-brand-800)
    );
    opacity: 1;
    transition: opacity 0.5s;
    animation: spin 4s linear infinite;
}

@keyframes spin {
    0% {
        --rotate: 0deg;
    }
    100% {
        --rotate: 360deg;
    }
}
.ai-border textarea {
    border: 0;
    border-radius: 8px;
}
.ai-border textarea::placeholder {
    color: var(--color-ui-500);
}
.ai-icon-left {
    position: relative;
    padding-left: 30px;
}
.ai-icon-left:before {
    content: "";
    filter: var(--brand-accent-filter);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: url(/resources/images/icons/ai.svg?v=3) 0 0 no-repeat;
    background-size: 21px auto;
    width: 21px;
    height: 21px;
}