abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
form,
h1,
h4,
h5,
h6,
hgroup,
ins,
kbd,
label,
legend,
mark,
menu,
nav,
object,
ol,
output,
pre,
q,
ruby,
s,
samp,
small,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
hgroup,
menu,
nav {
    display: block;
}

ol {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

    blockquote:after,
    blockquote:before,
    q:after,
    q:before {
        content: "";
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.dropleft,
.dropright,
.dropup {
    position: relative;
}

.dropdown-toggle {
    white-space: nowrap;
}

    .dropdown-toggle:after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
    }

    .dropdown-toggle:empty:after {
        margin-left: 0;
    }

.dropdown-menu-left {
    right: auto;
    left: 0;
}

@media (min-width: 576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-sm-right {
        right: 0;
        left: auto;
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-md-right {
        right: 0;
        left: auto;
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-lg-right {
        right: 0;
        left: auto;
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-xl-right {
        right: 0;
        left: auto;
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle:after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty:after {
    margin-left: 0;
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: 0.125rem;
}

.dropright .dropdown-toggle:after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
}

.dropright .dropdown-toggle:empty:after {
    margin-left: 0;
}

.dropright .dropdown-toggle:after {
    vertical-align: 0;
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: 0.125rem;
}

.dropleft .dropdown-toggle:after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    display: none;
}

.dropleft .dropdown-toggle:before {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty:after {
    margin-left: 0;
}

.dropleft .dropdown-toggle:before {
    vertical-align: 0;
}

.dropdown-menu[x-placement^="bottom"],
.dropdown-menu[x-placement^="left"],
.dropdown-menu[x-placement^="right"],
.dropdown-menu[x-placement^="top"] {
    right: auto;
    bottom: auto;
}

.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

    .dropdown-item:focus,
    .dropdown-item:hover {
        color: #16181b;
        text-decoration: none;
        background-color: #e9ecef;
    }

    .dropdown-item.active,
    .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #007bff;
    }

    .dropdown-item.disabled,
    .dropdown-item:disabled {
        color: #adb5bd;
        pointer-events: none;
        background-color: transparent;
    }

.dropdown-menu.show {
    display: block;
}

.dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #6c757d;
    white-space: nowrap;
}

.dropdown-item-text {
    display: block;
    padding: 0.25rem 1.5rem;
    color: #212529;
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none;
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default;
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

    .nav-tabs .nav-link {
        margin-bottom: -1px;
        background-color: transparent;
        border: 1px solid transparent;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }

        .nav-tabs .nav-link:focus,
        .nav-tabs .nav-link:hover {
            isolation: isolate;
            border-color: #e9ecef #e9ecef #dee2e6;
        }

        .nav-tabs .nav-link.disabled {
            color: #6c757d;
            background-color: transparent;
            border-color: transparent;
        }

        .nav-tabs .nav-item.show .nav-link,
        .nav-tabs .nav-link.active {
            color: #495057;
            background-color: #fff;
            border-color: #dee2e6 #dee2e6 #fff;
        }

    .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: 0.25rem;
}

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #007bff;
    }

.nav-fill .nav-item,
.nav-fill > .nav-link {
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified .nav-item,
.nav-justified > .nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.fade {
    transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}

.fade:not(.show) {
    opacity: 0;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}

.collapsing.width {
    width: 0;
    height: auto;
    transition: width 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing.width {
        transition: none;
    }
}
/*! Cooltipz.css v1.7.1 | MIT License | github.com/jackdomleo7/Cooltipz.css */
:root {
    --cooltipz-cursor: pointer;
}

[aria-label][class*="cooltipz"].cooltipz--bottom-left:before,
[aria-label][class*="cooltipz"].cooltipz--bottom-right:before,
[aria-label][class*="cooltipz"].cooltipz--bottom:before,
[aria-label][class*="cooltipz"].cooltipz--left:before,
[aria-label][class*="cooltipz"].cooltipz--right:before,
[aria-label][class*="cooltipz"].cooltipz--top-left:before,
[aria-label][class*="cooltipz"].cooltipz--top-right:before,
[aria-label][class*="cooltipz"].cooltipz--top:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom-left"]:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom-right"]:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom"]:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="left"]:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="right"]:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top-left"]:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top-right"]:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top"]:before,
[aria-label][data-cooltipz-dir].cooltipz--bottom-left:before,
[aria-label][data-cooltipz-dir].cooltipz--bottom-right:before,
[aria-label][data-cooltipz-dir].cooltipz--bottom:before,
[aria-label][data-cooltipz-dir].cooltipz--left:before,
[aria-label][data-cooltipz-dir].cooltipz--right:before,
[aria-label][data-cooltipz-dir].cooltipz--top-left:before,
[aria-label][data-cooltipz-dir].cooltipz--top-right:before,
[aria-label][data-cooltipz-dir].cooltipz--top:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom-left"]:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom-right"]:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="left"]:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="right"]:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top-left"]:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top-right"]:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top"]:before {
    border: var(--cooltipz-arrow-size, 0.3125rem) solid transparent;
    height: 0;
    width: 0;
}

[aria-label][class*="cooltipz"].cooltipz--top-left:before,
[aria-label][class*="cooltipz"].cooltipz--top-right:before,
[aria-label][class*="cooltipz"].cooltipz--top:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top-left"]:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top-right"]:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top"]:before,
[aria-label][data-cooltipz-dir].cooltipz--top-left:before,
[aria-label][data-cooltipz-dir].cooltipz--top-right:before,
[aria-label][data-cooltipz-dir].cooltipz--top:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top-left"]:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top-right"]:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top"]:before {
    border-top-color: var(--cooltipz-border-color, #1f1f1f);
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.3));
}

[aria-label][class*="cooltipz"].cooltipz--bottom-left:before,
[aria-label][class*="cooltipz"].cooltipz--bottom-right:before,
[aria-label][class*="cooltipz"].cooltipz--bottom:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom-left"]:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom-right"]:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom"]:before,
[aria-label][data-cooltipz-dir].cooltipz--bottom-left:before,
[aria-label][data-cooltipz-dir].cooltipz--bottom-right:before,
[aria-label][data-cooltipz-dir].cooltipz--bottom:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom-left"]:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom-right"]:before {
    border-bottom-color: var(--cooltipz-border-color, #1f1f1f);
    filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.3));
}

[aria-label][class*="cooltipz"].cooltipz--right:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="right"]:before,
[aria-label][data-cooltipz-dir].cooltipz--right:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="right"]:before {
    border-right-color: var(--cooltipz-border-color, #1f1f1f);
    filter: drop-shadow(-1px 0 1px rgba(0, 0, 0, 0.3));
}

[aria-label][class*="cooltipz"].cooltipz--left:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="left"]:before,
[aria-label][data-cooltipz-dir].cooltipz--left:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="left"]:before {
    border-left-color: var(--cooltipz-border-color, #1f1f1f);
    filter: drop-shadow(1px 0 1px rgba(0, 0, 0, 0.3));
}

[aria-label][class*="cooltipz"].cooltipz--fit:after,
[aria-label][class*="cooltipz"].cooltipz--large:after,
[aria-label][class*="cooltipz"].cooltipz--medium:after,
[aria-label][class*="cooltipz"].cooltipz--small:after,
[aria-label][class*="cooltipz"][data-cooltipz-size="fit"]:after,
[aria-label][class*="cooltipz"][data-cooltipz-size="large"]:after,
[aria-label][class*="cooltipz"][data-cooltipz-size="medium"]:after,
[aria-label][class*="cooltipz"][data-cooltipz-size="small"]:after,
[aria-label][data-cooltipz-dir].cooltipz--fit:after,
[aria-label][data-cooltipz-dir].cooltipz--large:after,
[aria-label][data-cooltipz-dir].cooltipz--medium:after,
[aria-label][data-cooltipz-dir].cooltipz--small:after,
[aria-label][data-cooltipz-dir][data-cooltipz-size="fit"]:after,
[aria-label][data-cooltipz-dir][data-cooltipz-size="large"]:after,
[aria-label][data-cooltipz-dir][data-cooltipz-size="medium"]:after,
[aria-label][data-cooltipz-dir][data-cooltipz-size="small"]:after {
    white-space: normal;
    word-wrap: break-word;
}

[aria-label][class*="cooltipz"],
[aria-label][data-cooltipz-dir] {
    cursor: var(--cooltipz-cursor, pointer);
    position: relative;
}

    [aria-label][class*="cooltipz"]:after {
        background-color: var(--cooltipz-bg-color, #1f1f1f);
        border-radius: var(--cooltipz-border-radius, 0.125rem);
        border: var(--cooltipz-border-width, 0) var(--cooltipz-border-style, solid) var(--cooltipz-border-color, #1f1f1f);
        box-shadow: 0 0 0.1875rem rgba(0, 0, 0, 0.3);
        color: var(--cooltipz-text-color, #fff);
        content: attr(aria-label);
        font-family: Verdana, Geneva, Tahoma, var(--cooltipz-fontawesome, Arial), sans-serif;
        font-size: var(--cooltipz-font-size, 0.75rem);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-weight: 400;
        padding: 0.5em 1em;
        text-indent: 0;
        text-shadow: none;
        white-space: nowrap;
        z-index: 10;
    }

    [aria-label][class*="cooltipz"]:before {
        content: "";
        z-index: 11;
    }

    [aria-label][class*="cooltipz"]:after,
    [aria-label][class*="cooltipz"]:before,
    [aria-label][data-cooltipz-dir]:after,
    [aria-label][data-cooltipz-dir]:before {
        transition: all var(--cooltipz-timing, 0.12s) ease-out var(--cooltipz-timing, 0.12s);
        box-sizing: border-box;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        transition-delay: var(--cooltipz-delay-hide, 0s);
    }

@media (prefers-reduced-motion: reduce) {
    [aria-label][class*="cooltipz"]:after,
    [aria-label][class*="cooltipz"]:before,
    [aria-label][data-cooltipz-dir]:after,
    [aria-label][data-cooltipz-dir]:before {
        transition: none;
    }
}

[aria-label][class*="cooltipz"].cooltipz--visible:after,
[aria-label][class*="cooltipz"].cooltipz--visible:before,
[aria-label][class*="cooltipz"]:focus:after,
[aria-label][class*="cooltipz"]:focus:before,
[aria-label][class*="cooltipz"]:hover:after,
[aria-label][class*="cooltipz"]:hover:before,
[aria-label][class*="cooltipz"][data-cooltipz-visible]:after,
[aria-label][class*="cooltipz"][data-cooltipz-visible]:before,
[aria-label][data-cooltipz-dir].cooltipz--visible:after,
[aria-label][data-cooltipz-dir].cooltipz--visible:before,
[aria-label][data-cooltipz-dir]:focus:after,
[aria-label][data-cooltipz-dir]:focus:before,
[aria-label][data-cooltipz-dir]:hover:after,
[aria-label][data-cooltipz-dir]:hover:before,
[aria-label][data-cooltipz-dir][data-cooltipz-visible]:after,
[aria-label][data-cooltipz-dir][data-cooltipz-visible]:before {
    opacity: 1;
    transition-delay: var(--cooltipz-delay-show, 0s);
}

[aria-label][class*="cooltipz"].cooltipz--top:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top"]:after,
[aria-label][data-cooltipz-dir].cooltipz--top:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top"]:after {
    margin-bottom: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2);
}

[aria-label][class*="cooltipz"].cooltipz--top:after,
[aria-label][class*="cooltipz"].cooltipz--top:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top"]:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top"]:before,
[aria-label][data-cooltipz-dir].cooltipz--top:after,
[aria-label][data-cooltipz-dir].cooltipz--top:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top"]:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top"]:before {
    bottom: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2);
    left: 50%;
    transform: translate(-50%, var(--cooltipz-slide, 6px));
    transform-origin: top;
}

[aria-label][class*="cooltipz"].cooltipz--top.cooltipz--visible:after,
[aria-label][class*="cooltipz"].cooltipz--top.cooltipz--visible:before,
[aria-label][class*="cooltipz"].cooltipz--top:focus:after,
[aria-label][class*="cooltipz"].cooltipz--top:focus:before,
[aria-label][class*="cooltipz"].cooltipz--top:hover:after,
[aria-label][class*="cooltipz"].cooltipz--top:hover:before,
[aria-label][class*="cooltipz"].cooltipz--top[data-cooltipz-visible]:after,
[aria-label][class*="cooltipz"].cooltipz--top[data-cooltipz-visible]:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top"].cooltipz--visible:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top"].cooltipz--visible:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top"]:focus:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top"]:focus:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top"]:hover:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top"]:hover:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top"][data-cooltipz-visible]:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top"][data-cooltipz-visible]:before,
[aria-label][data-cooltipz-dir].cooltipz--top.cooltipz--visible:after,
[aria-label][data-cooltipz-dir].cooltipz--top.cooltipz--visible:before,
[aria-label][data-cooltipz-dir].cooltipz--top:focus:after,
[aria-label][data-cooltipz-dir].cooltipz--top:focus:before,
[aria-label][data-cooltipz-dir].cooltipz--top:hover:after,
[aria-label][data-cooltipz-dir].cooltipz--top:hover:before,
[aria-label][data-cooltipz-dir].cooltipz--top[data-cooltipz-visible]:after,
[aria-label][data-cooltipz-dir].cooltipz--top[data-cooltipz-visible]:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top"].cooltipz--visible:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top"].cooltipz--visible:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top"]:focus:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top"]:focus:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top"]:hover:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top"]:hover:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top"][data-cooltipz-visible]:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top"][data-cooltipz-visible]:before {
    transform: translate(-50%);
}

[aria-label][class*="cooltipz"].cooltipz--top-left:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top-left"]:after,
[aria-label][data-cooltipz-dir].cooltipz--top-left:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top-left"]:after {
    left: 0;
    margin-bottom: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2);
}

[aria-label][class*="cooltipz"].cooltipz--top-left:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top-left"]:before,
[aria-label][data-cooltipz-dir].cooltipz--top-left:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top-left"]:before {
    left: calc(var(--cooltipz-arrow-size, 0.3125rem) / 2);
}

[aria-label][class*="cooltipz"].cooltipz--top-left:after,
[aria-label][class*="cooltipz"].cooltipz--top-left:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top-left"]:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top-left"]:before,
[aria-label][data-cooltipz-dir].cooltipz--top-left:after,
[aria-label][data-cooltipz-dir].cooltipz--top-left:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top-left"]:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top-left"]:before {
    bottom: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2);
    transform: translateY(var(--cooltipz-slide, 6px));
    transform-origin: top;
}

[aria-label][class*="cooltipz"].cooltipz--top-left.cooltipz--visible:after,
[aria-label][class*="cooltipz"].cooltipz--top-left.cooltipz--visible:before,
[aria-label][class*="cooltipz"].cooltipz--top-left:focus:after,
[aria-label][class*="cooltipz"].cooltipz--top-left:focus:before,
[aria-label][class*="cooltipz"].cooltipz--top-left:hover:after,
[aria-label][class*="cooltipz"].cooltipz--top-left:hover:before,
[aria-label][class*="cooltipz"].cooltipz--top-left[data-cooltipz-visible]:after,
[aria-label][class*="cooltipz"].cooltipz--top-left[data-cooltipz-visible]:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top-left"].cooltipz--visible:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top-left"].cooltipz--visible:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top-left"]:focus:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top-left"]:focus:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top-left"]:hover:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top-left"]:hover:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top-left"][data-cooltipz-visible]:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top-left"][data-cooltipz-visible]:before,
[aria-label][data-cooltipz-dir].cooltipz--top-left.cooltipz--visible:after,
[aria-label][data-cooltipz-dir].cooltipz--top-left.cooltipz--visible:before,
[aria-label][data-cooltipz-dir].cooltipz--top-left:focus:after,
[aria-label][data-cooltipz-dir].cooltipz--top-left:focus:before,
[aria-label][data-cooltipz-dir].cooltipz--top-left:hover:after,
[aria-label][data-cooltipz-dir].cooltipz--top-left:hover:before,
[aria-label][data-cooltipz-dir].cooltipz--top-left[data-cooltipz-visible]:after,
[aria-label][data-cooltipz-dir].cooltipz--top-left[data-cooltipz-visible]:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top-left"].cooltipz--visible:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top-left"].cooltipz--visible:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top-left"]:focus:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top-left"]:focus:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top-left"]:hover:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top-left"]:hover:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top-left"][data-cooltipz-visible]:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top-left"][data-cooltipz-visible]:before {
    transform: translate(0);
}

[aria-label][class*="cooltipz"].cooltipz--top-right:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top-right"]:after,
[aria-label][data-cooltipz-dir].cooltipz--top-right:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top-right"]:after {
    margin-bottom: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2);
    right: 0;
}

[aria-label][class*="cooltipz"].cooltipz--top-right:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top-right"]:before,
[aria-label][data-cooltipz-dir].cooltipz--top-right:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top-right"]:before {
    right: calc(var(--cooltipz-arrow-size, 0.3125rem) / 2);
}

[aria-label][class*="cooltipz"].cooltipz--top-right:after,
[aria-label][class*="cooltipz"].cooltipz--top-right:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top-right"]:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top-right"]:before,
[aria-label][data-cooltipz-dir].cooltipz--top-right:after,
[aria-label][data-cooltipz-dir].cooltipz--top-right:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top-right"]:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top-right"]:before {
    bottom: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2);
    transform: translateY(var(--cooltipz-slide, 6px));
    transform-origin: top;
}

[aria-label][class*="cooltipz"].cooltipz--top-right.cooltipz--visible:after,
[aria-label][class*="cooltipz"].cooltipz--top-right.cooltipz--visible:before,
[aria-label][class*="cooltipz"].cooltipz--top-right:focus:after,
[aria-label][class*="cooltipz"].cooltipz--top-right:focus:before,
[aria-label][class*="cooltipz"].cooltipz--top-right:hover:after,
[aria-label][class*="cooltipz"].cooltipz--top-right:hover:before,
[aria-label][class*="cooltipz"].cooltipz--top-right[data-cooltipz-visible]:after,
[aria-label][class*="cooltipz"].cooltipz--top-right[data-cooltipz-visible]:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top-right"].cooltipz--visible:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top-right"].cooltipz--visible:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top-right"]:focus:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top-right"]:focus:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top-right"]:hover:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top-right"]:hover:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top-right"][data-cooltipz-visible]:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="top-right"][data-cooltipz-visible]:before,
[aria-label][data-cooltipz-dir].cooltipz--top-right.cooltipz--visible:after,
[aria-label][data-cooltipz-dir].cooltipz--top-right.cooltipz--visible:before,
[aria-label][data-cooltipz-dir].cooltipz--top-right:focus:after,
[aria-label][data-cooltipz-dir].cooltipz--top-right:focus:before,
[aria-label][data-cooltipz-dir].cooltipz--top-right:hover:after,
[aria-label][data-cooltipz-dir].cooltipz--top-right:hover:before,
[aria-label][data-cooltipz-dir].cooltipz--top-right[data-cooltipz-visible]:after,
[aria-label][data-cooltipz-dir].cooltipz--top-right[data-cooltipz-visible]:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top-right"].cooltipz--visible:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top-right"].cooltipz--visible:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top-right"]:focus:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top-right"]:focus:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top-right"]:hover:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top-right"]:hover:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top-right"][data-cooltipz-visible]:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="top-right"][data-cooltipz-visible]:before {
    transform: translate(0);
}

[aria-label][class*="cooltipz"].cooltipz--bottom:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom"]:after,
[aria-label][data-cooltipz-dir].cooltipz--bottom:after {
    margin-top: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2);
}

[aria-label][class*="cooltipz"].cooltipz--bottom:after,
[aria-label][class*="cooltipz"].cooltipz--bottom:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom"]:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom"]:before,
[aria-label][data-cooltipz-dir].cooltipz--bottom:after,
[aria-label][data-cooltipz-dir].cooltipz--bottom:before {
    left: 50%;
    top: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2);
    transform: translate(-50%, calc(var(--cooltipz-slide, 6px) * -1));
    transform-origin: bottom;
}

[aria-label][class*="cooltipz"].cooltipz--bottom.cooltipz--visible:after,
[aria-label][class*="cooltipz"].cooltipz--bottom.cooltipz--visible:before,
[aria-label][class*="cooltipz"].cooltipz--bottom:focus:after,
[aria-label][class*="cooltipz"].cooltipz--bottom:focus:before,
[aria-label][class*="cooltipz"].cooltipz--bottom:hover:after,
[aria-label][class*="cooltipz"].cooltipz--bottom:hover:before,
[aria-label][class*="cooltipz"].cooltipz--bottom[data-cooltipz-visible]:after,
[aria-label][class*="cooltipz"].cooltipz--bottom[data-cooltipz-visible]:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom"].cooltipz--visible:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom"].cooltipz--visible:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom"]:focus:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom"]:focus:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom"]:hover:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom"]:hover:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom"][data-cooltipz-visible]:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom"][data-cooltipz-visible]:before,
[aria-label][data-cooltipz-dir].cooltipz--bottom.cooltipz--visible:after,
[aria-label][data-cooltipz-dir].cooltipz--bottom.cooltipz--visible:before,
[aria-label][data-cooltipz-dir].cooltipz--bottom:focus:after,
[aria-label][data-cooltipz-dir].cooltipz--bottom:focus:before,
[aria-label][data-cooltipz-dir].cooltipz--bottom:hover:after,
[aria-label][data-cooltipz-dir].cooltipz--bottom:hover:before,
[aria-label][data-cooltipz-dir].cooltipz--bottom[data-cooltipz-visible]:after,
[aria-label][data-cooltipz-dir].cooltipz--bottom[data-cooltipz-visible]:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom"].cooltipz--visible:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom"].cooltipz--visible:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom"]:focus:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom"]:focus:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom"]:hover:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom"]:hover:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom"][data-cooltipz-visible]:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom"][data-cooltipz-visible]:before {
    transform: translate(-50%);
}

[aria-label][class*="cooltipz"].cooltipz--bottom-left:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom-left"]:after,
[aria-label][data-cooltipz-dir].cooltipz--bottom-left:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom-left"]:after {
    left: 0;
    margin-top: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2);
}

[aria-label][class*="cooltipz"].cooltipz--bottom-left:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom-left"]:before,
[aria-label][data-cooltipz-dir].cooltipz--bottom-left:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom-left"]:before {
    left: calc(var(--cooltipz-arrow-size, 0.3125rem) / 2);
}

[aria-label][class*="cooltipz"].cooltipz--bottom-left:after,
[aria-label][class*="cooltipz"].cooltipz--bottom-left:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom-left"]:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom-left"]:before,
[aria-label][data-cooltipz-dir].cooltipz--bottom-left:after,
[aria-label][data-cooltipz-dir].cooltipz--bottom-left:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom-left"]:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom-left"]:before {
    top: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2);
    transform: translateY(calc(var(--cooltipz-slide, 6px) * -1));
    transform-origin: bottom;
}

[aria-label][class*="cooltipz"].cooltipz--bottom-left.cooltipz--visible:after,
[aria-label][class*="cooltipz"].cooltipz--bottom-left.cooltipz--visible:before,
[aria-label][class*="cooltipz"].cooltipz--bottom-left:focus:after,
[aria-label][class*="cooltipz"].cooltipz--bottom-left:focus:before,
[aria-label][class*="cooltipz"].cooltipz--bottom-left:hover:after,
[aria-label][class*="cooltipz"].cooltipz--bottom-left:hover:before,
[aria-label][class*="cooltipz"].cooltipz--bottom-left[data-cooltipz-visible]:after,
[aria-label][class*="cooltipz"].cooltipz--bottom-left[data-cooltipz-visible]:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom-left"].cooltipz--visible:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom-left"].cooltipz--visible:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom-left"]:focus:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom-left"]:focus:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom-left"]:hover:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom-left"]:hover:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom-left"][data-cooltipz-visible]:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom-left"][data-cooltipz-visible]:before,
[aria-label][data-cooltipz-dir].cooltipz--bottom-left.cooltipz--visible:after,
[aria-label][data-cooltipz-dir].cooltipz--bottom-left.cooltipz--visible:before,
[aria-label][data-cooltipz-dir].cooltipz--bottom-left:focus:after,
[aria-label][data-cooltipz-dir].cooltipz--bottom-left:focus:before,
[aria-label][data-cooltipz-dir].cooltipz--bottom-left:hover:after,
[aria-label][data-cooltipz-dir].cooltipz--bottom-left:hover:before,
[aria-label][data-cooltipz-dir].cooltipz--bottom-left[data-cooltipz-visible]:after,
[aria-label][data-cooltipz-dir].cooltipz--bottom-left[data-cooltipz-visible]:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom-left"].cooltipz--visible:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom-left"].cooltipz--visible:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom-left"]:focus:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom-left"]:focus:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom-left"]:hover:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom-left"]:hover:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom-left"][data-cooltipz-visible]:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom-left"][data-cooltipz-visible]:before {
    transform: translate(0);
}

[aria-label][class*="cooltipz"].cooltipz--bottom-right:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom-right"]:after,
[aria-label][data-cooltipz-dir].cooltipz--bottom-right:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom-right"]:after {
    margin-top: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2);
    right: 0;
}

[aria-label][class*="cooltipz"].cooltipz--bottom-right:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom-right"]:before,
[aria-label][data-cooltipz-dir].cooltipz--bottom-right:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom-right"]:before {
    right: calc(var(--cooltipz-arrow-size, 0.3125rem) / 2);
}

[aria-label][class*="cooltipz"].cooltipz--bottom-right:after,
[aria-label][class*="cooltipz"].cooltipz--bottom-right:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom-right"]:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom-right"]:before,
[aria-label][data-cooltipz-dir].cooltipz--bottom-right:after,
[aria-label][data-cooltipz-dir].cooltipz--bottom-right:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom-right"]:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom-right"]:before {
    top: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2);
    transform: translateY(calc(var(--cooltipz-slide, 6px) * -1));
    transform-origin: bottom;
}

[aria-label][class*="cooltipz"].cooltipz--bottom-right.cooltipz--visible:after,
[aria-label][class*="cooltipz"].cooltipz--bottom-right.cooltipz--visible:before,
[aria-label][class*="cooltipz"].cooltipz--bottom-right:focus:after,
[aria-label][class*="cooltipz"].cooltipz--bottom-right:focus:before,
[aria-label][class*="cooltipz"].cooltipz--bottom-right:hover:after,
[aria-label][class*="cooltipz"].cooltipz--bottom-right:hover:before,
[aria-label][class*="cooltipz"].cooltipz--bottom-right[data-cooltipz-visible]:after,
[aria-label][class*="cooltipz"].cooltipz--bottom-right[data-cooltipz-visible]:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom-right"].cooltipz--visible:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom-right"].cooltipz--visible:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom-right"]:focus:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom-right"]:focus:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom-right"]:hover:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom-right"]:hover:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom-right"][data-cooltipz-visible]:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="bottom-right"][data-cooltipz-visible]:before,
[aria-label][data-cooltipz-dir].cooltipz--bottom-right.cooltipz--visible:after,
[aria-label][data-cooltipz-dir].cooltipz--bottom-right.cooltipz--visible:before,
[aria-label][data-cooltipz-dir].cooltipz--bottom-right:focus:after,
[aria-label][data-cooltipz-dir].cooltipz--bottom-right:focus:before,
[aria-label][data-cooltipz-dir].cooltipz--bottom-right:hover:after,
[aria-label][data-cooltipz-dir].cooltipz--bottom-right:hover:before,
[aria-label][data-cooltipz-dir].cooltipz--bottom-right[data-cooltipz-visible]:after,
[aria-label][data-cooltipz-dir].cooltipz--bottom-right[data-cooltipz-visible]:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom-right"].cooltipz--visible:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom-right"].cooltipz--visible:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom-right"]:focus:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom-right"]:focus:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom-right"]:hover:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom-right"]:hover:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom-right"][data-cooltipz-visible]:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom-right"][data-cooltipz-visible]:before {
    transform: translate(0);
}

[aria-label][class*="cooltipz"].cooltipz--left:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="left"]:after,
[aria-label][data-cooltipz-dir].cooltipz--left:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="left"]:after {
    margin-right: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2);
}

[aria-label][class*="cooltipz"].cooltipz--left:after,
[aria-label][class*="cooltipz"].cooltipz--left:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="left"]:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="left"]:before,
[aria-label][data-cooltipz-dir].cooltipz--left:after,
[aria-label][data-cooltipz-dir].cooltipz--left:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="left"]:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="left"]:before {
    right: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2);
    top: 50%;
    transform: translate(var(--cooltipz-slide, 6px), -50%);
    transform-origin: left;
}

[aria-label][class*="cooltipz"].cooltipz--left.cooltipz--visible:after,
[aria-label][class*="cooltipz"].cooltipz--left.cooltipz--visible:before,
[aria-label][class*="cooltipz"].cooltipz--left:focus:after,
[aria-label][class*="cooltipz"].cooltipz--left:focus:before,
[aria-label][class*="cooltipz"].cooltipz--left:hover:after,
[aria-label][class*="cooltipz"].cooltipz--left:hover:before,
[aria-label][class*="cooltipz"].cooltipz--left[data-cooltipz-visible]:after,
[aria-label][class*="cooltipz"].cooltipz--left[data-cooltipz-visible]:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="left"].cooltipz--visible:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="left"].cooltipz--visible:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="left"]:focus:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="left"]:focus:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="left"]:hover:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="left"]:hover:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="left"][data-cooltipz-visible]:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="left"][data-cooltipz-visible]:before,
[aria-label][data-cooltipz-dir].cooltipz--left.cooltipz--visible:after,
[aria-label][data-cooltipz-dir].cooltipz--left.cooltipz--visible:before,
[aria-label][data-cooltipz-dir].cooltipz--left:focus:after,
[aria-label][data-cooltipz-dir].cooltipz--left:focus:before,
[aria-label][data-cooltipz-dir].cooltipz--left:hover:after,
[aria-label][data-cooltipz-dir].cooltipz--left:hover:before,
[aria-label][data-cooltipz-dir].cooltipz--left[data-cooltipz-visible]:after,
[aria-label][data-cooltipz-dir].cooltipz--left[data-cooltipz-visible]:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="left"].cooltipz--visible:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="left"].cooltipz--visible:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="left"]:focus:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="left"]:focus:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="left"]:hover:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="left"]:hover:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="left"][data-cooltipz-visible]:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="left"][data-cooltipz-visible]:before {
    transform: translateY(-50%);
}

[aria-label][class*="cooltipz"].cooltipz--right:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="right"]:after,
[aria-label][data-cooltipz-dir].cooltipz--right:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="right"]:after {
    margin-left: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2);
}

[aria-label][class*="cooltipz"].cooltipz--right:after,
[aria-label][class*="cooltipz"].cooltipz--right:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="right"]:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="right"]:before,
[aria-label][data-cooltipz-dir].cooltipz--right:after,
[aria-label][data-cooltipz-dir].cooltipz--right:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="right"]:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="right"]:before {
    left: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2);
    top: 50%;
    transform: translate(calc(var(--cooltipz-slide, 6px) * -1), -50%);
    transform-origin: right;
}

[aria-label][class*="cooltipz"].cooltipz--right.cooltipz--visible:after,
[aria-label][class*="cooltipz"].cooltipz--right.cooltipz--visible:before,
[aria-label][class*="cooltipz"].cooltipz--right:focus:after,
[aria-label][class*="cooltipz"].cooltipz--right:focus:before,
[aria-label][class*="cooltipz"].cooltipz--right:hover:after,
[aria-label][class*="cooltipz"].cooltipz--right:hover:before,
[aria-label][class*="cooltipz"].cooltipz--right[data-cooltipz-visible]:after,
[aria-label][class*="cooltipz"].cooltipz--right[data-cooltipz-visible]:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="right"].cooltipz--visible:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="right"].cooltipz--visible:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="right"]:focus:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="right"]:focus:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="right"]:hover:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="right"]:hover:before,
[aria-label][class*="cooltipz"][data-cooltipz-dir="right"][data-cooltipz-visible]:after,
[aria-label][class*="cooltipz"][data-cooltipz-dir="right"][data-cooltipz-visible]:before,
[aria-label][data-cooltipz-dir].cooltipz--right.cooltipz--visible:after,
[aria-label][data-cooltipz-dir].cooltipz--right.cooltipz--visible:before,
[aria-label][data-cooltipz-dir].cooltipz--right:focus:after,
[aria-label][data-cooltipz-dir].cooltipz--right:focus:before,
[aria-label][data-cooltipz-dir].cooltipz--right:hover:after,
[aria-label][data-cooltipz-dir].cooltipz--right:hover:before,
[aria-label][data-cooltipz-dir].cooltipz--right[data-cooltipz-visible]:after,
[aria-label][data-cooltipz-dir].cooltipz--right[data-cooltipz-visible]:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="right"].cooltipz--visible:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="right"].cooltipz--visible:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="right"]:focus:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="right"]:focus:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="right"]:hover:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="right"]:hover:before,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="right"][data-cooltipz-visible]:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="right"][data-cooltipz-visible]:before {
    transform: translateY(-50%);
}

[aria-label][class*="cooltipz"].cooltipz--fit:after,
[aria-label][class*="cooltipz"][data-cooltipz-size="fit"]:after,
[aria-label][data-cooltipz-dir].cooltipz--fit:after,
[aria-label][data-cooltipz-dir][data-cooltipz-size="fit"]:after {
    width: 100%;
}

[aria-label][class*="cooltipz"].cooltipz--small:after,
[aria-label][class*="cooltipz"][data-cooltipz-size="small"]:after,
[aria-label][data-cooltipz-dir].cooltipz--small:after,
[aria-label][data-cooltipz-dir][data-cooltipz-size="small"]:after {
    width: var(--cooltipz-small, 6.25rem);
}

[aria-label][class*="cooltipz"].cooltipz--medium:after,
[aria-label][class*="cooltipz"][data-cooltipz-size="medium"]:after,
[aria-label][data-cooltipz-dir].cooltipz--medium:after,
[aria-label][data-cooltipz-dir][data-cooltipz-size="medium"]:after {
    width: var(--cooltipz-medium, 12.5rem);
}

[aria-label][class*="cooltipz"].cooltipz--large:after,
[aria-label][class*="cooltipz"][data-cooltipz-size="large"]:after,
[aria-label][data-cooltipz-dir].cooltipz--large:after,
[aria-label][data-cooltipz-dir][data-cooltipz-size="large"]:after {
    width: var(--cooltipz-large, 18.75rem);
}

[aria-label][class*="cooltipz"].cooltipz--static:after,
[aria-label][class*="cooltipz"].cooltipz--static:before,
[aria-label][class*="cooltipz"][data-cooltipz-static]:after,
[aria-label][class*="cooltipz"][data-cooltipz-static]:before,
[aria-label][data-cooltipz-dir].cooltipz--static:after,
[aria-label][data-cooltipz-dir].cooltipz--static:before,
[aria-label][data-cooltipz-dir][data-cooltipz-static]:after,
[aria-label][data-cooltipz-dir][data-cooltipz-static]:before {
    transition: none;
}

.dark {
    background-color: #193354;
}

    .dark .footer {
        background-image: linear-gradient( 45deg, #193354 16.67%, #758598 0, #758598 50%, #193354 0, #193354 66.67%, #758598 0, #758598 ) !important;
        background-size: 4.24px 4.24px !important;
        padding-bottom: 0 !important;
    }

.icon-dark-blue.df-icon-voucher {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/voucher.svg);
}

.icon-light-blue.df-icon-voucher {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/voucher.svg);
}

.icon-orange.df-icon-voucher {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/voucher.svg);
}

.icon-dark-sand.df-icon-voucher {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/voucher.svg);
}

.icon-sand.df-icon-voucher {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/voucher.svg);
}

.icon-white.df-icon-voucher {
    background-image: url(https://static.directferries.co.uk/image/ico/white/voucher.svg);
}

.icon-dark-blue.df-icon-delete {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/delete.svg);
}

.icon-light-blue.df-icon-delete {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/delete.svg);
}

.icon-orange.df-icon-delete {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/delete.svg);
}

.icon-dark-sand.df-icon-delete {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/delete.svg);
}

.icon-sand.df-icon-delete {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/delete.svg);
}

.icon-white.df-icon-delete {
    background-image: url(https://static.directferries.co.uk/image/ico/white/delete.svg);
}

.icon-dark-blue.df-icon-social-distance {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/social-distance.svg);
}

.icon-light-blue.df-icon-social-distance {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/social-distance.svg);
}

.icon-orange.df-icon-social-distance {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/social-distance.svg);
}

.icon-dark-sand.df-icon-social-distance {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/social-distance.svg);
}

.icon-sand.df-icon-social-distance {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/social-distance.svg);
}

.icon-white.df-icon-social-distance {
    background-image: url(https://static.directferries.co.uk/image/ico/white/social-distance.svg);
}

.icon-dark-blue.df-icon-info {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/info.svg);
}

.icon-light-blue.df-icon-info {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/info.svg);
}

.icon-orange.df-icon-info {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/info.svg);
}

.icon-dark-sand.df-icon-info {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/info.svg);
}

.icon-sand.df-icon-info {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/info.svg);
}

.icon-white.df-icon-info {
    background-image: url(https://static.directferries.co.uk/image/ico/white/info.svg);
}

.icon-dark-blue.df-icon-assistant {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/assistant.svg);
}

.icon-light-blue.df-icon-assistant {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/assistant.svg);
}

.icon-orange.df-icon-assistant {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/assistant.svg);
}

.icon-dark-sand.df-icon-assistant {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/assistant.svg);
}

.icon-sand.df-icon-assistant {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/assistant.svg);
}

.icon-white.df-icon-assistant {
    background-image: url(https://static.directferries.co.uk/image/ico/white/assistant.svg);
}

.icon-dark-blue.df-icon-email {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/email.svg);
}

.icon-light-blue.df-icon-email {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/email.svg);
}

.icon-orange.df-icon-email {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/email.svg);
}

.icon-dark-sand.df-icon-email {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/email.svg);
}

.icon-sand.df-icon-email {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/email.svg);
}

.icon-white.df-icon-email {
    background-image: url(https://static.directferries.co.uk/image/ico/white/email.svg);
}

.icon-dark-blue.df-icon-menu {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/menu.svg);
}

.icon-light-blue.df-icon-menu {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/menu.svg);
}

.icon-orange.df-icon-menu {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/menu.svg);
}

.icon-dark-sand.df-icon-menu {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/menu.svg);
}

.icon-sand.df-icon-menu {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/menu.svg);
}

.icon-white.df-icon-menu {
    background-image: url(https://static.directferries.co.uk/image/ico/white/menu.svg);
}

.icon-light-blue.df-icon-currency {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/currency.svg);
}

.icon-orange.df-icon-currency {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/currency.svg);
}

.icon-dark-sand.df-icon-currency {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/currency.svg);
}

.icon-sand.df-icon-currency {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/currency.svg);
}

.icon-white.df-icon-currency {
    background-image: url(https://static.directferries.co.uk/image/ico/white/currency.svg);
}

.icon-light-blue.df-icon-user {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/user.svg);
}

.icon-orange.df-icon-user {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/user.svg);
}

.icon-dark-sand.df-icon-user {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/user.svg);
}

.icon-sand.df-icon-user {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/user.svg);
}

.icon-white.df-icon-user {
    background-image: url(https://static.directferries.co.uk/image/ico/white/user.svg);
}

.icon-light-blue.df-icon-help {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/help.svg);
}

.icon-orange.df-icon-help {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/help.svg);
}

.icon-dark-sand.df-icon-help {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/help.svg);
}

.icon-sand.df-icon-help {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/help.svg);
}

.icon-white.df-icon-help {
    background-image: url(https://static.directferries.co.uk/image/ico/white/help.svg);
}

.icon-light-blue.df-icon-active-booking {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/active-booking.svg);
}

.icon-orange.df-icon-active-booking {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/active-booking.svg);
}

.icon-dark-sand.df-icon-active-booking {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/active-booking.svg);
}

.icon-sand.df-icon-active-booking {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/active-booking.svg);
}

.icon-white.df-icon-active-booking {
    background-image: url(https://static.directferries.co.uk/image/ico/white/active-booking.svg);
}

.icon-dark-blue.df-icon-pin {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/pin.svg);
}

.icon-light-blue.df-icon-pin {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/pin.svg);
}

.icon-orange.df-icon-pin {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/pin.svg);
}

.icon-dark-sand.df-icon-pin {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/pin.svg);
}

.icon-sand.df-icon-pin {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/pin.svg);
}

.icon-white.df-icon-pin {
    background-image: url(https://static.directferries.co.uk/image/ico/white/pin.svg);
}

.icon-dark-blue.df-icon-ship {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/ship.svg);
}

.icon-light-blue.df-icon-ship {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/ship.svg);
}

.icon-orange.df-icon-ship {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/ship.svg);
}

.icon-dark-sand.df-icon-ship {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/ship.svg);
}

.icon-sand.df-icon-ship {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/ship.svg);
}

.icon-white.df-icon-ship {
    background-image: url(https://static.directferries.co.uk/image/ico/white/ship.svg);
}

.icon-dark-blue.df-icon-port {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/port.svg);
}

.icon-light-blue.df-icon-port {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/port.svg);
}

.icon-orange.df-icon-port {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/port.svg);
}

.icon-dark-sand.df-icon-port {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/port.svg);
}

.icon-sand.df-icon-port {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/port.svg);
}

.icon-white.df-icon-port {
    background-image: url(https://static.directferries.co.uk/image/ico/white/port.svg);
}

.icon-dark-blue.df-icon-cabin {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/cabin.svg);
}

.icon-light-blue.df-icon-cabin {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/cabin.svg);
}

.icon-orange.df-icon-cabin {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/cabin.svg);
}

.icon-dark-sand.df-icon-cabin {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/cabin.svg);
}

.icon-sand.df-icon-cabin {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/cabin.svg);
}

.icon-white.df-icon-cabin {
    background-image: url(https://static.directferries.co.uk/image/ico/white/cabin.svg);
}

.icon-dark-blue.df-icon-seat {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/seat.svg);
}

.icon-light-blue.df-icon-seat {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/seat.svg);
}

.icon-orange.df-icon-seat {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/seat.svg);
}

.icon-dark-sand.df-icon-seat {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/seat.svg);
}

.icon-sand.df-icon-seat {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/seat.svg);
}

.icon-white.df-icon-seat {
    background-image: url(https://static.directferries.co.uk/image/ico/white/seat.svg);
}

.icon-dark-blue.df-icon-deck-space {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/deck-space.svg);
}

.icon-light-blue.df-icon-deck-space {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/deck-space.svg);
}

.icon-orange.df-icon-deck-space {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/deck-space.svg);
}

.icon-dark-sand.df-icon-deck-space {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/deck-space.svg);
}

.icon-sand.df-icon-deck-space {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/deck-space.svg);
}

.icon-white.df-icon-deck-space {
    background-image: url(https://static.directferries.co.uk/image/ico/white/deck-space.svg);
}

.icon-dark-blue.df-icon-outside {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/outside.svg);
}

.icon-light-blue.df-icon-outside {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/outside.svg);
}

.icon-orange.df-icon-outside {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/outside.svg);
}

.icon-dark-sand.df-icon-outside {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/outside.svg);
}

.icon-sand.df-icon-outside {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/outside.svg);
}

.icon-white.df-icon-outside {
    background-image: url(https://static.directferries.co.uk/image/ico/white/outside.svg);
}

.icon-dark-blue.df-icon-inside {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/inside.svg);
}

.icon-light-blue.df-icon-inside {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/inside.svg);
}

.icon-orange.df-icon-inside {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/inside.svg);
}

.icon-dark-sand.df-icon-inside {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/inside.svg);
}

.icon-sand.df-icon-inside {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/inside.svg);
}

.icon-white.df-icon-inside {
    background-image: url(https://static.directferries.co.uk/image/ico/white/inside.svg);
}

.icon-dark-blue.df-icon-pets {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/pets.svg);
}

.icon-light-blue.df-icon-pets {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/pets.svg);
}

.icon-orange.df-icon-pets {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/pets.svg);
}

.icon-dark-sand.df-icon-pets {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/pets.svg);
}

.icon-sand.df-icon-pets {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/pets.svg);
}

.icon-white.df-icon-pets {
    background-image: url(https://static.directferries.co.uk/image/ico/white/pets.svg);
}

.icon-dark-blue.df-icon-wheelchair-accessibility {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/wheelchair-accessibility.svg);
}

.icon-light-blue.df-icon-wheelchair-accessibility {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/wheelchair-accessibility.svg);
}

.icon-orange.df-icon-wheelchair-accessibility {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/wheelchair-accessibility.svg);
}

.icon-dark-sand.df-icon-wheelchair-accessibility {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/wheelchair-accessibility.svg);
}

.icon-sand.df-icon-wheelchair-accessibility {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/wheelchair-accessibility.svg);
}

.icon-white.df-icon-wheelchair-accessibility {
    background-image: url(https://static.directferries.co.uk/image/ico/white/wheelchair-accessibility.svg);
}

.icon-dark-blue.df-icon-shared-male {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/shared-male.svg);
}

.icon-light-blue.df-icon-shared-male {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/shared-male.svg);
}

.icon-orange.df-icon-shared-male {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/shared-male.svg);
}

.icon-dark-sand.df-icon-shared-male {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/shared-male.svg);
}

.icon-sand.df-icon-shared-male {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/shared-male.svg);
}

.icon-white.df-icon-shared-male {
    background-image: url(https://static.directferries.co.uk/image/ico/white/shared-male.svg);
}

.icon-dark-blue.df-icon-shared-female {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/shared-female.svg);
}

.icon-light-blue.df-icon-shared-female {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/shared-female.svg);
}

.icon-orange.df-icon-shared-female {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/shared-female.svg);
}

.icon-dark-sand.df-icon-shared-female {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/shared-female.svg);
}

.icon-sand.df-icon-shared-female {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/shared-female.svg);
}

.icon-white.df-icon-shared-female {
    background-image: url(https://static.directferries.co.uk/image/ico/white/shared-female.svg);
}

.icon-dark-blue.df-icon-toilets {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/toilets.svg);
}

.icon-light-blue.df-icon-toilets {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/toilets.svg);
}

.icon-orange.df-icon-toilets {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/toilets.svg);
}

.icon-dark-sand.df-icon-toilets {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/toilets.svg);
}

.icon-sand.df-icon-toilets {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/toilets.svg);
}

.icon-white.df-icon-toilets {
    background-image: url(https://static.directferries.co.uk/image/ico/white/toilets.svg);
}

.icon-dark-blue.df-icon-power {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/power.svg);
}

.icon-light-blue.df-icon-power {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/power.svg);
}

.icon-orange.df-icon-power {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/power.svg);
}

.icon-dark-sand.df-icon-power {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/power.svg);
}

.icon-sand.df-icon-power {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/power.svg);
}

.icon-white.df-icon-power {
    background-image: url(https://static.directferries.co.uk/image/ico/white/power.svg);
}

.icon-dark-blue.df-icon-minibar {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/minibar.svg);
}

.icon-light-blue.df-icon-minibar {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/minibar.svg);
}

.icon-orange.df-icon-minibar {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/minibar.svg);
}

.icon-dark-sand.df-icon-minibar {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/minibar.svg);
}

.icon-sand.df-icon-minibar {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/minibar.svg);
}

.icon-white.df-icon-minibar {
    background-image: url(https://static.directferries.co.uk/image/ico/white/minibar.svg);
}

.icon-dark-blue.df-icon-tv {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/tv.svg);
}

.icon-light-blue.df-icon-tv {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/tv.svg);
}

.icon-orange.df-icon-tv {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/tv.svg);
}

.icon-dark-sand.df-icon-tv {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/tv.svg);
}

.icon-sand.df-icon-tv {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/tv.svg);
}

.icon-white.df-icon-tv {
    background-image: url(https://static.directferries.co.uk/image/ico/white/tv.svg);
}

.icon-dark-blue.df-icon-wifi {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/wifi.svg);
}

.icon-light-blue.df-icon-wifi {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/wifi.svg);
}

.icon-orange.df-icon-wifi {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/wifi.svg);
}

.icon-dark-sand.df-icon-wifi {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/wifi.svg);
}

.icon-sand.df-icon-wifi {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/wifi.svg);
}

.icon-white.df-icon-wifi {
    background-image: url(https://static.directferries.co.uk/image/ico/white/wifi.svg);
}

.icon-dark-blue.df-icon-remove {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/remove.svg);
}

.icon-light-blue.df-icon-remove {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/remove.svg);
}

.icon-orange.df-icon-remove {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/remove.svg);
}

.icon-dark-sand.df-icon-remove {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/remove.svg);
}

.icon-sand.df-icon-remove {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/remove.svg);
}

.icon-white.df-icon-remove {
    background-image: url(https://static.directferries.co.uk/image/ico/white/remove.svg);
}

.icon-dark-blue.df-icon-add {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/add.svg);
}

.icon-light-blue.df-icon-add {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/add.svg);
}

.icon-orange.df-icon-add {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/add.svg);
}

.icon-dark-sand.df-icon-add {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/add.svg);
}

.icon-sand.df-icon-add {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/add.svg);
}

.icon-white.df-icon-add {
    background-image: url(https://static.directferries.co.uk/image/ico/white/add.svg);
}

.icon-dark-blue.df-icon-cancel {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/cancel.svg);
}

.icon-light-blue.df-icon-cancel {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/cancel.svg);
}

.icon-orange.df-icon-cancel {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/cancel.svg);
}

.icon-dark-sand.df-icon-cancel {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/cancel.svg);
}

.icon-sand.df-icon-cancel {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/cancel.svg);
}

.icon-white.df-icon-cancel {
    background-image: url(https://static.directferries.co.uk/image/ico/white/cancel.svg);
}

.icon-dark-blue.df-icon-more {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/more.svg);
}

.icon-light-blue.df-icon-more {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/more.svg);
}

.icon-orange.df-icon-more {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/more.svg);
}

.icon-dark-sand.df-icon-more {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/more.svg);
}

.icon-sand.df-icon-more {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/more.svg);
}

.icon-white.df-icon-more {
    background-image: url(https://static.directferries.co.uk/image/ico/white/more.svg);
}

.icon-dark-blue.df-icon-lead {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/lead.svg);
}

.icon-light-blue.df-icon-lead {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/lead.svg);
}

.icon-orange.df-icon-lead {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/lead.svg);
}

.icon-dark-sand.df-icon-lead {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/lead.svg);
}

.icon-sand.df-icon-lead {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/lead.svg);
}

.icon-white.df-icon-lead {
    background-image: url(https://static.directferries.co.uk/image/ico/white/lead.svg);
}

.icon-dark-blue.df-icon-passenger {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/passenger.svg);
}

.icon-light-blue.df-icon-passenger {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/passenger.svg);
}

.icon-orange.df-icon-passenger {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/passenger.svg);
}

.icon-dark-sand.df-icon-passenger {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/passenger.svg);
}

.icon-sand.df-icon-passenger {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/passenger.svg);
}

.icon-white.df-icon-passenger {
    background-image: url(https://static.directferries.co.uk/image/ico/white/passenger.svg);
}

.icon-dark-blue.df-icon-child {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/child.svg);
}

.icon-light-blue.df-icon-child {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/child.svg);
}

.icon-orange.df-icon-child {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/child.svg);
}

.icon-dark-sand.df-icon-child {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/child.svg);
}

.icon-sand.df-icon-child {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/child.svg);
}

.icon-white.df-icon-child {
    background-image: url(https://static.directferries.co.uk/image/ico/white/child.svg);
}

.icon-dark-blue.df-icon-infant {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/infant.svg);
}

.icon-light-blue.df-icon-infant {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/infant.svg);
}

.icon-orange.df-icon-infant {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/infant.svg);
}

.icon-dark-sand.df-icon-infant {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/infant.svg);
}

.icon-sand.df-icon-infant {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/infant.svg);
}

.icon-white.df-icon-infant {
    background-image: url(https://static.directferries.co.uk/image/ico/white/infant.svg);
}

.icon-dark-blue.df-icon-favourite {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/favourite.svg);
}

.icon-light-blue.df-icon-favourite {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/favourite.svg);
}

.icon-orange.df-icon-favourite {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/favourite.svg);
}

.icon-dark-sand.df-icon-favourite {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/favourite.svg);
}

.icon-sand.df-icon-favourite {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/favourite.svg);
}

.icon-white.df-icon-favourite {
    background-image: url(https://static.directferries.co.uk/image/ico/white/favourite.svg);
}

.icon-dark-blue.df-icon-restaurant {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/restaurant.svg);
}

.icon-light-blue.df-icon-restaurant {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/restaurant.svg);
}

.icon-orange.df-icon-restaurant {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/restaurant.svg);
}

.icon-dark-sand.df-icon-restaurant {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/restaurant.svg);
}

.icon-sand.df-icon-restaurant {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/restaurant.svg);
}

.icon-white.df-icon-restaurant {
    background-image: url(https://static.directferries.co.uk/image/ico/white/restaurant.svg);
}

.icon-dark-blue.df-icon-buffet {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/buffet.svg);
}

.icon-light-blue.df-icon-buffet {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/buffet.svg);
}

.icon-orange.df-icon-buffet {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/buffet.svg);
}

.icon-dark-sand.df-icon-buffet {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/buffet.svg);
}

.icon-sand.df-icon-buffet {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/buffet.svg);
}

.icon-white.df-icon-buffet {
    background-image: url(https://static.directferries.co.uk/image/ico/white/buffet.svg);
}

.icon-dark-blue.df-icon-leaving {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/leaving.svg);
}

.icon-light-blue.df-icon-leaving {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/leaving.svg);
}

.icon-orange.df-icon-leaving {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/leaving.svg);
}

.icon-dark-sand.df-icon-leaving {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/leaving.svg);
}

.icon-sand.df-icon-leaving {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/leaving.svg);
}

.icon-white.df-icon-leaving {
    background-image: url(https://static.directferries.co.uk/image/ico/white/leaving.svg);
}

.icon-dark-blue.df-icon-returning {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/returning.svg);
}

.icon-light-blue.df-icon-returning {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/returning.svg);
}

.icon-orange.df-icon-returning {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/returning.svg);
}

.icon-dark-sand.df-icon-returning {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/returning.svg);
}

.icon-sand.df-icon-returning {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/returning.svg);
}

.icon-white.df-icon-returning {
    background-image: url(https://static.directferries.co.uk/image/ico/white/returning.svg);
}

.icon-dark-blue.df-icon-vehicle {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/vehicle.svg);
}

.icon-light-blue.df-icon-vehicle {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/vehicle.svg);
}

.icon-orange.df-icon-vehicle {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/vehicle.svg);
}

.icon-dark-sand.df-icon-vehicle {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/vehicle.svg);
}

.icon-sand.df-icon-vehicle {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/vehicle.svg);
}

.icon-white.df-icon-vehicle {
    background-image: url(https://static.directferries.co.uk/image/ico/white/vehicle.svg);
}

.icon-dark-blue.df-icon-receipt {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/receipt.svg);
}

.icon-light-blue.df-icon-receipt {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/receipt.svg);
}

.icon-orange.df-icon-receipt {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/receipt.svg);
}

.icon-dark-sand.df-icon-receipt {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/receipt.svg);
}

.icon-sand.df-icon-receipt {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/receipt.svg);
}

.icon-white.df-icon-receipt {
    background-image: url(https://static.directferries.co.uk/image/ico/white/receipt.svg);
}

.icon-dark-blue.df-icon-upgrade {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/upgrade.svg);
}

.icon-light-blue.df-icon-upgrade {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/upgrade.svg);
}

.icon-orange.df-icon-upgrade {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/upgrade.svg);
}

.icon-dark-sand.df-icon-upgrade {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/upgrade.svg);
}

.icon-sand.df-icon-upgrade {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/upgrade.svg);
}

.icon-white.df-icon-upgrade {
    background-image: url(https://static.directferries.co.uk/image/ico/white/upgrade.svg);
}

.icon-dark-blue.df-icon-payment {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/payment.svg);
}

.icon-light-blue.df-icon-payment {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/payment.svg);
}

.icon-orange.df-icon-payment {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/payment.svg);
}

.icon-dark-sand.df-icon-payment {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/payment.svg);
}

.icon-sand.df-icon-payment {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/payment.svg);
}

.icon-white.df-icon-payment {
    background-image: url(https://static.directferries.co.uk/image/ico/white/payment.svg);
}

.icon-dark-blue.df-icon-edit {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/edit.svg);
}

.icon-light-blue.df-icon-edit {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/edit.svg);
}

.icon-orange.df-icon-edit {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/edit.svg);
}

.icon-dark-sand.df-icon-edit {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/edit.svg);
}

.icon-sand.df-icon-edit {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/edit.svg);
}

.icon-white.df-icon-edit {
    background-image: url(https://static.directferries.co.uk/image/ico/white/edit.svg);
}

.icon-dark-blue.df-icon-booking {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/booking.svg);
}

.icon-light-blue.df-icon-booking {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/booking.svg);
}

.icon-orange.df-icon-booking {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/booking.svg);
}

.icon-dark-sand.df-icon-booking {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/booking.svg);
}

.icon-sand.df-icon-booking {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/booking.svg);
}

.icon-white.df-icon-booking {
    background-image: url(https://static.directferries.co.uk/image/ico/white/booking.svg);
}

.icon-dark-blue.df-icon-return-route {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/return-route.svg);
}

.icon-light-blue.df-icon-return-route {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/return-route.svg);
}

.icon-orange.df-icon-return-route {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/return-route.svg);
}

.icon-dark-sand.df-icon-return-route {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/return-route.svg);
}

.icon-sand.df-icon-return-route {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/return-route.svg);
}

.icon-white.df-icon-return-route {
    background-image: url(https://static.directferries.co.uk/image/ico/white/return-route.svg);
}

.icon-dark-blue.df-icon-search {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/search.svg);
}

.icon-light-blue.df-icon-search {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/search.svg);
}

.icon-orange.df-icon-search {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/search.svg);
}

.icon-dark-sand.df-icon-search {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/search.svg);
}

.icon-sand.df-icon-search {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/search.svg);
}

.icon-white.df-icon-search {
    background-image: url(https://static.directferries.co.uk/image/ico/white/search.svg);
}

.icon-dark-blue.df-icon-single-bed {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/single-bed.svg);
}

.icon-light-blue.df-icon-single-bed {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/single-bed.svg);
}

.icon-orange.df-icon-single-bed {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/single-bed.svg);
}

.icon-dark-sand.df-icon-single-bed {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/single-bed.svg);
}

.icon-sand.df-icon-single-bed {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/single-bed.svg);
}

.icon-white.df-icon-single-bed {
    background-image: url(https://static.directferries.co.uk/image/ico/white/single-bed.svg);
}

.icon-dark-blue.df-icon-double-bed {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/double-bed.svg);
}

.icon-light-blue.df-icon-double-bed {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/double-bed.svg);
}

.icon-orange.df-icon-double-bed {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/double-bed.svg);
}

.icon-dark-sand.df-icon-double-bed {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/double-bed.svg);
}

.icon-sand.df-icon-double-bed {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/double-bed.svg);
}

.icon-white.df-icon-double-bed {
    background-image: url(https://static.directferries.co.uk/image/ico/white/double-bed.svg);
}

.icon-dark-blue.df-icon-bunk-bed {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/bunk-bed.svg);
}

.icon-light-blue.df-icon-bunk-bed {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/bunk-bed.svg);
}

.icon-orange.df-icon-bunk-bed {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/bunk-bed.svg);
}

.icon-dark-sand.df-icon-bunk-bed {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/bunk-bed.svg);
}

.icon-sand.df-icon-bunk-bed {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/bunk-bed.svg);
}

.icon-white.df-icon-bunk-bed {
    background-image: url(https://static.directferries.co.uk/image/ico/white/bunk-bed.svg);
}

.icon-dark-blue.df-icon-sofa-bed {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/sofa-bed.svg);
}

.icon-light-blue.df-icon-sofa-bed {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/sofa-bed.svg);
}

.icon-orange.df-icon-sofa-bed {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/sofa-bed.svg);
}

.icon-dark-sand.df-icon-sofa-bed {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/sofa-bed.svg);
}

.icon-sand.df-icon-sofa-bed {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/sofa-bed.svg);
}

.icon-white.df-icon-sofa-bed {
    background-image: url(https://static.directferries.co.uk/image/ico/white/sofa-bed.svg);
}

.icon-dark-blue.df-icon-filter {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/filter.svg);
}

.icon-light-blue.df-icon-filter {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/filter.svg);
}

.icon-orange.df-icon-filter {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/filter.svg);
}

.icon-dark-sand.df-icon-filter {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/filter.svg);
}

.icon-sand.df-icon-filter {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/filter.svg);
}

.icon-white.df-icon-filter {
    background-image: url(https://static.directferries.co.uk/image/ico/white/filter.svg);
}

.icon-dark-blue.df-icon-shower {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/shower.svg);
}

.icon-light-blue.df-icon-shower {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/shower.svg);
}

.icon-orange.df-icon-shower {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/shower.svg);
}

.icon-dark-sand.df-icon-shower {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/shower.svg);
}

.icon-sand.df-icon-shower {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/shower.svg);
}

.icon-white.df-icon-shower {
    background-image: url(https://static.directferries.co.uk/image/ico/white/shower.svg);
}

.icon-dark-blue.df-icon-error {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/error.svg);
}

.icon-light-blue.df-icon-error {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/error.svg);
}

.icon-orange.df-icon-error {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/error.svg);
}

.icon-dark-sand.df-icon-error {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/error.svg);
}

.icon-sand.df-icon-error {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/error.svg);
}

.icon-white.df-icon-error {
    background-image: url(https://static.directferries.co.uk/image/ico/white/error.svg);
}

.icon-dark-blue.df-icon-arrow-left {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/arrow-left.svg);
}

.icon-light-blue.df-icon-arrow-left {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/arrow-left.svg);
}

.icon-orange.df-icon-arrow-left {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/arrow-left.svg);
}

.icon-dark-sand.df-icon-arrow-left {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/arrow-left.svg);
}

.icon-sand.df-icon-arrow-left {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/arrow-left.svg);
}

.icon-white.df-icon-arrow-left {
    background-image: url(https://static.directferries.co.uk/image/ico/white/arrow-left.svg);
}

.icon-dark-blue.df-icon-arrow-right {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/arrow-right.svg);
}

.icon-light-blue.df-icon-arrow-right {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/arrow-right.svg);
}

.icon-orange.df-icon-arrow-right {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/arrow-right.svg);
}

.icon-dark-sand.df-icon-arrow-right {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/arrow-right.svg);
}

.icon-sand.df-icon-arrow-right {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/arrow-right.svg);
}

.icon-white.df-icon-arrow-right {
    background-image: url(https://static.directferries.co.uk/image/ico/white/arrow-right.svg);
}

.icon-dark-blue.df-icon-dropdown {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/dropdown.svg);
}

.icon-light-blue.df-icon-dropdown {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/dropdown.svg);
}

.icon-orange.df-icon-dropdown {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/dropdown.svg);
}

.icon-dark-sand.df-icon-dropdown {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/dropdown.svg);
}

.icon-sand.df-icon-dropdown {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/dropdown.svg);
}

.icon-white.df-icon-dropdown {
    background-image: url(https://static.directferries.co.uk/image/ico/white/dropdown.svg);
}

.icon-dark-blue.df-icon-dropup {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/dropup.svg);
}

.icon-light-blue.df-icon-dropup {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/dropup.svg);
}

.icon-orange.df-icon-dropup {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/dropup.svg);
}

.icon-dark-sand.df-icon-dropup {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/dropup.svg);
}

.icon-sand.df-icon-dropup {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/dropup.svg);
}

.icon-white.df-icon-dropup {
    background-image: url(https://static.directferries.co.uk/image/ico/white/dropup.svg);
}

.icon-dark-blue.df-icon-facebook {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/facebook.svg);
}

.icon-light-blue.df-icon-facebook {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/facebook.svg);
}

.icon-orange.df-icon-facebook {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/facebook.svg);
}

.icon-dark-sand.df-icon-facebook {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/facebook.svg);
}

.icon-sand.df-icon-facebook {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/facebook.svg);
}

.icon-white.df-icon-facebook {
    background-image: url(https://static.directferries.co.uk/image/ico/white/facebook.svg);
}

.icon-dark-blue.df-icon-twitter {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/twitter.svg);
}

.icon-light-blue.df-icon-twitter {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/twitter.svg);
}

.icon-orange.df-icon-twitter {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/twitter.svg);
}

.icon-dark-sand.df-icon-twitter {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/twitter.svg);
}

.icon-sand.df-icon-twitter {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/twitter.svg);
}

.icon-white.df-icon-twitter {
    background-image: url(https://static.directferries.co.uk/image/ico/white/twitter.svg);
}

.icon-dark-blue.df-icon-google {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/google.svg);
}

.icon-light-blue.df-icon-google {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/google.svg);
}

.icon-orange.df-icon-google {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/google.svg);
}

.icon-dark-sand.df-icon-google {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/google.svg);
}

.icon-sand.df-icon-google {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/google.svg);
}

.icon-white.df-icon-google {
    background-image: url(https://static.directferries.co.uk/image/ico/white/google.svg);
}

.icon-dark-blue.df-icon-youtube {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/youtube.svg);
}

.icon-light-blue.df-icon-youtube {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/youtube.svg);
}

.icon-orange.df-icon-youtube {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/youtube.svg);
}

.icon-dark-sand.df-icon-youtube {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/youtube.svg);
}

.icon-sand.df-icon-youtube {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/youtube.svg);
}

.icon-white.df-icon-youtube {
    background-image: url(https://static.directferries.co.uk/image/ico/white/youtube.svg);
}

.icon-light-blue.df-icon-ios {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/ios.svg);
}

.icon-orange.df-icon-ios {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/ios.svg);
}

.icon-dark-sand.df-icon-ios {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/ios.svg);
}

.icon-sand.df-icon-ios {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/ios.svg);
}

.icon-white.df-icon-ios {
    background-image: url(https://static.directferries.co.uk/image/ico/white/ios.svg);
}

.icon-light-blue.df-icon-android {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/android.svg);
}

.icon-orange.df-icon-android {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/android.svg);
}

.icon-dark-sand.df-icon-android {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/android.svg);
}

.icon-sand.df-icon-android {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/android.svg);
}

.icon-white.df-icon-android {
    background-image: url(https://static.directferries.co.uk/image/ico/white/android.svg);
}

.icon-light-blue.df-icon-language {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/language.svg);
}

.icon-orange.df-icon-language {
    background-image: url(https://static.directferries.co.uk/image/ico/orange/language.svg);
}

.icon-dark-sand.df-icon-language {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-sand/language.svg);
}

.icon-sand.df-icon-language {
    background-image: url(https://static.directferries.co.uk/image/ico/sand/language.svg);
}

.icon-white.df-icon-language {
    background-image: url(https://static.directferries.co.uk/image/ico/white/language.svg);
}

.dark .icon-dark-blue.df-icon-voucher {
    background-image: url(https://static.directferries.co.uk/image/ico/white/voucher.svg);
}

.dark .icon-white.df-icon-voucher {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/voucher.svg);
}

.dark .icon-dark-blue.df-icon-delete {
    background-image: url(https://static.directferries.co.uk/image/ico/white/delete.svg);
}

.dark .icon-white.df-icon-delete {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/delete.svg);
}

.dark .icon-dark-blue.df-icon-social-distance {
    background-image: url(https://static.directferries.co.uk/image/ico/white/social-distance.svg);
}

.dark .icon-white.df-icon-social-distance {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/social-distance.svg);
}

.dark .icon-dark-blue.df-icon-info {
    background-image: url(https://static.directferries.co.uk/image/ico/white/info.svg);
}

.dark .icon-white.df-icon-info {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/info.svg);
}

.dark .icon-dark-blue.df-icon-assistant {
    background-image: url(https://static.directferries.co.uk/image/ico/white/assistant.svg);
}

.dark .icon-white.df-icon-assistant {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/assistant.svg);
}

.dark .icon-dark-blue.df-icon-email {
    background-image: url(https://static.directferries.co.uk/image/ico/white/email.svg);
}

.dark .icon-white.df-icon-email {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/email.svg);
}

.dark .icon-dark-blue.df-icon-menu {
    background-image: url(https://static.directferries.co.uk/image/ico/white/menu.svg);
}

.dark .icon-white.df-icon-menu {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/menu.svg);
}

.dark .icon-dark-blue.df-icon-currency {
    background-image: url(https://static.directferries.co.uk/image/ico/white/currency.svg);
}

.dark .icon-white.df-icon-currency {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/currency.svg);
}

.dark .icon-dark-blue.df-icon-user {
    background-image: url(https://static.directferries.co.uk/image/ico/white/user.svg);
}

.dark .icon-white.df-icon-user {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/user.svg);
}

.dark .icon-dark-blue.df-icon-help {
    background-image: url(https://static.directferries.co.uk/image/ico/white/help.svg);
}

.dark .icon-white.df-icon-help {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/help.svg);
}

.dark .icon-dark-blue.df-icon-active-booking {
    background-image: url(https://static.directferries.co.uk/image/ico/white/active-booking.svg);
}

.dark .icon-white.df-icon-active-booking {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/active-booking.svg);
}

.dark .icon-dark-blue.df-icon-pin {
    background-image: url(https://static.directferries.co.uk/image/ico/white/pin.svg);
}

.dark .icon-white.df-icon-pin {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/pin.svg);
}

.dark .icon-dark-blue.df-icon-ship {
    background-image: url(https://static.directferries.co.uk/image/ico/white/ship.svg);
}

.dark .icon-white.df-icon-ship {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/ship.svg);
}

.dark .icon-dark-blue.df-icon-port {
    background-image: url(https://static.directferries.co.uk/image/ico/white/port.svg);
}

.dark .icon-white.df-icon-port {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/port.svg);
}

.dark .icon-dark-blue.df-icon-cabin {
    background-image: url(https://static.directferries.co.uk/image/ico/white/cabin.svg);
}

.dark .icon-white.df-icon-cabin {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/cabin.svg);
}

.dark .icon-dark-blue.df-icon-seat {
    background-image: url(https://static.directferries.co.uk/image/ico/white/seat.svg);
}

.dark .icon-white.df-icon-seat {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/seat.svg);
}

.dark .icon-dark-blue.df-icon-deck-space {
    background-image: url(https://static.directferries.co.uk/image/ico/white/deck-space.svg);
}

.dark .icon-white.df-icon-deck-space {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/deck-space.svg);
}

.dark .icon-dark-blue.df-icon-outside {
    background-image: url(https://static.directferries.co.uk/image/ico/white/outside.svg);
}

.dark .icon-white.df-icon-outside {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/outside.svg);
}

.dark .icon-dark-blue.df-icon-inside {
    background-image: url(https://static.directferries.co.uk/image/ico/white/inside.svg);
}

.dark .icon-white.df-icon-inside {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/inside.svg);
}

.dark .icon-dark-blue.df-icon-pets {
    background-image: url(https://static.directferries.co.uk/image/ico/white/pets.svg);
}

.dark .icon-white.df-icon-pets {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/pets.svg);
}

.dark .icon-dark-blue.df-icon-wheelchair-accessibility {
    background-image: url(https://static.directferries.co.uk/image/ico/white/wheelchair-accessibility.svg);
}

.dark .icon-white.df-icon-wheelchair-accessibility {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/wheelchair-accessibility.svg);
}

.dark .icon-dark-blue.df-icon-shared-male {
    background-image: url(https://static.directferries.co.uk/image/ico/white/shared-male.svg);
}

.dark .icon-white.df-icon-shared-male {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/shared-male.svg);
}

.dark .icon-dark-blue.df-icon-shared-female {
    background-image: url(https://static.directferries.co.uk/image/ico/white/shared-female.svg);
}

.dark .icon-white.df-icon-shared-female {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/shared-female.svg);
}

.dark .icon-dark-blue.df-icon-toilets {
    background-image: url(https://static.directferries.co.uk/image/ico/white/toilets.svg);
}

.dark .icon-white.df-icon-toilets {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/toilets.svg);
}

.dark .icon-dark-blue.df-icon-power {
    background-image: url(https://static.directferries.co.uk/image/ico/white/power.svg);
}

.dark .icon-white.df-icon-power {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/power.svg);
}

.dark .icon-dark-blue.df-icon-minibar {
    background-image: url(https://static.directferries.co.uk/image/ico/white/minibar.svg);
}

.dark .icon-white.df-icon-minibar {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/minibar.svg);
}

.dark .icon-dark-blue.df-icon-tv {
    background-image: url(https://static.directferries.co.uk/image/ico/white/tv.svg);
}

.dark .icon-white.df-icon-tv {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/tv.svg);
}

.dark .icon-dark-blue.df-icon-wifi {
    background-image: url(https://static.directferries.co.uk/image/ico/white/wifi.svg);
}

.dark .icon-white.df-icon-wifi {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/wifi.svg);
}

.dark .icon-dark-blue.df-icon-remove {
    background-image: url(https://static.directferries.co.uk/image/ico/white/remove.svg);
}

.dark .icon-white.df-icon-remove {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/remove.svg);
}

.dark .icon-dark-blue.df-icon-add {
    background-image: url(https://static.directferries.co.uk/image/ico/white/add.svg);
}

.dark .icon-white.df-icon-add {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/add.svg);
}

.dark .icon-dark-blue.df-icon-cancel {
    background-image: url(https://static.directferries.co.uk/image/ico/white/cancel.svg);
}

.dark .icon-white.df-icon-cancel {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/cancel.svg);
}

.dark .icon-dark-blue.df-icon-more {
    background-image: url(https://static.directferries.co.uk/image/ico/white/more.svg);
}

.dark .icon-white.df-icon-more {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/more.svg);
}

.dark .icon-dark-blue.df-icon-lead {
    background-image: url(https://static.directferries.co.uk/image/ico/white/lead.svg);
}

.dark .icon-white.df-icon-lead {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/lead.svg);
}

.dark .icon-dark-blue.df-icon-passenger {
    background-image: url(https://static.directferries.co.uk/image/ico/white/passenger.svg);
}

.dark .icon-white.df-icon-passenger {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/passenger.svg);
}

.dark .icon-dark-blue.df-icon-child {
    background-image: url(https://static.directferries.co.uk/image/ico/white/child.svg);
}

.dark .icon-white.df-icon-child {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/child.svg);
}

.dark .icon-dark-blue.df-icon-infant {
    background-image: url(https://static.directferries.co.uk/image/ico/white/infant.svg);
}

.dark .icon-white.df-icon-infant {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/infant.svg);
}

.dark .icon-dark-blue.df-icon-favourite {
    background-image: url(https://static.directferries.co.uk/image/ico/white/favourite.svg);
}

.dark .icon-white.df-icon-favourite {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/favourite.svg);
}

.dark .icon-dark-blue.df-icon-restaurant {
    background-image: url(https://static.directferries.co.uk/image/ico/white/restaurant.svg);
}

.dark .icon-white.df-icon-restaurant {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/restaurant.svg);
}

.dark .icon-dark-blue.df-icon-buffet {
    background-image: url(https://static.directferries.co.uk/image/ico/white/buffet.svg);
}

.dark .icon-white.df-icon-buffet {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/buffet.svg);
}

.dark .icon-dark-blue.df-icon-leaving {
    background-image: url(https://static.directferries.co.uk/image/ico/white/leaving.svg);
}

.dark .icon-white.df-icon-leaving {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/leaving.svg);
}

.dark .icon-dark-blue.df-icon-returning {
    background-image: url(https://static.directferries.co.uk/image/ico/white/returning.svg);
}

.dark .icon-white.df-icon-returning {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/returning.svg);
}

.dark .icon-dark-blue.df-icon-vehicle {
    background-image: url(https://static.directferries.co.uk/image/ico/white/vehicle.svg);
}

.dark .icon-white.df-icon-vehicle {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/vehicle.svg);
}

.dark .icon-dark-blue.df-icon-receipt {
    background-image: url(https://static.directferries.co.uk/image/ico/white/receipt.svg);
}

.dark .icon-white.df-icon-receipt {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/receipt.svg);
}

.dark .icon-dark-blue.df-icon-upgrade {
    background-image: url(https://static.directferries.co.uk/image/ico/white/upgrade.svg);
}

.dark .icon-white.df-icon-upgrade {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/upgrade.svg);
}

.dark .icon-dark-blue.df-icon-payment {
    background-image: url(https://static.directferries.co.uk/image/ico/white/payment.svg);
}

.dark .icon-white.df-icon-payment {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/payment.svg);
}

.dark .icon-dark-blue.df-icon-edit {
    background-image: url(https://static.directferries.co.uk/image/ico/white/edit.svg);
}

.dark .icon-white.df-icon-edit {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/edit.svg);
}

.dark .icon-dark-blue.df-icon-booking {
    background-image: url(https://static.directferries.co.uk/image/ico/white/booking.svg);
}

.dark .icon-white.df-icon-booking {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/booking.svg);
}

.dark .icon-dark-blue.df-icon-return-route {
    background-image: url(https://static.directferries.co.uk/image/ico/white/return-route.svg);
}

.dark .icon-white.df-icon-return-route {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/return-route.svg);
}

.dark .icon-dark-blue.df-icon-search {
    background-image: url(https://static.directferries.co.uk/image/ico/white/search.svg);
}

.dark .icon-white.df-icon-search {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/search.svg);
}

.dark .icon-dark-blue.df-icon-single-bed {
    background-image: url(https://static.directferries.co.uk/image/ico/white/single-bed.svg);
}

.dark .icon-white.df-icon-single-bed {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/single-bed.svg);
}

.dark .icon-dark-blue.df-icon-double-bed {
    background-image: url(https://static.directferries.co.uk/image/ico/white/double-bed.svg);
}

.dark .icon-white.df-icon-double-bed {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/double-bed.svg);
}

.dark .icon-dark-blue.df-icon-bunk-bed {
    background-image: url(https://static.directferries.co.uk/image/ico/white/bunk-bed.svg);
}

.dark .icon-white.df-icon-bunk-bed {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/bunk-bed.svg);
}

.dark .icon-dark-blue.df-icon-sofa-bed {
    background-image: url(https://static.directferries.co.uk/image/ico/white/sofa-bed.svg);
}

.dark .icon-white.df-icon-sofa-bed {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/sofa-bed.svg);
}

.dark .icon-dark-blue.df-icon-filter {
    background-image: url(https://static.directferries.co.uk/image/ico/white/filter.svg);
}

.dark .icon-white.df-icon-filter {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/filter.svg);
}

.dark .icon-dark-blue.df-icon-shower {
    background-image: url(https://static.directferries.co.uk/image/ico/white/shower.svg);
}

.dark .icon-white.df-icon-shower {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/shower.svg);
}

.dark .icon-dark-blue.df-icon-error {
    background-image: url(https://static.directferries.co.uk/image/ico/white/error.svg);
}

.dark .icon-white.df-icon-error {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/error.svg);
}

.dark .icon-dark-blue.df-icon-arrow-left {
    background-image: url(https://static.directferries.co.uk/image/ico/white/arrow-left.svg);
}

.dark .icon-white.df-icon-arrow-left {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/arrow-left.svg);
}

.dark .icon-dark-blue.df-icon-arrow-right {
    background-image: url(https://static.directferries.co.uk/image/ico/white/arrow-right.svg);
}

.dark .icon-white.df-icon-arrow-right {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/arrow-right.svg);
}

.dark .icon-dark-blue.df-icon-dropdown {
    background-image: url(https://static.directferries.co.uk/image/ico/white/dropdown.svg);
}

.dark .icon-white.df-icon-dropdown {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/dropdown.svg);
}

.dark .icon-dark-blue.df-icon-dropup {
    background-image: url(https://static.directferries.co.uk/image/ico/white/dropup.svg);
}

.dark .icon-white.df-icon-dropup {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/dropup.svg);
}

.dark .icon-dark-blue.df-icon-facebook {
    background-image: url(https://static.directferries.co.uk/image/ico/white/facebook.svg);
}

.dark .icon-white.df-icon-facebook {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/facebook.svg);
}

.dark .icon-dark-blue.df-icon-twitter {
    background-image: url(https://static.directferries.co.uk/image/ico/white/twitter.svg);
}

.dark .icon-white.df-icon-twitter {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/twitter.svg);
}

.dark .icon-dark-blue.df-icon-google {
    background-image: url(https://static.directferries.co.uk/image/ico/white/google.svg);
}

.dark .icon-white.df-icon-google {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/google.svg);
}

.dark .icon-dark-blue.df-icon-youtube {
    background-image: url(https://static.directferries.co.uk/image/ico/white/youtube.svg);
}

.dark .icon-white.df-icon-youtube {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/youtube.svg);
}

.dark .icon-dark-blue.df-icon-ios {
    background-image: url(https://static.directferries.co.uk/image/ico/white/ios.svg);
}

.dark .icon-white.df-icon-ios {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/ios.svg);
}

.dark .icon-dark-blue.df-icon-android {
    background-image: url(https://static.directferries.co.uk/image/ico/white/android.svg);
}

.dark .icon-white.df-icon-android {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/android.svg);
}

.dark .icon-dark-blue.df-icon-language {
    background-image: url(https://static.directferries.co.uk/image/ico/white/language.svg);
}

.dark .icon-white.df-icon-language {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/language.svg);
}

.accomm-featured-inclusive .icon-dark-blue.df-icon-cabin,
.accomm-normal-inclusive .icon-dark-blue.df-icon-cabin {
    background-image: url(https://static.directferries.co.uk/image/ico/white/cabin.svg);
}

.accomm-featured-inclusive .icon-dark-blue.df-icon-seat,
.accomm-normal-inclusive .icon-dark-blue.df-icon-seat {
    background-image: url(https://static.directferries.co.uk/image/ico/white/seat.svg);
}

.accomm-featured-inclusive .icon-dark-blue.df-icon-deck-space,
.accomm-normal-inclusive .icon-dark-blue.df-icon-deck-space {
    background-image: url(https://static.directferries.co.uk/image/ico/white/deck-space.svg);
}

.accomm-featured-inclusive .icon-dark-blue.df-icon-outside,
.accomm-normal-inclusive .icon-dark-blue.df-icon-outside {
    background-image: url(https://static.directferries.co.uk/image/ico/white/outside.svg);
}

.accomm-featured-inclusive .icon-dark-blue.df-icon-inside,
.accomm-normal-inclusive .icon-dark-blue.df-icon-inside {
    background-image: url(https://static.directferries.co.uk/image/ico/white/inside.svg);
}

.accomm-featured-inclusive .icon-dark-blue.df-icon-pets,
.accomm-normal-inclusive .icon-dark-blue.df-icon-pets {
    background-image: url(https://static.directferries.co.uk/image/ico/white/pets.svg);
}

.accomm-featured-inclusive .icon-dark-blue.df-icon-wheelchair-accessibility,
.accomm-normal-inclusive .icon-dark-blue.df-icon-wheelchair-accessibility {
    background-image: url(https://static.directferries.co.uk/image/ico/white/wheelchair-accessibility.svg);
}

.accomm-featured-inclusive .icon-dark-blue.df-icon-shared-male,
.accomm-normal-inclusive .icon-dark-blue.df-icon-shared-male {
    background-image: url(https://static.directferries.co.uk/image/ico/white/shared-male.svg);
}

.accomm-featured-inclusive .icon-dark-blue.df-icon-shared-female,
.accomm-normal-inclusive .icon-dark-blue.df-icon-shared-female {
    background-image: url(https://static.directferries.co.uk/image/ico/white/shared-female.svg);
}

.accomm-featured-inclusive .icon-dark-blue.df-icon-toilets,
.accomm-normal-inclusive .icon-dark-blue.df-icon-toilets {
    background-image: url(https://static.directferries.co.uk/image/ico/white/toilets.svg);
}

.accomm-featured-inclusive .icon-dark-blue.df-icon-power,
.accomm-normal-inclusive .icon-dark-blue.df-icon-power {
    background-image: url(https://static.directferries.co.uk/image/ico/white/power.svg);
}

.accomm-featured-inclusive .icon-dark-blue.df-icon-minibar,
.accomm-normal-inclusive .icon-dark-blue.df-icon-minibar {
    background-image: url(https://static.directferries.co.uk/image/ico/white/minibar.svg);
}

.accomm-featured-inclusive .icon-dark-blue.df-icon-tv,
.accomm-normal-inclusive .icon-dark-blue.df-icon-tv {
    background-image: url(https://static.directferries.co.uk/image/ico/white/tv.svg);
}

.accomm-featured-inclusive .icon-dark-blue.df-icon-wifi,
.accomm-normal-inclusive .icon-dark-blue.df-icon-wifi {
    background-image: url(https://static.directferries.co.uk/image/ico/white/wifi.svg);
}

.accomm-featured-inclusive .icon-dark-blue.df-icon-remove,
.accomm-normal-inclusive .icon-dark-blue.df-icon-remove {
    background-image: url(https://static.directferries.co.uk/image/ico/white/remove.svg);
}

.accomm-featured-inclusive .icon-dark-blue.df-icon-add,
.accomm-normal-inclusive .icon-dark-blue.df-icon-add {
    background-image: url(https://static.directferries.co.uk/image/ico/white/add.svg);
}

.accomm-featured-inclusive .icon-dark-blue.df-icon-cancel,
.accomm-normal-inclusive .icon-dark-blue.df-icon-cancel {
    background-image: url(https://static.directferries.co.uk/image/ico/white/cancel.svg);
}

.accomm-featured-inclusive .icon-dark-blue.df-icon-more,
.accomm-normal-inclusive .icon-dark-blue.df-icon-more {
    background-image: url(https://static.directferries.co.uk/image/ico/white/more.svg);
}

.accomm-featured-inclusive .icon-dark-blue.df-icon-lead,
.accomm-normal-inclusive .icon-dark-blue.df-icon-lead {
    background-image: url(https://static.directferries.co.uk/image/ico/white/lead.svg);
}

.accomm-featured-inclusive .icon-dark-blue.df-icon-favourite,
.accomm-normal-inclusive .icon-dark-blue.df-icon-favourite {
    background-image: url(https://static.directferries.co.uk/image/ico/white/favourite.svg);
}

.accomm-featured-inclusive .icon-dark-blue.df-icon-restaurant,
.accomm-normal-inclusive .icon-dark-blue.df-icon-restaurant {
    background-image: url(https://static.directferries.co.uk/image/ico/white/restaurant.svg);
}

.accomm-featured-inclusive .icon-dark-blue.df-icon-buffet,
.accomm-normal-inclusive .icon-dark-blue.df-icon-buffet {
    background-image: url(https://static.directferries.co.uk/image/ico/white/buffet.svg);
}

.accomm-featured-inclusive .icon-dark-blue.df-icon-leaving,
.accomm-normal-inclusive .icon-dark-blue.df-icon-leaving {
    background-image: url(https://static.directferries.co.uk/image/ico/white/leaving.svg);
}

.accomm-featured-inclusive .icon-dark-blue.df-icon-returning,
.accomm-normal-inclusive .icon-dark-blue.df-icon-returning {
    background-image: url(https://static.directferries.co.uk/image/ico/white/returning.svg);
}

.accomm-featured-inclusive .icon-dark-blue.df-icon-vehicle,
.accomm-normal-inclusive .icon-dark-blue.df-icon-vehicle {
    background-image: url(https://static.directferries.co.uk/image/ico/white/vehicle.svg);
}

.accomm-featured-inclusive .icon-dark-blue.df-icon-receipt,
.accomm-normal-inclusive .icon-dark-blue.df-icon-receipt {
    background-image: url(https://static.directferries.co.uk/image/ico/white/receipt.svg);
}

.accomm-featured-inclusive .icon-dark-blue.df-icon-upgrade,
.accomm-normal-inclusive .icon-dark-blue.df-icon-upgrade {
    background-image: url(https://static.directferries.co.uk/image/ico/white/upgrade.svg);
}

.accomm-featured-inclusive .icon-dark-blue.df-icon-payment,
.accomm-normal-inclusive .icon-dark-blue.df-icon-payment {
    background-image: url(https://static.directferries.co.uk/image/ico/white/payment.svg);
}

.accomm-featured-inclusive .icon-dark-blue.df-icon-edit,
.accomm-normal-inclusive .icon-dark-blue.df-icon-edit {
    background-image: url(https://static.directferries.co.uk/image/ico/white/edit.svg);
}

.accomm-featured-inclusive .icon-dark-blue.df-icon-booking,
.accomm-normal-inclusive .icon-dark-blue.df-icon-booking {
    background-image: url(https://static.directferries.co.uk/image/ico/white/booking.svg);
}

.accomm-featured-inclusive .icon-dark-blue.df-icon-return-route,
.accomm-normal-inclusive .icon-dark-blue.df-icon-return-route {
    background-image: url(https://static.directferries.co.uk/image/ico/white/return-route.svg);
}

.accomm-featured-inclusive .icon-dark-blue.df-icon-search,
.accomm-normal-inclusive .icon-dark-blue.df-icon-search {
    background-image: url(https://static.directferries.co.uk/image/ico/white/search.svg);
}

.acom-button.acom-error .icon-dark-blue.df-icon-remove {
    background-image: url(https://static.directferries.co.uk/image/ico/red/remove.svg);
}

.acom-button.acom-error .icon-dark-blue.df-icon-add {
    background-image: url(https://static.directferries.co.uk/image/ico/red/add.svg);
}

.acom-button.active .df-icon-remove {
    background-image: url(https://static.directferries.co.uk/image/ico/white/remove.svg);
}

.acom-button.active .df-icon-add {
    background-image: url(https://static.directferries.co.uk/image/ico/white/add.svg);
}

.acom-button.active .df-icon-more {
    background-image: url(https://static.directferries.co.uk/image/ico/white/more.svg);
}

.fav-icon-control:hover .df-icon-favourite {
    background-image: url(https://static.directferries.co.uk/image/ico/white/favourite.svg);
}

@font-face {
    font-family: proxima-soft-light;
    font-weight: 300;
    src: url(https://use.typekit.net/af/bcdb8f/00000000000000003b9b3030/27/l?fvd=n3&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3) format("woff2"), url(https://use.typekit.net/af/bcdb8f/00000000000000003b9b3030/27/d?fvd=n3&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3) format("woff"), url(https://use.typekit.net/af/bcdb8f/00000000000000003b9b3030/27/a?fvd=n3&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3) format("opentype");
}

.lang_flag.de-AT {
    background: url(https://static.directferries.co.uk/images/flags/4x3/at.svg);
}

.lang_flag.fr-BE,
.lang_flag.nl-BE {
    background: url(https://static.directferries.co.uk/images/flags/4x3/be.svg);
}

.lang_flag.de-CH,
.lang_flag.fr-CH {
    background: url(https://static.directferries.co.uk/images/flags/4x3/ch.svg);
}

.lang_flag.zh-CN {
    background: url(https://static.directferries.co.uk/images/flags/4x3/cn.svg);
}

.lang_flag.cs-CZ {
    background: url(https://static.directferries.co.uk/images/flags/4x3/cz.svg);
}

.lang_flag.de-DE {
    background: url(https://static.directferries.co.uk/images/flags/4x3/de.svg);
}

.lang_flag.da-DK {
    background: url(https://static.directferries.co.uk/images/flags/4x3/dk.svg);
}

.lang_flag.es-ES {
    background: url(https://static.directferries.co.uk/images/flags/4x3/es.svg);
}

.lang_flag.fi-FI {
    background: url(https://static.directferries.co.uk/images/flags/4x3/fi.svg);
}

.lang_flag.fr-FR {
    background: url(https://static.directferries.co.uk/images/flags/4x3/fr.svg);
}

.lang_flag.el-GR {
    background: url(https://static.directferries.co.uk/images/flags/4x3/gr.svg);
}

.lang_flag.ja-JP {
    background: url(https://static.directferries.co.uk/images/flags/4x3/jp.svg);
}

.lang_flag.it-IT {
    background: url(https://static.directferries.co.uk/images/flags/4x3/it.svg);
}

.lang_flag.en-IE {
    background: url(https://static.directferries.co.uk/images/flags/4x3/ie.svg);
}

.lang_flag.nl-NL {
    background: url(https://static.directferries.co.uk/images/flags/4x3/nl.svg);
}

.lang_flag.nb-NO,
.lang_flag.nn-NO {
    background: url(https://static.directferries.co.uk/images/flags/4x3/no.svg);
}

.lang_flag.pl-PL {
    background: url(https://static.directferries.co.uk/images/flags/4x3/pl.svg);
}

.lang_flag.pt-PT {
    background: url(https://static.directferries.co.uk/images/flags/4x3/pt.svg);
}

.lang_flag.ru-RU {
    background: url(https://static.directferries.co.uk/images/flags/4x3/ru.svg);
}

.lang_flag.sv-SE {
    background: url(https://static.directferries.co.uk/images/flags/4x3/se.svg);
}

.lang_flag.sk-SK {
    background: url(https://static.directferries.co.uk/images/flags/4x3/sk.svg);
}

.lang_flag.tr-TR {
    background: url(https://static.directferries.co.uk/images/flags/4x3/tr.svg);
}

.lang_flag.uk-UA {
    background: url(https://static.directferries.co.uk/images/flags/4x3/ua.svg);
}

.lang_flag.en-US {
    background: url(https://static.directferries.co.uk/images/flags/4x3/us.svg);
}

.lang_flag.en-AU {
    background: url(https://static.directferries.co.uk/images/flags/4x3/au.svg);
}

.lang_flag.ar-QA,
.lang_flag.ar-SA {
    background: url(https://static.directferries.co.uk/images/flags/4x3/sa.svg);
}

.lang_flag.fr-MA,
.lang_flag.fr-MC {
    background: url(https://static.directferries.co.uk/images/flags/4x3/mc.svg);
}

.lang_flag.ar-MA {
    background: url(https://static.directferries.co.uk/images/flags/4x3/ma.svg);
}

.lang_flag.tn {
    background: url(https://static.directferries.co.uk/images/flags/4x3/tn.svg);
}

.lang_flag.en-CA,
.lang_flag.fr-CA {
    background: url(https://static.directferries.co.uk/images/flags/4x3/ca.svg);
}

.lang_flag.ko-KR {
    background: url(https://static.directferries.co.uk/images/flags/4x3/kr.svg);
}

.lang_flag.en-GB {
    background: url(https://static.directferries.co.uk/images/flags/4x3/gb.svg);
}

.lang_flag.ca-ES {
    background: url(https://static.directferries.co.uk/images/flags/4x3/es-ct.svg);
}

.lang_flag.id-ID {
    background: url(https://static.directferries.co.uk/images/flags/4x3/id.svg);
}

.df__footer-sitemap-collapse.collapse:not(.show) {
    transition: all 0.4s ease;
}

.df__footer-sitemap-collapse.collapse.show {
    transition: all 0.8s ease;
    opacity: 1;
    height: auto;
    max-height: 2000px;
    animation: headerFadeIn 0.5s forwards;
}

footer#df-dom-wrapper {
    padding: 0;
}

@media (min-width: 1025px) {
    footer#df-dom-wrapper {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}

footer .df__newsletter-signup {
    margin-bottom: 16px !important;
}

    footer .df__newsletter-signup .signUp {
        padding: 40px !important;
        background-repeat: no-repeat !important;
        background-position: 50% !important;
        background-size: cover !important;
        border-radius: 8px;
        margin: 16px;
    }

@media (min-width: 1025px) {
    footer .df__newsletter-signup .signUp {
        padding: 80px !important;
    }
}

footer .df__newsletter-signup .signUp form {
    display: grid;
}

    footer .df__newsletter-signup .signUp form .inputGrp {
        display: grid;
        grid-template-columns: 2fr 1fr;
        grid-row-gap: 16px;
        grid-column-gap: 40px;
    }

@media (min-width: 769px) {
    footer .df__newsletter-signup .signUp form .inputGrp {
        grid-template-columns: 3fr 2fr;
    }
}

@media (min-width: 1025px) {
    footer .df__newsletter-signup .signUp form .inputGrp {
        grid-template-columns: 2fr 1fr;
    }
}

footer .df__newsletter-signup .signUp form .inputGrp span:first-of-type {
    font-size: 2rem !important;
    line-height: 2rem !important;
    grid-row: 1;
    grid-column: span 2;
}

@media (min-width: 769px) {
    footer .df__newsletter-signup .signUp form .inputGrp span:first-of-type {
        font-size: 2rem !important;
        line-height: 2rem !important;
        grid-row: span 2;
        grid-column: 1;
    }
}

@media (min-width: 1025px) {
    footer .df__newsletter-signup .signUp form .inputGrp span:first-of-type {
        font-size: 3rem !important;
        line-height: 3rem !important;
    }
}

footer .df__newsletter-signup .signUp form .inputGrp span:last-of-type {
    grid-column: span 2;
    align-self: start;
}

@media (min-width: 769px) {
    footer .df__newsletter-signup .signUp form .inputGrp span:last-of-type {
        grid-column: 2;
    }
}

footer .df__newsletter-signup .signUp form .inputGrp .form-control {
    grid-row: 2;
    grid-column: span 2;
    margin-bottom: 10px;
    align-self: end;
}

@media (min-width: 769px) {
    footer .df__newsletter-signup .signUp form .inputGrp .form-control {
        margin-bottom: 0;
        grid-column: 2;
        grid-row: 1;
    }
}

footer .df__newsletter-signup .signUp form .inputGrp .inputGrpBox {
    display: block;
    color: #fff;
    font-size: 1.375rem;
    font-family: proxima-soft-bold;
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
    width: 100%;
    white-space: normal;
    align-self: center;
    text-align: center;
    margin: 0 0 16px;
}

@media (min-width: 769px) {
    footer .df__newsletter-signup .signUp form .inputGrp .inputGrpBox {
        text-align: left;
        margin-bottom: 0;
    }
}

footer .df__newsletter-signup .signUp form .inputGrp .inputGrpBox .btn {
    background-repeat: no-repeat;
    border: none;
    color: #fff;
    background-image: none !important;
    padding: 8px 16px;
    font-size: 16px !important;
    -webkit-font-smoothing: antialiased !important;
    font-weight: 700 !important;
    width: 100%;
    font-family: proxima-soft-bold;
}

footer .df__newsletter-signup .signUp .err,
footer .df__newsletter-signup .signUp .suc {
    display: none;
}

footer .cards .sofort {
    background-image: url(https://static.directferries.co.uk/image/payment-icons-master/sofort-card-light.svg) !important;
}

footer .cards .postepay {
    background-image: url(https://static.directferries.co.uk/image/payment-icons-master/Postepay-card-light.svg) !important;
}

footer .cards .ideal {
    background-image: url(https://static.directferries.co.uk/image/payment-icons-master/Ideal-card-light.svg) !important;
}

footer .cards .apple_pay {
    background-image: url(https://static.directferries.co.uk/image/payment-icons-master/Apple-card-light.svg) !important;
}

footer .cards .google_pay {
    background-image: url(https://static.directferries.co.uk/image/payment-icons-master/GooglePay-card-light.svg) !important;
}

.df__footer .df__footer-payments .payment-icon {
    width: 52px;
    height: auto;
}

@media (min-width: 426px) {
    .df__footer .df__footer-payments .payment-icon {
        margin: 0 8px;
    }
}

.df__footer .df__footer-sitemap .df__footer-sitemap-dropdown {
    cursor: pointer;
}

    .df__footer
    .df__footer-sitemap
    .df__footer-sitemap-dropdown
    .svg-icon:last-child {
        margin-left: auto;
    }

.df__footer-sitemap-links .df__footer-sitemap-section h4 {
    margin-bottom: 8px;
    font-size: 1.25rem;
    font-family: proxima-soft-bold;
    display: block;
}

.df__sitemap-footer .df__footer-social .df__footer-social-title h5 {
    margin-bottom: 16px;
    font-size: 1rem;
    display: block;
}

.dark .df__footer,
.dark .df__footer-sitemap-links,
.dark .df__footer .df__footer-sitemap-dropdown span,
.dark .df__footer a {
    color: #fff;
}

    .dark .df__footer-sitemap-links .df__footer-sitemap-section .sitemap-link {
        color: #fff !important;
    }

.dark .df__sitemap-footer {
    background-color: rgb(71, 91.8, 118.2);
    color: #fff;
}

    .dark .df__sitemap-footer a {
        color: #fff !important;
    }

@keyframes headerFadeIn {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media (max-width: 768px) {
    .df__navbar-main.collapse:not(.show) {
        transition: all 0.4s ease-out;
    }

    .df__navbar-main.collapse.show {
        transition: all 0.8s ease;
        opacity: 1;
        height: auto;
        max-height: 5000px;
        animation: headerFadeIn 0.5s forwards;
    }
}

.df__navbar-languages.collapse:not(.show) {
    transition: all 0.4s ease;
}

.df__navbar-languages.collapse.show {
    transition: all 0.8s ease;
    opacity: 1;
    height: auto;
    max-height: 3000px;
    animation: headerFadeIn 0.5s forwards;
}

.df__navbar-ferry-types.collapse:not(.show) {
    transition: all 0.4s ease;
}

.df__navbar-ferry-types.collapse.show {
    transition: all 0.8s ease;
    opacity: 1;
    height: auto;
    max-height: 500px;
    animation: headerFadeIn 0.5s forwards;
}

a:hover {
    text-decoration: none;
}

a.active {
    font-family: proxima-soft-bold !important;
}

a .drop-down-up {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/dropup.svg);
}

a.collapsed .drop-down-up {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/dropdown.svg);
}

.df__navbar-actions .navbar-toggler .burger-menu.collapsed {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/cancel.svg);
}

.df__header-nav .df__header-wave {
    display: none;
}

.df__navbar .df__navbar-main h1 {
    font-size: 1rem !important;
    color: inherit !important;
}

.df__navbar .df__navbar-main #main-nav-content {
    width: 100%;
    display: block !important;
}

    .df__navbar .df__navbar-main #main-nav-content #nav li a:before {
        position: absolute;
        content: "";
        width: 24px;
        height: 24px;
        top: 4px;
        left: 10px;
    }

    .df__navbar .df__navbar-main #main-nav-content #nav a#navbarDropdownMenu {
        display: none;
    }

        .df__navbar
        .df__navbar-main
        #main-nav-content
        #nav
        a#navbarDropdownMenu
        li#specialOffers
        a,
        .df__navbar
        .df__navbar-main
        #navbarNavDropdown
        #nav
        a#navbarDropdownMenu
        li#specialOffers
        a {
            color: #193354;
        }

        .df__navbar .df__navbar-main #main-nav-content #nav a#navbarDropdownMenu:after {
            position: absolute;
            content: url(https://static.directferries.co.uk/image/ico/dark-blue/dropdown.svg);
            width: 24px;
            height: 24px;
            top: 6px;
            right: -6px;
        }

@media (min-width: 769px) {
    .df__navbar .df__navbar-main #main-nav-content #nav a#navbarDropdownMenu {
        display: block;
    }
}

.df__navbar .df__navbar-main #main-nav-content #nav a#navbarDropdownMenu span {
    display: inline;
}

.df__navbar .df__navbar-main #main-nav-content #nav #ferryTickets {
    order: 1;
    margin-bottom: 16px;
}

@media (min-width: 769px) {
    .df__navbar .df__navbar-main #main-nav-content #nav #ferryTickets {
        order: unset;
        margin-right: 24px;
        margin-bottom: 0;
    }
}

.df__navbar .df__navbar-main #main-nav-content #nav #ferryTickets a:after {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/dropup.svg);
    background-repeat: no-repeat;
    right: 0;
    top: 4px;
}

@media (min-width: 769px) {
    .df__navbar .df__navbar-main #main-nav-content #nav #ferryTickets a:after {
        right: -7px;
        top: 5px;
    }
}

.df__navbar
.df__navbar-main
#main-nav-content
#nav
#ferryTickets
a.collapsed:after {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/dropdown.svg);
    background-repeat: no-repeat;
    right: 0;
    top: 4px;
}

@media (min-width: 769px) {
    .df__navbar
    .df__navbar-main
    #main-nav-content
    #nav
    #ferryTickets
    a.collapsed:after {
        right: -7px;
        top: 5px;
    }
}

.df__navbar .df__navbar-main #main-nav-content #nav .mobile-padding {
    padding: 8px 0;
}

@media (min-width: 769px) {
    .df__navbar .df__navbar-main #main-nav-content #nav .mobile-padding {
        padding: 0;
    }
}

.df__navbar .df__navbar-main #main-nav-content #nav li {
    background-color: transparent;
    border-radius: 8px;
    margin-left: 16px;
    margin-right: 16px;
}

@media (min-width: 769px) {
    .df__navbar .df__navbar-main #main-nav-content #nav li {
        margin-left: -8px;
        margin-right: -8px;
    }
}

.df__navbar .df__navbar-main #main-nav-content #nav li #langDropdownMobile li {
    margin-left: 8px;
    margin-right: 8px;
}

@media (min-width: 769px) {
    .df__navbar .df__navbar-main #main-nav-content #nav li {
        margin-left: 0;
        margin-right: 0;
    }
}

.df__navbar .df__navbar-main #main-nav-content #nav li#ferryTickets a,
.df__navbar .df__navbar-main #navbarNavDropdown #nav li#ferryTickets a {
    padding-left: 8px;
    cursor: pointer;
}

.df__navbar .df__navbar-main #main-nav-content #nav li a {
    padding-left: 48px;
    position: relative;
    font-family: proxima-soft-semibold;
}

@media (min-width: 769px) {
    .df__navbar .df__navbar-main #main-nav-content #nav li a {
        padding-left: 8px;
    }
}

.df__navbar
.df__navbar-main
#main-nav-content
#nav
li#routePortFinder
a:before {
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/port.svg);
    background-repeat: no-repeat;
}

@media (min-width: 769px) {
    .df__navbar .df__navbar-main #main-nav-content #nav li#routePortFinder a {
        padding-left: 8px;
    }

        .df__navbar
        .df__navbar-main
        #main-nav-content
        #nav
        li#routePortFinder
        a:before {
            background: unset;
        }
}

.df__navbar .df__navbar-main #main-nav-content #nav li#ferryCompanies a:before {
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/ship.svg);
    background-repeat: no-repeat;
}

@media (min-width: 769px) {
    .df__navbar .df__navbar-main #main-nav-content #nav li#ferryCompanies a {
        padding-left: 8px;
    }

        .df__navbar
        .df__navbar-main
        #main-nav-content
        #nav
        li#ferryCompanies
        a:before {
            background: unset;
        }
}

.df__navbar .df__navbar-main #main-nav-content #nav li#specialOffers {
    background-color: #ff4a0e;
    border-radius: 8px;
    margin-left: 16px;
    margin-right: 16px;
}

@media (min-width: 769px) {
    .df__navbar .df__navbar-main #main-nav-content #nav li#specialOffers {
        background-color: inherit;
        margin-left: inherit;
        margin-right: inherit;
    }
}

.df__navbar .df__navbar-main #main-nav-content #nav li#specialOffers a {
    color: #fff;
    padding-left: 48px;
}

@media (min-width: 769px) {
    .df__navbar .df__navbar-main #main-nav-content #nav li#specialOffers a {
        color: #193354;
    }
}

.df__navbar .df__navbar-main #main-nav-content #nav li#specialOffers a:before {
    background: url(https://static.directferries.co.uk/image/ico/white/shopping.svg);
    background-repeat: no-repeat;
    left: 10px;
}

@media (min-width: 769px) {
    .df__navbar .df__navbar-main #main-nav-content #nav li#specialOffers a {
        padding-left: 8px;
    }

        .df__navbar
        .df__navbar-main
        #main-nav-content
        #nav
        li#specialOffers
        a:before {
            background: unset;
        }
}

.df__navbar .df__navbar-main #main-nav-content #nav li#destinations a:before {
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/pin.svg);
    background-repeat: no-repeat;
}

@media (min-width: 769px) {
    .df__navbar .df__navbar-main #main-nav-content #nav li#destinations a {
        padding-left: 8px;
    }

        .df__navbar .df__navbar-main #main-nav-content #nav li#destinations a:before {
            background: unset;
        }
}

.df__navbar
.df__navbar-main
#main-nav-content
#nav
li#manageMyBooking
a:before {
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/active-booking.svg);
    background-repeat: no-repeat;
}

@media (min-width: 769px) {
    .df__navbar .df__navbar-main #main-nav-content #nav li#manageMyBooking a {
        padding-left: 8px;
    }

        .df__navbar
        .df__navbar-main
        #main-nav-content
        #nav
        li#manageMyBooking
        a:before {
            background: unset;
        }
}

.df__navbar
.df__navbar-main
#main-nav-content
#nav
li#customerService
a:before {
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/help.svg);
    background-repeat: no-repeat;
}

@media (min-width: 769px) {
    .df__navbar .df__navbar-main #main-nav-content #nav li#customerService a {
        padding-left: 8px;
    }

        .df__navbar
        .df__navbar-main
        #main-nav-content
        #nav
        li#customerService
        a:before {
            background: unset;
        }
}

.df__navbar .df__navbar-main #main-nav-content #nav li#myAccount a:before {
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/user.svg);
    background-repeat: no-repeat;
}

@media (min-width: 769px) {
    .df__navbar .df__navbar-main #main-nav-content #nav li#myAccount a {
        padding-left: 8px;
    }

        .df__navbar .df__navbar-main #main-nav-content #nav li#myAccount a:before {
            background: unset;
        }
}

.df__navbar .df__navbar-main #main-nav-content #nav li#currency {
    display: none !important;
    background-color: #f7f6f2;
}

    .df__navbar
    .df__navbar-main
    #main-nav-content
    #nav
    li#currency
    #currencyDropdownMobile
    .navbar-currencies
    .navbar__currency {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .df__navbar
        .df__navbar-main
        #main-nav-content
        #nav
        li#currency
        #currencyDropdownMobile
        .navbar-currencies
        .navbar__currency
        a {
            background: #d3d0c9;
            width: 100%;
            margin: 4px;
            border-radius: 8px;
            padding: 8px 16px;
            display: flex;
            align-items: center;
        }

            .df__navbar
            .df__navbar-main
            #main-nav-content
            #nav
            li#currency
            #currencyDropdownMobile
            .navbar-currencies
            .navbar__currency
            a:before {
                display: none;
            }

            .df__navbar
            .df__navbar-main
            #main-nav-content
            #nav
            li#currency
            #currencyDropdownMobile
            .navbar-currencies
            .navbar__currency
            a
            img {
                margin-right: 8px;
            }

    .df__navbar .df__navbar-main #main-nav-content #nav li#currency a:before {
        background: url(https://static.directferries.co.uk/image/ico/dark-blue/currency.svg);
        background-repeat: no-repeat;
    }

@media (min-width: 769px) {
    .df__navbar .df__navbar-main #main-nav-content #nav li#currency a {
        padding-left: 8px;
    }

        .df__navbar .df__navbar-main #main-nav-content #nav li#currency a:before {
            background: unset;
        }
}

.df__navbar .df__navbar-main #main-nav-content #nav li#language {
    background-color: #f7f6f2;
}

    .df__navbar .df__navbar-main #main-nav-content #nav li#language a:before {
        position: absolute;
        content: "";
        width: 24px;
        height: 19px;
        left: 12px;
        top: 6.5px;
        border: 2px solid #d3d0c9;
        border-radius: 4px;
    }

@media (min-width: 769px) {
    .df__navbar .df__navbar-main #main-nav-content #nav li#language a {
        padding-left: 8px;
    }

        .df__navbar .df__navbar-main #main-nav-content #nav li#language a:before {
            background: unset;
        }
}

.df__navbar
.df__navbar-main
#main-nav-content
#nav
li#language
#langDropdownMobile
a {
    padding-left: 40px;
    background-color: #f7f6f2;
}

    .df__navbar
    .df__navbar-main
    #main-nav-content
    #nav
    li#language
    #langDropdownMobile
    a:before {
        position: absolute;
        content: "";
        width: 26px;
        height: 20px;
        left: 0;
        top: 0;
        border: 2px solid #d3d0c9;
        border-radius: 4px;
    }

.df__navbar .df__navbar-actions section .user-actions a.flag {
    cursor: pointer;
}

.df__navbar .df__navbar-actions section .nav-icon.flag img {
    width: 28px;
    height: auto;
    border: 2px solid #d3d0c9;
    border-radius: 4px;
}

.df__navbar .df__navbar-ferry-types .df__ferry-types a:hover {
    text-decoration: none;
}

.df__navbar .df__navbar-languages .navbar-languages .lang {
    display: flex;
    align-items: center;
    justify-content: center;
}

.df__navbar .df__navbar-languages .navbar-languages li {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.df__navbar .df__navbar-languages .navbar-languages a:hover {
    text-decoration: none;
}

.nn-NO:before {
    background: url(https://static.directferries.co.uk/images/flags/4x3/no.svg);
}

.ar-QA:before {
    background: url(https://static.directferries.co.uk/images/flags/4x3/sa.svg);
}

.fr-MA:before {
    background: url(https://static.directferries.co.uk/images/flags/4x3/mc.svg);
}

.tn:before {
    background: url(https://static.directferries.co.uk/images/flags/4x3/tn.svg);
}

.reDirect {
    background: #ff4a0e;
    padding: 8px;
    color: #fff;
    font-family: proxima-soft-medium;
}

    .reDirect .reDirectDiv {
        position: relative;
    }

        .reDirect .reDirectDiv #divRedirect {
            display: flex;
            flex-direction: column;
        }

@media (min-width: 769px) {
    .reDirect .reDirectDiv #divRedirect {
        flex-direction: row;
    }
}

.reDirect .reDirectDiv #divRedirect span {
    font-size: 0.875rem;
}

.reDirect .reDirectDiv #divRedirect a {
    font-family: proxima-soft-semibold;
}

@media (min-width: 769px) {
    .reDirect .reDirectDiv #divRedirect a {
        padding-left: 16px;
    }
}

.reDirect .reDirectDiv div:last-of-type {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
}

    .reDirect .reDirectDiv div:last-of-type a.df_geo_close {
        font-family: proxima-soft-bold;
        font-size: 0.875rem;
    }

.dark {
    color: #fff;
}

    .dark .df__brand-logo {
        content: url(https://static.directferries.co.uk/image/brand/logo__inverted.svg);
        background-size: auto !important;
        height: 48px;
    }

@media (min-width: 769px) {
    .dark .df__brand-logo {
        height: 56px;
    }
}

.dark .df__brand-typo {
    display: none;
    content: url(https://static.directferries.co.uk/image/brand/typo__white.svg);
    background-size: auto !important;
    height: 48px;
}

@media (min-width: 374px) {
    .dark .df__brand-typo {
        display: block;
    }
}

@media (min-width: 769px) {
    .dark .df__brand-typo {
        height: 56px;
    }
}

.dark a {
    color: #fff;
}

    .dark a .drop-down-up,
    .dark div .drop-down-up {
        background-image: url(https://static.directferries.co.uk/image/ico/white/dropup.svg);
    }

    .dark a.collapsed .drop-down-up,
    .dark div.collapsed .drop-down-up {
        background-image: url(https://static.directferries.co.uk/image/ico/white/dropdown.svg);
    }

.dark .df__navbar-actions .navbar-toggler .burger-menu {
    background-image: url(https://static.directferries.co.uk/image/ico/white/menu.svg);
}

    .dark .df__navbar-actions .navbar-toggler .burger-menu.collapsed {
        background-image: url(https://static.directferries.co.uk/image/ico/white/cancel.svg);
    }

.dark .df__header-nav .df__header-wave {
    display: block;
}

.dark .df__navbar {
    background-color: #193354;
    color: #fff;
}

    .dark .df__navbar a {
        color: #fff;
    }

    .dark .df__navbar .df__navbar-main {
        background-color: #193354;
    }

        .dark .df__navbar .df__navbar-main #navbarNavDropdown #nav li a:before {
            position: absolute;
            content: "";
            width: 24px;
            height: 24px;
            top: 4px;
            left: 10px;
        }

        .dark
        .df__navbar
        .df__navbar-main
        #navbarNavDropdown
        #nav
        a#navbarDropdownMenu {
            display: none;
        }

            .dark
            .df__navbar
            .df__navbar-main
            #navbarNavDropdown
            #nav
            a#navbarDropdownMenu:after {
                position: absolute;
                content: url(https://static.directferries.co.uk/image/ico/white/dropdown.svg);
                width: 24px;
                height: 24px;
                top: 6px;
                right: -6px;
            }

@media (min-width: 769px) {
    .dark
    .df__navbar
    .df__navbar-main
    #navbarNavDropdown
    #nav
    a#navbarDropdownMenu {
        display: block;
    }
}

.dark
.df__navbar
.df__navbar-main
#navbarNavDropdown
#nav
a#navbarDropdownMenu
span {
    display: inline;
}

.dark
.df__navbar
.df__navbar-main
#navbarNavDropdown
#nav
#ferryTickets
a:after {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    background: url(https://static.directferries.co.uk/image/ico/white/dropup.svg);
    background-repeat: no-repeat;
}

.dark
.df__navbar
.df__navbar-main
#navbarNavDropdown
#nav
#ferryTickets
a.collapsed:after {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    background: url(https://static.directferries.co.uk/image/ico/white/dropdown.svg);
    background-repeat: no-repeat;
}

.dark
.df__navbar
.df__navbar-main
#navbarNavDropdown
#nav
.dropdown-menu
#specialOffers
a {
    padding-left: 48px;
    color: #193354;
}

@media (min-width: 769px) {
    .dark
    .df__navbar
    .df__navbar-main
    #navbarNavDropdown
    #nav
    .dropdown-menu
    #specialOffers
    a {
        padding-left: 8px;
    }
}

.dark .df__navbar .df__navbar-main #navbarNavDropdown #nav .dropdown-menu a {
    color: #193354;
}

.dark .df__navbar .df__navbar-main #navbarNavDropdown #nav li#language {
    background-color: rgb(71, 91.8, 118.2);
}

    .dark
    .df__navbar
    .df__navbar-main
    #navbarNavDropdown
    #nav
    li#language
    #langDropdownMobile
    .navbar-languages
    li,
    .dark
    .df__navbar
    .df__navbar-main
    #navbarNavDropdown
    #nav
    li#language
    #langDropdownMobile
    .navbar-languages
    li
    a {
        background-color: rgb(117, 132.6, 152.4);
    }

@media (min-width: 769px) {
    .dark
    .df__navbar
    .df__navbar-main
    #navbarNavDropdown
    #nav
    li#specialOffers
    a {
        color: #fff;
    }
}

.dark .df__navbar .df__navbar-main #navbarNavDropdown #nav li a {
    padding-left: 48px;
    position: relative;
    font-family: proxima-soft-semibold;
}

@media (min-width: 769px) {
    .dark .df__navbar .df__navbar-main #navbarNavDropdown #nav li a {
        padding-left: 8px;
    }
}

.dark
.df__navbar
.df__navbar-main
#navbarNavDropdown
#nav
li#routePortFinder
a:before {
    background: url(https://static.directferries.co.uk/image/ico/white/port.svg);
    background-repeat: no-repeat;
}

@media (min-width: 769px) {
    .dark
    .df__navbar
    .df__navbar-main
    #navbarNavDropdown
    #nav
    li#routePortFinder
    a {
        padding-left: 8px;
    }

        .dark
        .df__navbar
        .df__navbar-main
        #navbarNavDropdown
        #nav
        li#routePortFinder
        a:before {
            background: unset;
        }
}

.dark
.df__navbar
.df__navbar-main
#navbarNavDropdown
#nav
li#ferryCompanies
a:before {
    background: url(https://static.directferries.co.uk/image/ico/white/ship.svg);
    background-repeat: no-repeat;
}

@media (min-width: 769px) {
    .dark
    .df__navbar
    .df__navbar-main
    #navbarNavDropdown
    #nav
    li#ferryCompanies
    a {
        padding-left: 8px;
    }

        .dark
        .df__navbar
        .df__navbar-main
        #navbarNavDropdown
        #nav
        li#ferryCompanies
        a:before {
            background: unset;
        }
}

.dark
.df__navbar
.df__navbar-main
#navbarNavDropdown
#nav
li#specialOffers
a:before {
    background: url(https://static.directferries.co.uk/image/ico/white/shopping.svg);
    background-repeat: no-repeat;
}

@media (min-width: 769px) {
    .dark
    .df__navbar
    .df__navbar-main
    #navbarNavDropdown
    #nav
    li#specialOffers
    a {
        padding-left: 8px;
    }

        .dark
        .df__navbar
        .df__navbar-main
        #navbarNavDropdown
        #nav
        li#specialOffers
        a:before {
            background: unset;
        }
}

.dark
.df__navbar
.df__navbar-main
#navbarNavDropdown
#nav
li#destinations
a:before {
    background: url(https://static.directferries.co.uk/image/ico/white/pin.svg);
    background-repeat: no-repeat;
}

@media (min-width: 769px) {
    .dark .df__navbar .df__navbar-main #navbarNavDropdown #nav li#destinations a {
        padding-left: 8px;
    }

        .dark
        .df__navbar
        .df__navbar-main
        #navbarNavDropdown
        #nav
        li#destinations
        a:before {
            background: unset;
        }
}

.dark
.df__navbar
.df__navbar-main
#navbarNavDropdown
#nav
li#manageMyBooking
a:before {
    background: url(https://static.directferries.co.uk/image/ico/white/active-booking.svg);
    background-repeat: no-repeat;
}

@media (min-width: 769px) {
    .dark
    .df__navbar
    .df__navbar-main
    #navbarNavDropdown
    #nav
    li#manageMyBooking
    a {
        padding-left: 8px;
    }

        .dark
        .df__navbar
        .df__navbar-main
        #navbarNavDropdown
        #nav
        li#manageMyBooking
        a:before {
            background: unset;
        }
}

.dark
.df__navbar
.df__navbar-main
#navbarNavDropdown
#nav
li#customerService
a:before {
    background: url(https://static.directferries.co.uk/image/ico/white/help.svg);
    background-repeat: no-repeat;
}

@media (min-width: 769px) {
    .dark
    .df__navbar
    .df__navbar-main
    #navbarNavDropdown
    #nav
    li#customerService
    a {
        padding-left: 8px;
    }

        .dark
        .df__navbar
        .df__navbar-main
        #navbarNavDropdown
        #nav
        li#customerService
        a:before {
            background: unset;
        }
}

.dark
.df__navbar
.df__navbar-main
#navbarNavDropdown
#nav
li#myAccount
a:before {
    background: url(https://static.directferries.co.uk/image/ico/white/user.svg);
    background-repeat: no-repeat;
}

@media (min-width: 769px) {
    .dark .df__navbar .df__navbar-main #navbarNavDropdown #nav li#myAccount a {
        padding-left: 8px;
    }

        .dark
        .df__navbar
        .df__navbar-main
        #navbarNavDropdown
        #nav
        li#myAccount
        a:before {
            background: unset;
        }
}

.dark .df__navbar .df__navbar-main #navbarNavDropdown #nav li#currency {
    background-color: rgb(71, 91.8, 118.2);
}

    .dark
    .df__navbar
    .df__navbar-main
    #navbarNavDropdown
    #nav
    li#currency
    #currencyDropdownMobile
    .navbar-currencies
    .navbar__currency
    a {
        background: rgb(117, 132.6, 152.4);
    }

    .dark
    .df__navbar
    .df__navbar-main
    #navbarNavDropdown
    #nav
    li#currency
    a:before {
        background: url(https://static.directferries.co.uk/image/ico/white/currency.svg);
        background-repeat: no-repeat;
    }

@media (min-width: 769px) {
    .dark .df__navbar .df__navbar-main #navbarNavDropdown #nav li#currency a {
        padding-left: 8px;
    }

        .dark
        .df__navbar
        .df__navbar-main
        #navbarNavDropdown
        #nav
        li#currency
        a:before {
            background: unset;
        }
}

@media (min-width: 769px) {
    .dark .df__navbar .df__navbar-main #navbarNavDropdown #nav li#language a {
        padding-left: 8px;
    }

        .dark
        .df__navbar
        .df__navbar-main
        #navbarNavDropdown
        #nav
        li#language
        a:before {
            background: unset;
        }
}

.dark .df__navbar .df__navbar-actions section .nav-icon.currency .svg-icon {
    background-color: rgb(117, 132.6, 152.4);
}

.dark .df__navbar .df__navbar-ferry-types .df__ferry-types {
    background: #193354;
    padding: 16px 0 0 !important;
    grid-template-columns: 100%;
}

    .dark .df__navbar .df__navbar-ferry-types .df__ferry-types a {
        background: rgb(71, 91.8, 118.2);
        color: #fff;
    }

        .dark .df__navbar .df__navbar-ferry-types .df__ferry-types a:after {
            display: none !important;
        }

.dark .df__navbar .df__navbar-languages .navbar-languages a {
    background: transparent;
    color: #fff;
    margin: 4px;
    border-radius: 8px;
    font-family: proxima-soft-bold;
    display: flex;
    align-items: center;
    background-image: url(https://static.directferries.co.uk/image/sprites/flags.png);
    background-repeat: no-repeat;
    padding: 4px 0 4px 40px;
    line-height: 12px;
    font-size: 1rem;
    font-family: proxima-soft-medium;
    font-weight: 500;
}

.dark .df__navbar .df__navbar-languages .navbar-languages li {
    background-color: rgb(71, 91.8, 118.2);
}

.dark .df__navbar .df__navbar-languages .lang__footer .lang__footer-btn a {
    background: rgb(71, 91.8, 118.2);
}

#AboutUs,
#ContinentInd,
#ContinentMain,
#CountryToCountryInd,
#CustomerService,
#DestinationInd,
#DestinationMain,
#Faq,
#FerryOffersInd,
#FerryOffersMain,
#FerryOperatorInd,
#FerryOperatorMain,
#FerryToPortInd,
#Home,
#NewsArticle,
#PortInd,
#RouteInd,
#RouteMain,
#ShipInd,
#ShipMain {
    font-family: proxima-soft-light, sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    line-height: 20px;
    background: #fff !important;
    background-size: 4.24px 4.24px !important;
}

@media (min-width: 769px) {
    #AboutUs,
    #ContinentInd,
    #ContinentMain,
    #CountryToCountryInd,
    #CustomerService,
    #DestinationInd,
    #DestinationMain,
    #Faq,
    #FerryOffersInd,
    #FerryOffersMain,
    #FerryOperatorInd,
    #FerryOperatorMain,
    #FerryToPortInd,
    #Home,
    #NewsArticle,
    #PortInd,
    #RouteInd,
    #RouteMain,
    #ShipInd,
    #ShipMain {
        font-family: proxima-soft, sans-serif !important;
        font-weight: 400 !important;
        font-size: 16px !important;
        line-height: 20px;
        background: #fff !important;
        background-size: 4.24px 4.24px !important;
    }
}

table.lp-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 0.5em;
    padding: 16px 32px;
}

@media (min-width: 769px) {
    table.lp-table {
        padding: 16px;
    }
}

table.lp-table thead th {
    background-color: #e0f1fa;
    text-align: left;
    padding: 16px;
    border-radius: 8px;
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1.125rem;
    line-height: 1.375rem;
}

table.lp-table tbody tr {
    background-color: #f7f6f2;
}

    table.lp-table tbody tr td {
        font-family: proxima-soft, sans-serif;
        font-size: 1.125rem;
        line-height: 1.375rem;
        padding: 8px 16px;
    }

        table.lp-table tbody tr td:first-of-type {
            border-top-left-radius: 8px;
            border-bottom-left-radius: 8px;
        }

        table.lp-table tbody tr td:last-of-type {
            border-top-right-radius: 8px;
            border-bottom-right-radius: 8px;
        }

        table.lp-table tbody tr td.row-label {
            font-family: proxima-soft-bold, sans-serif;
        }

p.lp_prices {
    font-family: proxima-soft, sans-serif;
    padding-left: 32px;
    padding-right: 32px;
    font-weight: 300;
}

@media (min-width: 769px) {
    p.lp_prices {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@keyframes opacityShow {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes opacityHide {
    0% {
        opacity: 1;
        z-index: 4;
    }

    50% {
        opacity: 1;
        z-index: 4;
    }

    to {
        opacity: 0;
        z-index: -10;
    }
}

@keyframes removeHeight {
    0% {
        height: 100%;
    }

    to {
        height: 0;
    }
}

.fsOverlay.show {
    animation: opacityShow 2s forwards;
    max-height: unset !important;
    z-index: 4;
}

.fsOverlay.hide,
.fsOverlay.show {
    background: rgba(0, 0, 0, 0.5607843137);
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.fsOverlay.hide {
    animation: opacityHide 2s 0s forwards, removeHeight 1s 2s forwards;
    display: none !important;
}

.fsOverlayPop {
    position: relative;
    width: 100%;
    z-index: 20;
}

#Home .df-dom-light-card__news,
#Home .glide__arrow-cards,
#Home .glide__slide_box {
    visibility: hidden;
}

@media (min-width: 769px) {
    .dests a,
    .hreview .summary,
    a.boldLink,
    b,
    footer .signUp .inputGrpBox,
    label,
    strong {
        font-family: proxima-soft-bold !important;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 700 !important;
    }
}

.form-control,
.fsControl {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 1.125rem;
    background-color: #f7f6f2;
    color: #193354;
    background-image: none;
    border: 2px solid #d3d0c9;
    font-size: 1rem;
    font-family: proxima-soft-medium, sans-serif;
    font-weight: 500;
    border-radius: 8px;
    text-decoration: none;
    padding: 8px;
}

.btn,
.fsDone {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background-image: none;
    background-position: right 50%;
    background-size: 24px;
    background-color: #ff4a0e;
}

.btn {
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    border-radius: 8px !important;
    font-family: proxima-soft-bold !important;
    -webkit-font-smoothing: antialiased !important;
    font-weight: 700 !important;
}

#df-dom-content-wrap > * {
    padding: 0;
    font-size: 1rem;
}

@media (min-width: 769px) {
    #df-dom-content-wrap > * {
        padding: 16px;
    }
}

#header.df-dom-logo-header {
    background-color: #193354 !important;
}

@media (min-width: 769px) {
    #header.df-dom-logo-header {
        background-color: #fff;
    }
}

@media (min-width: 426px) {
    #df-dom-main-block {
        grid-template-rows: auto auto;
        height: fit-content;
        height: -moz-fit-content;
        padding: 16px 32px;
    }
}

@media (min-width: 769px) {
    #df-dom-main-block {
        grid-template-rows: auto 4fr;
        grid-column: span 2;
        grid-row: span 1;
        margin-left: 32px;
        margin-top: 40px;
        margin-bottom: 40px;
        height: 320px;
        z-index: -1;
    }
}

@media (min-width: 1200px) {
    #df-dom-main-block {
        display: none;
    }
}

.side-article-template {
    display: grid;
    grid-template-columns: 2fr 1fr !important;
    grid-column-gap: 56px;
}

.side-left-content {
    grid-column: 1 / span 2 !important;
}

@media (min-width: 1025px) {
    .side-left-content {
        grid-column: 1 !important;
    }
}

.side-right-content {
    grid-column: 1 / span 2 !important;
}

@media (min-width: 769px) {
    .side-right-content {
        grid-column: 2 !important;
    }
}

.main-left-content {
    grid-column: 1 / span 2 !important;
}

@media (min-width: 769px) {
    .main-left-content {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }
}

.main-right-content {
    grid-column: 1 / span 2 !important;
}

@media (min-width: 1025px) {
    .main-right-content {
        grid-column: 2 !important;
    }
}

.main-right-content #map .opRoutes {
    margin: 0;
    padding: 0;
}

.main-full-content {
    grid-column: 1 / span 2 !important;
}

@media (min-width: 769px) {
    .df-dom-dealfinder {
        padding: 16px;
    }
}

#df-dom-deal_finder_container {
    background-color: #193354;
    border-radius: 0;
    max-width: 100%;
    min-height: 320px;
    min-width: 280px;
    overflow: hidden;
    height: fit-content;
    height: -moz-fit-content;
}

@media (min-width: 426px) {
    #df-dom-deal_finder_container {
        min-width: 320px;
    }
}

@media (min-width: 769px) {
    #df-dom-deal_finder_container {
        min-height: 640px;
        border-radius: 8px;
        box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
    }
}

.df-dealfinder-bg img {
    height: 100%;
    width: auto;
    margin: auto;
}

@media (min-width: 769px) {
    .df-dealfinder-bg img {
        width: 100%;
    }
}

@media (min-width: 769px) {
    .df-dom-featured-component {
        grid-row: 2;
    }
}

.glide {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    z-index: 0;
    height: 260px;
    background: #193354;
}

@media (min-width: 769px) {
    .glide {
        height: auto;
    }
}

#Home .glide__slides,
#Home .glide__slides .glide__slide {
    height: 460px;
}

.glide__arrows-hero {
    display: none;
}

@media (min-width: 769px) {
    .glide__arrows-hero {
        display: block;
    }
}

.glide__arrows-cards {
    display: none;
}

@media (min-width: 769px) {
    .glide__arrows-cards {
        display: block;
    }
}

.glide__bullet {
    width: 8px;
    height: 8px;
}

@media (min-width: 769px) {
    .glide__bullet {
        width: 12px;
        height: 12px;
    }
}

.glide.hero .glide__bullets,
.glide.hero .glide__track,
.glide__arrows-hero {
    display: none;
}

@media (min-width: 769px) {
    .glide.hero .glide__bullets,
    .glide.hero .glide__track,
    .glide__arrows-hero {
        display: block;
    }
}

.df-dom-banner-box {
    display: grid;
    height: 100%;
    overflow: hidden;
    background: #193354;
    background: -moz-linear-gradient( 90deg, rgba(25, 51, 84, 0.88) 0, rgba(25, 51, 84, 0.64) 100% );
    background: -webkit-linear-gradient( 90deg, rgba(25, 51, 84, 0.88), rgba(25, 51, 84, 0.64) );
    background: linear-gradient( 90deg, rgba(25, 51, 84, 0.88), rgba(25, 51, 84, 0.64) );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#193354",endColorstr="#193354",GradientType=1);
}

@media (min-width: 1200px) {
    .df-dom-banner-box {
        grid-template-rows: 100% 100%;
    }
}

.df-dom-carousel-banner {
    display: grid;
    grid-template-columns: 45% 1fr 1fr;
    grid-auto-rows: minmax(auto, auto);
    grid-gap: 0;
    padding-top: 80px;
    border-radius: 0;
    z-index: 2;
    height: 460px;
}

@media (min-width: 1025px) {
    .df-dom-carousel-banner {
        grid-template-columns: 35% 1fr 1fr;
    }
}

@media (min-width: 1200px) {
    .df-dom-carousel-banner {
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: auto;
    }
}

.df-dom-carousel-banner-text {
    display: grid;
    height: inherit;
    grid-template-rows: 1fr auto auto;
    height: fit-content;
    height: -moz-fit-content;
    grid-column: 2 / span 3;
    padding-left: 64px;
    padding-right: 160px;
    align-self: center;
}

    .df-dom-carousel-banner-text .h1-header {
        font-family: proxima-soft-medium, sans-serif;
        font-size: 1.75rem;
        line-height: 2.25rem;
        color: #fff;
        margin: 0;
        padding: 0 0 16px;
        text-align: left;
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    }

@media (min-width: 1025px) {
    .df-dom-carousel-banner-text .h1-header {
        font-size: 2.25rem;
        line-height: 2.75rem;
    }
}

@media (min-width: 1200px) {
    .df-dom-carousel-banner-text .h1-header {
        font-size: 2.75rem;
        line-height: 3.25rem;
    }
}

.df-dom-carousel-banner-text .h1-header b,
.df-dom-carousel-banner-text h1 {
    font-family: proxima-soft-bold, sans-serif;
}

.df-dom-carousel-banner-text h1 {
    font-size: 2rem;
    line-height: 2.5rem;
    color: #fff;
    margin: 0;
    padding: 0;
    text-align: left;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    display: inline-block;
}

@media (min-width: 1025px) {
    .df-dom-carousel-banner-text h1 {
        font-size: 2.5rem;
        line-height: 3rem;
    }
}

@media (min-width: 1200px) {
    .df-dom-carousel-banner-text h1 {
        font-size: 3rem;
        line-height: 3.5rem;
    }
}

.df-dom-carousel-banner-text h2 {
    font-family: proxima-soft-light, sans-serif;
    font-size: 1.25rem;
    line-height: 1.5rem;
    padding: 8px 0 32px;
    color: #fff;
    align-self: start;
    text-align: left;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

@media (min-width: 1025px) {
    .df-dom-carousel-banner-text h2 {
        font-size: 1.375rem;
        line-height: 1.625rem;
    }
}

@media (min-width: 1200px) {
    .df-dom-carousel-banner-text h2 {
        font-size: 2rem;
        line-height: 2.5rem;
    }
}

.df-visual-bg {
    margin-bottom: 0;
    padding-top: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
    display: block;
}

.df-dom_button {
    width: fit-content;
    width: -moz-fit-content;
    height: fit-content;
    height: -moz-fit-content;
    min-width: 240px;
    background-color: #fff;
    color: #193354;
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1.188rem;
    text-align: center;
    line-height: 2.5rem;
    -webkit-font-smoothing: antialiased;
    border-radius: 8px;
    padding: 4px 8px;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
}

@media (min-width: 426px) {
    .df-dom-header-title {
        margin-bottom: 16px;
    }
}

.df-dom-header-title .h1-header {
    font-family: proxima-soft-medium, sans-serif;
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: #fff;
    text-align: left;
    -webkit-font-smoothing: antialiased;
}

@media (min-width: 426px) {
    .df-dom-header-title .h1-header {
        font-size: 1.75rem;
        line-height: 2rem;
    }
}

.df-dom-header-title h1 {
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: #fff;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
}

@media (min-width: 426px) {
    .df-dom-header-title h1 {
        font-size: 1.75rem;
        line-height: 2rem;
    }
}

.df-dom-header-title .h1-header b {
    font-family: proxima-soft-bold, sans-serif;
}

.df-dom-header-title h2 {
    color: #fff;
    font-family: proxima-soft-light, sans-serif;
    margin: 8px 0 0;
    font-size: 1.25rem;
    line-height: 1.375rem;
}

@media (min-width: 769px) {
    .df-dom-header-subtitle {
        display: block;
    }
}

@media (min-width: 1200px) {
    .df-dom-header-subtitle {
        background: transparent;
        justify-self: stretch;
        font-family: proxima-soft, sans-serif;
        font-size: 1.5rem;
        line-height: 1.75rem;
        color: #fff;
        text-align: left;
    }
}

.df-dom-urgency {
    grid-column: 1 / span 3;
}

@media (min-width: 769px) {
    .df-dom-urgency {
        padding: 0 24px;
    }
}

.df-dom-news {
    padding: 16px;
    grid-column: 1 / span 3;
}

.df-dom-news-head {
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: #193354;
    align-self: start;
    text-align: left;
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: left 14px;
    -webkit-font-smoothing: antialiased;
}

@media (min-width: 769px) {
    .df-dom-news-head {
        font-size: 1.75rem;
        line-height: 2rem;
        display: grid;
        grid-template-columns: 1fr auto;
        padding: 16px 0 16px 55px;
        background-size: 40px;
    }
}

.df-dom-news-head h2,
.df-dom-news-head h3 {
    font-family: proxima-soft-bold, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: #193354;
    text-align: left;
    padding: 16px 0 16px 48px;
    align-self: center;
}

@media (min-width: 769px) {
    .df-dom-news-head h2,
    .df-dom-news-head h3 {
        padding: 0;
    }
}

@media (min-width: 1200px) {
    .df-dom-news-head h2,
    .df-dom-news-head h3 {
        font-size: 1.75rem;
        line-height: 2rem;
    }
}

.df-dom-news-box {
    display: grid;
    height: 100%;
    overflow: hidden;
    background: #cce1ed;
    background: -moz-linear-gradient( 90deg, rgba(204, 225, 237, 0.9) 0, rgba(204, 225, 237, 0.6) 100% );
    background: -webkit-linear-gradient( 90deg, rgba(204, 225, 237, 0.9), rgba(204, 225, 237, 0.6) );
    background: linear-gradient( 90deg, rgba(204, 225, 237, 0.9), rgba(204, 225, 237, 0.6) );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cce1ed",endColorstr="#cce1ed",GradientType=1);
}

.df-dom-carousel-news {
    display: grid;
    grid-template-columns: 45% 1fr 1fr;
    grid-auto-rows: minmax(auto, auto);
    grid-gap: 0;
    padding-top: 120px;
    border-radius: 0;
    z-index: 2;
    height: 460px;
}

@media (min-width: 1025px) {
    .df-dom-carousel-news {
        grid-template-columns: 35% 1fr 1fr;
    }
}

@media (min-width: 1200px) {
    .df-dom-carousel-news {
        grid-template-columns: repeat(3, 1fr);
    }
}

.df-dom-carousel-news__category {
    display: grid;
    grid-template-columns: auto 1fr;
    align-self: center;
    margin-bottom: 16px;
}

.df-dom-carousel-news__category-icon {
    align-self: center;
}

.df-dom-carousel-offer__category-title {
    font-family: proxima-soft-medium, sans-serif;
    font-size: 1.125rem;
    line-height: 1.25rem;
    color: #fff;
    align-self: start;
    text-align: left;
    align-self: center;
    margin-left: 8px;
}

.df-dom-carousel-offer-text {
    background-color: #ff4a0e;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    height: 320px;
    display: grid;
    height: inherit;
    grid-template-rows: auto 1fr auto auto;
    height: fit-content;
    height: -moz-fit-content;
    grid-column: 2 / span 3;
    padding: 24px;
    align-self: center;
    justify-self: center;
    margin-top: -40px;
    margin-right: 24px;
    margin-left: 32px;
    max-width: 320px;
}

@media (min-width: 1025px) {
    .df-dom-carousel-offer-text {
        margin-left: 0;
        max-width: none;
        grid-column: 3;
    }
}

@media (min-width: 1200px) {
    .df-dom-carousel-offer-text {
        justify-self: auto;
        margin-right: 0;
    }
}

.df-dom-carousel-offer-text .h1-header {
    font-family: proxima-soft-bold, sans-serif;
    font-size: 2rem;
    line-height: 2.25rem;
    color: #fff;
    margin: 0;
    padding: 0 0 8px;
    text-align: left;
}

@media (min-width: 1200px) {
    .df-dom-carousel-offer-text .h1-header {
        font-size: 2.5rem;
        line-height: 2.75rem;
    }
}

.df-dom-carousel-offer-text h2 {
    font-family: proxima-soft-medium, sans-serif;
    font-size: 1.5rem;
    line-height: 1.75rem;
    padding: 8px 0 24px;
    color: #fff;
    align-self: start;
    text-align: left;
}

.df-dom_button-dark-offer {
    width: fit-content;
    width: -moz-fit-content;
    height: fit-content;
    height: -moz-fit-content;
    min-width: 50%;
    background-color: #fff;
    color: #193354;
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1rem;
    text-align: center;
    line-height: 2rem;
    -webkit-font-smoothing: antialiased;
    border-radius: 8px;
    padding: 4px 8px;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    justify-self: stretch;
}

.df-dom-carousel-news__category-title {
    font-family: proxima-soft-light, sans-serif;
    font-size: 1.125rem;
    line-height: 1.25rem;
    color: #193354;
    align-self: start;
    text-align: left;
    align-self: center;
    margin-left: 8px;
}

.df-dom-carousel-news-text {
    display: grid;
    height: inherit;
    grid-template-rows: auto 1fr auto auto;
    height: fit-content;
    height: -moz-fit-content;
    grid-column: 2 / span 3;
    padding-left: 48px;
    padding-right: 80px;
    align-self: center;
    margin-top: -40px;
}

    .df-dom-carousel-news-text .h1-header {
        font-family: proxima-soft-bold, sans-serif;
        font-size: 1.75rem;
        line-height: 2rem;
        color: #193354;
        margin: 0;
        padding: 0 0 16px;
        text-align: left;
    }

@media (min-width: 1025px) {
    .df-dom-carousel-news-text .h1-header {
        font-size: 2rem;
        line-height: 2.25rem;
    }
}

@media (min-width: 1200px) {
    .df-dom-carousel-news-text .h1-header {
        font-size: 3rem;
        line-height: 3.25rem;
    }
}

.df-dom-carousel-news-text h2 {
    font-family: proxima-soft-light, sans-serif;
    font-size: 1rem;
    line-height: 1.25rem;
    padding: 8px 0 32px;
    color: #193354;
    align-self: start;
    text-align: left;
}

@media (min-width: 1200px) {
    .df-dom-carousel-news-text h2 {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }
}

.df-dom_button-dark {
    width: fit-content;
    width: -moz-fit-content;
    height: fit-content;
    height: -moz-fit-content;
    min-width: 240px;
    background-color: #193354;
    color: #fff;
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1rem;
    text-align: center;
    line-height: 2rem;
    -webkit-font-smoothing: antialiased;
    border-radius: 8px;
    padding: 4px 8px;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
}

.df-dom-offer-box {
    display: grid;
    height: 100%;
    overflow: hidden;
}

.df-dom-carousel-offer {
    display: grid;
    grid-template-columns: 45% 1fr 1fr;
    grid-auto-rows: minmax(auto, auto);
    grid-gap: 0;
    padding-top: 120px;
    border-radius: 0;
    z-index: 2;
    height: 460px;
    padding-right: 16px;
}

@media (min-width: 1025px) {
    .df-dom-carousel-offer {
        grid-template-columns: 35% 1fr 1fr;
    }
}

@media (min-width: 1200px) {
    .df-dom-carousel-offer {
        grid-template-columns: repeat(3, 1fr);
    }
}

.df-dom-carousel-offer__category {
    display: grid;
    grid-template-columns: auto 1fr;
    align-self: center;
    margin-bottom: 8px;
}

.df-dom-carousel-offer__category-icon {
    align-self: center;
}

#df-dom-cards-block {
    color: #000;
    height: fit-content;
    height: -moz-fit-content;
    border-radius: 8px;
    margin-top: 16px;
    margin-left: 8px;
}

@media (min-width: 769px) {
    #df-dom-cards-block {
        padding-right: 32px;
    }
}

@media (min-width: 1025px) {
    #df-dom-cards-block {
        padding-right: 40px;
    }
}

@media (min-width: 1200px) {
    #df-dom-cards-block {
        margin-left: 32px;
        padding-right: 24px;
    }
}

#df-dom-cards-block-full {
    color: #000;
    height: fit-content;
    height: -moz-fit-content;
    border-radius: 8px;
    margin: 0 -16px 0 -8px;
}

@media (min-width: 769px) {
    #df-dom-cards-block-full {
        margin: 0;
    }
}

.df-dom-light-card__news {
    background-color: #e0f1fa;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 200px;
    display: grid;
    grid-template-rows: 56px auto 80px;
    overflow: hidden;
    align-self: stretch;
    height: 100%;
}

    .df-dom-light-card__news:hover {
        box-shadow: 0 0 0 4px #193354;
    }

.df-dom-light-card__category {
    display: grid;
    grid-template-columns: auto 1fr;
    align-self: start;
    padding: 16px 16px 0;
}

.df-dom-light-card__category-icon {
    align-self: center;
}

.df-dom-light-card__category-title {
    font-family: proxima-soft, sans-serif;
    font-size: 1rem;
    line-height: 1.125rem;
    color: #193354;
    align-self: center;
    text-align: left;
    margin-left: 8px;
}

.df-dom-light-card__title {
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #193354;
    align-self: start;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    padding: 8px 16px 24px;
    white-space: normal;
}

@media (min-width: 426px) {
    .df-dom-light-card__title {
        font-size: 1.5rem;
        line-height: 1.75rem;
    }
}

.df-dom-light-card__image {
    height: 100%;
}

    .df-dom-light-card__image img {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

.df-dom-full-card__news {
    background-color: #e0f1fa;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    display: grid;
    grid-template-rows: 240px 48px auto 2fr 64px;
    align-self: stretch;
    height: 100%;
}

@media (min-width: 769px) {
    .df-dom-full-card__news {
        grid-template-rows: 160px 48px auto 2fr 1fr;
    }
}

@media (min-width: 1025px) {
    .df-dom-full-card__news {
        grid-template-rows: 160px 48px auto 3fr 1fr;
    }
}

.df-dom-full-card__category {
    display: grid;
    grid-template-columns: auto 1fr;
    align-self: center;
    padding: 16px 16px 0;
}

.df-dom-full-card__category-icon {
    align-self: center;
}

.df-dom-full-card__category-title {
    font-family: proxima-soft-light, sans-serif;
    font-size: 1rem;
    line-height: 1.125rem;
    margin-left: 8px;
}

.df-dom-full-card__category-title,
.df-dom-full-card__title {
    color: #193354;
    align-self: start;
    text-align: left;
    align-self: center;
}

.df-dom-full-card__title {
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1.5rem;
    line-height: 1.75rem;
    padding: 8px 16px 16px;
    white-space: normal;
    height: fit-content;
    height: -moz-fit-content;
    -webkit-font-smoothing: antialiased;
}

@media (min-width: 1200px) {
    .df-dom-full-card__title {
        font-size: 2rem;
        line-height: 2.25rem;
    }
}

.df-dom-full-card__text {
    font-family: proxima-soft, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #193354;
    text-align: left;
    align-self: start;
    padding: 8px 24px 24px;
    white-space: normal;
    height: fit-content;
    height: -moz-fit-content;
    -webkit-font-smoothing: antialiased;
}

@media (min-width: 1200px) {
    .df-dom-full-card__text {
        font-size: 1.125rem;
        line-height: 1.625rem;
    }
}

.df-dom-full-card__image {
    height: 100%;
}

    .df-dom-full-card__image img {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

.df-dom-full-card_button-dark {
    width: fit-content;
    width: -moz-fit-content;
    height: fit-content;
    height: -moz-fit-content;
    min-width: -webkit-fill-available;
    background-color: #193354;
    color: #fff;
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1rem;
    text-align: center;
    line-height: 2rem;
    -webkit-font-smoothing: antialiased;
    border-radius: 8px;
    padding: 4px 8px;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    width: max-content;
    height: max-content;
    align-self: end;
    margin: 0 16px 24px;
}

@media (min-width: 769px) {
    .df-dom-full-card_button-dark {
        min-width: 240px;
    }
}

.df-dom-light-card__offer {
    background-color: #ff4a0e;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 280px;
    display: grid;
    grid-template-rows: 160px 48px auto;
    align-self: stretch;
    height: 100%;
}

@media (min-width: 769px) {
    .df-dom-light-card__offer:hover {
        box-shadow: 0 0 0 4px #ff4a0e;
    }
}

.df-dom-light-card__category-offer {
    display: grid;
    grid-template-columns: auto 1fr;
    align-self: start;
    padding: 16px 16px 0;
}

.df-dom-light-card__category-icon-offer {
    align-self: center;
}

.category-icon-offer {
    width: 24px;
    height: auto;
}

@media (min-width: 426px) {
    .category-icon-offer {
        width: 32px;
    }
}

.df-dom-light-card__category-title-offer {
    font-family: proxima-soft-medium, sans-serif;
    font-size: 1rem;
    line-height: 1.125rem;
    color: #fff;
    text-align: left;
    align-self: center;
    margin-left: 8px;
}

.df-dom-light-card__title-offer {
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #fff;
    align-self: start;
    text-align: left;
    padding: 8px 16px 24px;
    white-space: normal;
    -webkit-font-smoothing: antialiased;
}

@media (min-width: 426px) {
    .df-dom-light-card__title-offer {
        font-size: 1.5rem;
        line-height: 1.75rem;
    }
}

.df-dom-light-card__image-offer {
    height: 100%;
}

    .df-dom-light-card__image-offer img {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

.df-dom-light-card__destination {
    background-color: #193354;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    height: unset;
    display: grid;
    grid-template-rows: 120px min-content min-content;
    align-self: stretch;
    overflow: hidden;
}

@media (min-width: 769px) {
    .df-dom-light-card__destination:hover {
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    }
}

.df-dom-light-card__destination:hover
.df-dom-light-card__category-title-destination {
    color: #fff;
}

.df-dom-light-card__destination:hover
.df-dom-light-card__image-destination
img {
    transform: scale(1.05);
}

.df-dom-light-card__category-destination {
    display: grid;
    grid-template-columns: auto 1fr;
    align-self: center;
    padding: 16px 16px 0;
}

.df-dom-light-card__category-flag-destination {
    align-self: center;
    box-shadow: 0 0 0 2px #fff;
    border-radius: 4px;
}

.category-flag-destination {
    width: auto;
    height: 24px;
    border-radius: 4px;
}

.df-dom-light-card__category-title-destination {
    font-family: proxima-soft-medium, sans-serif;
    font-size: 1rem;
    line-height: 1.125rem;
    color: #fff;
    align-self: start;
    text-align: left;
    align-self: center;
    margin-left: 16px;
}

.df-dom-light-card__title-destination {
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: #fff;
    align-self: start;
    text-align: left;
    align-self: center;
    padding: 16px 16px 24px;
    white-space: normal;
    -webkit-font-smoothing: antialiased;
}

@media (min-width: 426px) {
    .df-dom-light-card__title-destination {
        font-size: 2rem;
        line-height: 2rem;
    }
}

@media (min-width: 1025px) {
    .df-dom-light-card__title-destination {
        font-size: 1.5rem;
        line-height: 1.5rem;
    }
}

@media (min-width: 1200px) {
    .df-dom-light-card__title-destination {
        font-size: 2rem;
        line-height: 2rem;
    }
}

.df-dom-light-card__image-destination {
    height: 100%;
    overflow: hidden;
}

    .df-dom-light-card__image-destination img {
        transition: transform 0.3s;
    }

.df-dom-icon-card__directferries {
    border-radius: 8px;
    display: flex;
    overflow: hidden;
    height: 100%;
    align-items: center;
    background: rgb(236.4, 247.8, 253.2);
    padding: 8px;
}

.category-icon-huge {
    width: 32px;
    height: auto;
}

@media (min-width: 769px) {
    .category-icon-huge {
        width: 48px;
    }
}

@media (min-width: 1200px) {
    .category-icon-huge {
        width: 40px;
    }
}

.df-dom-icon-card__category-title {
    font-family: proxima-soft, sans-serif;
    font-size: 1rem;
    line-height: 1.125rem;
    color: #193354;
    align-self: center;
    text-align: left;
    margin-left: 8px;
}

.df-dom-icon-card__title {
    font-family: proxima-soft-medium, sans-serif;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #193354;
    text-align: left;
    padding: 0 0 0 8px;
    white-space: normal;
    -webkit-font-smoothing: antialiased;
}

@media (min-width: 1200px) {
    .df-dom-icon-card__title {
        font-size: 18px;
        line-height: 1.5rem;
    }
}

.df-dom-icon-card__title b {
    font-family: proxima-soft-bold, sans-serif;
}

.df-dom-icon-card__image {
    height: 100%;
}

    .df-dom-icon-card__image img {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

.df-dom-directferries-light {
    background-color: #fff;
    border-radius: 8px;
    display: grid;
    padding: 16px;
}

@media (min-width: 769px) {
    .df-dom-directferries-light {
        padding: 40px 16px;
    }
}

.df-dom-directferries-light-head {
    font-family: proxima-soft-bold !important;
    font-size: 1.75rem !important;
    line-height: 1.75rem !important;
    color: #193354;
    align-self: start;
    padding: 0 16px;
    text-align: left;
    display: grid;
    grid-template-columns: 1fr auto;
}

.df-dom-directferries-light-content {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px;
}

@media (min-width: 769px) {
    .df-dom-directferries-light-content {
        padding: 16px;
    }
}

.df-dom-directferries-light-content-box {
    background-color: #fff;
    padding: 0;
    border-radius: 8px;
    display: grid;
    grid-gap: 8px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: auto;
}

.df-dom-icon-card-light__directferries {
    border-radius: 8px;
    display: grid;
    grid-template-columns: 64px auto;
    height: 100%;
}

@media (min-width: 1025px) {
    .df-dom-icon-card-light__directferries {
        grid-template-columns: auto auto;
    }
}

.df-dom-icon-card-light__category {
    display: grid;
    grid-template-rows: auto 1fr;
    align-self: center;
}

.df-dom-icon-card-light__category-icon {
    align-self: center;
    justify-self: center;
}

.category-icon-light {
    width: 40px;
    height: auto;
}

.df-dom-icon-card-light__category-title {
    font-family: proxima-soft, sans-serif;
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #193354;
    text-align: left;
    margin-left: 8px;
}

@media (min-width: 769px) {
    .df-dom-icon-card-light__category-title {
        font-size: 1rem;
        line-height: 1.125rem;
    }
}

.df-dom-icon-card-light__title {
    font-family: proxima-soft-medium, sans-serif;
    font-size: 1.25rem;
    line-height: 1.375rem;
    color: #193354;
    align-self: start;
    text-align: left;
    padding: 16px 40px 16px 16px;
    white-space: normal;
    -webkit-font-smoothing: antialiased;
}

@media (min-width: 769px) {
    .df-dom-icon-card-light__title {
        font-size: 1.375rem;
        line-height: 1.5rem;
    }
}

.df-dom-icon-card-light__image {
    height: 100%;
}

    .df-dom-icon-card-light__image img {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

.df-dom-recent-searches {
    background-color: #fff;
    border-radius: 8px;
    display: grid;
    padding: 24px 16px 40px;
}

    .df-dom-recent-searches .formPopup {
        display: grid;
        grid-template-rows: 48px 1fr;
        grid-row-gap: 24px;
        position: relative;
    }

        .df-dom-recent-searches .formPopup .titleInner {
            font-family: proxima-soft-bold, sans-serif;
            font-size: 1.5rem;
            line-height: 1.75rem;
            color: #193354;
            align-self: start;
            text-align: left;
            display: grid;
            grid-template-columns: 1fr auto;
            padding: 16px 0 16px 55px;
            background: url(https://static.directferries.co.uk/image/ico/dark-blue/search.svg) no-repeat left 0 center;
            background-repeat: no-repeat;
            background-size: 40px;
        }

@media (min-width: 769px) {
    .df-dom-recent-searches .formPopup .titleInner {
        font-size: 1.75rem;
        line-height: 2rem;
    }
}

.df-dom-recent-searches .formPopup .formCon {
    display: grid;
    grid-gap: 16px;
    border-radius: 0;
    padding: 0;
    background-color: transparent;
}

@media (min-width: 769px) {
    .df-dom-recent-searches .formPopup .formCon {
        background-color: unset;
    }
}

.df-dom-recent-searches .formPopup .formCon .ulTbl {
    display: grid;
    grid-gap: 16px;
    width: auto;
}

@media (min-width: 769px) {
    .df-dom-recent-searches .formPopup .formCon .ulTbl {
        grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
        width: unset;
    }
}

.df-dom-recent-searches .formPopup .formCon .ulTbl > li {
    display: grid;
    grid-template-rows: auto 1fr;
    grid-column-gap: 24px;
    background-color: #f7f6f2;
    border-radius: 8px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    min-height: 200px;
    overflow: hidden;
    align-self: stretch;
    height: 100%;
    padding: 16px;
    margin-top: 0;
    margin-bottom: 0;
}

@media (min-width: 1025px) {
    .df-dom-recent-searches .formPopup .formCon .ulTbl > li {
        max-width: 680px;
    }
}

.df-dom-recent-searches .formPopup .formCon .ulTbl > li div:first-child {
    display: grid;
    margin: 0;
    padding: 0;
}

    .df-dom-recent-searches
    .formPopup
    .formCon
    .ulTbl > li
    div:first-child
    ul.rSerCon {
        display: grid;
        grid-template-rows: 1fr auto auto auto 1fr;
    }

        .df-dom-recent-searches
        .formPopup
        .formCon
        .ulTbl > li
        div:first-child
        ul.rSerCon
        .rSerRou,
        .df-dom-recent-searches
        .formPopup
        .formCon
        .ulTbl > li
        div:first-child
        ul.rSerCon
        .rSerRou2 {
            font-family: proxima-soft-bold, sans-serif;
            font-size: 1.375rem;
            line-height: 1.625rem;
            color: #193354;
            white-space: normal;
            align-self: start;
            padding-left: 0;
        }

@media (min-width: 769px) {
    .df-dom-recent-searches
    .formPopup
    .formCon
    .ulTbl > li
    div:first-child
    ul.rSerCon
    .rSerRou,
    .df-dom-recent-searches
    .formPopup
    .formCon
    .ulTbl > li
    div:first-child
    ul.rSerCon
    .rSerRou2 {
        padding-left: 0;
    }
}

.df-dom-recent-searches
.formPopup
.formCon
.ulTbl > li
div:first-child
ul.rSerCon
.rSerOp {
    font-family: proxima-soft-light, sans-serif;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #193354;
    white-space: normal;
    margin-top: 8px;
    padding-left: 0;
}

@media (min-width: 1200px) {
    .df-dom-recent-searches
    .formPopup
    .formCon
    .ulTbl > li
    div:first-child
    ul.rSerCon
    .rSerOp {
        padding-left: 0;
    }
}

.df-dom-recent-searches
.formPopup
.formCon
.ulTbl > li
div:first-child
ul.rSerCon
.rSerDa {
    font-family: proxima-soft-medium, sans-serif;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #193354;
    white-space: normal;
    margin: 8px 0;
    padding-left: 0;
}

@media (min-width: 769px) {
    .df-dom-recent-searches
    .formPopup
    .formCon
    .ulTbl > li
    div:first-child
    ul.rSerCon
    .rSerDa {
        padding-left: 0;
    }
}

.df-dom-recent-searches
.formPopup
.formCon
.ulTbl > li
div:first-child
ul.rSerCon
.rSerDet {
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: #193354;
    white-space: normal;
    padding-left: 0;
}

@media (min-width: 769px) {
    .df-dom-recent-searches
    .formPopup
    .formCon
    .ulTbl > li
    div:first-child
    ul.rSerCon
    .rSerDet {
        padding-left: 0;
    }
}

.df-dom-recent-searches
.formPopup
.formCon
.ulTbl > li
div:first-child
ul.rSerCon
.rSerRem {
    width: fit-content;
    width: -moz-fit-content;
    height: fit-content;
    height: -moz-fit-content;
    min-width: 160px;
    background-color: #ede9e1;
    border-radius: 8px;
    padding: 4px 8px;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    align-self: end;
    text-align: center;
    margin-top: 24px;
    margin-bottom: 0;
}

@media (min-width: 769px) {
    .df-dom-recent-searches
    .formPopup
    .formCon
    .ulTbl > li
    div:first-child
    ul.rSerCon
    .rSerRem {
        margin-bottom: 0;
    }
}

.df-dom-recent-searches
.formPopup
.formCon
.ulTbl > li
div:first-child
ul.rSerCon
.rSerRem
a {
    font-family: proxima-soft, sans-serif;
    font-size: 1rem;
    line-height: 1.125rem;
    color: #193354;
    text-align: center;
    background-color: transparent;
}

.df-dom-recent-searches .formPopup .formCon .ulTbl > li .rSerPri {
    position: relative;
    padding: 0;
    display: grid;
    grid-template-rows: auto 1fr auto;
    margin-top: 24px;
}

@media (min-width: 426px) {
    .df-dom-recent-searches .formPopup .formCon .ulTbl > li .rSerPri {
        margin-top: 0;
    }
}

.df-dom-recent-searches .formPopup .formCon .ulTbl > li .rSerPri span {
    font-family: proxima-soft-bold, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
    font-size: 1.25rem;
    display: block;
    color: #ff4a0e;
    justify-self: start;
}

@media (min-width: 426px) {
    .df-dom-recent-searches .formPopup .formCon .ulTbl > li .rSerPri span {
        justify-self: auto;
    }
}

.df-dom-recent-searches .formPopup .formCon .ulTbl > li .rSerPri span.rSerVal {
    font-family: proxima-soft-light, sans-serif;
    font-weight: 300;
    font-size: 0.875rem;
    display: block;
    color: #193354;
    justify-self: start;
}

@media (min-width: 426px) {
    .df-dom-recent-searches
    .formPopup
    .formCon
    .ulTbl > li
    .rSerPri
    span.rSerVal {
        justify-self: auto;
    }
}

.df-dom-recent-searches .formPopup .formCon .ulTbl > li .rSerPri a {
    width: -webkit-fill-available;
    justify-self: end;
    min-width: 160px;
    background-color: #ff4a0e;
    color: #fff;
    border-radius: 8px;
    padding: 2px 8px;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    align-self: end;
    text-align: center;
    margin-top: 24px;
    background-image: none;
    line-height: 1.75rem;
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1rem;
    margin-left: 0;
    justify-self: start;
}

@media (min-width: 426px) {
    .df-dom-recent-searches .formPopup .formCon .ulTbl > li .rSerPri a {
        width: auto;
        max-width: fit-content;
        max-width: -moz-fit-content;
        margin-left: 0;
        justify-self: end;
    }
}

@media (min-width: 769px) {
    .df-dom-recent-searches .formPopup .formCon .ulTbl > li .rSerPri a {
        padding: 0 8px;
    }
}

.df-dom-recent-searches .formPopup .formCon .rSerTer {
    font-family: proxima-soft, sans-serif;
    font-size: 1rem;
    display: block;
    color: #193354;
    padding: 8px 16px;
    background-color: #fdefd8;
    border-radius: 8px;
    width: auto;
}

@media (min-width: 769px) {
    .df-dom-recent-searches .formPopup .formCon .rSerTer {
        width: fit-content;
        width: -moz-fit-content;
    }
}

.df-dom-operators {
    grid-column: 1 / span 3;
    background-color: #fff;
    border-radius: 8px;
    display: grid;
    padding: 8px 16px;
    grid-template-rows: min-content min-content;
}

@media (min-width: 769px) {
    .df-dom-operators {
        padding: 32px 16px;
    }
}

.df-dom-operators-head {
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: #193354;
    align-self: start;
    text-align: left;
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: left 16px;
    -webkit-font-smoothing: antialiased;
}

@media (min-width: 769px) {
    .df-dom-operators-head {
        font-size: 1.75rem;
        line-height: 2rem;
        display: grid;
        grid-template-columns: 1fr auto;
        padding: 8px 0 8px 55px;
        background-size: 40px;
        background-position: 0;
    }
}

.df-dom-operators-head h3 {
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: #193354;
    text-align: left;
    padding: 16px 0 16px 48px;
}

@media (min-width: 769px) {
    .df-dom-operators-head h3 {
        font-size: 1.75rem;
        line-height: 2rem;
        padding: 0;
    }
}

.df-dom-operators-content {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px;
}

.df-dom-operators-content-box {
    background-color: #fff;
    padding: 16px 0;
    border-radius: 8px;
    display: grid;
    grid-gap: 4px;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
}

@media (min-width: 769px) {
    .df-dom-operators-content-box {
        grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
    }
}

.df-operator-img {
    margin-bottom: 0;
    padding-top: 0;
    height: 72px;
    width: fit-content;
    width: -moz-fit-content;
    border-radius: 8px;
    overflow: auto;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    place-self: center;
}

@media (min-width: 769px) {
    .df-operator-img:hover {
        box-shadow: 0 0 0 4px #ede9e1;
    }
}

.df-operator-img img {
    display: block;
    width: 100%;
    height: 100%;
    padding: 8px;
    object-fit: contain;
    overflow: hidden;
    max-width: 120px;
}

.df-dom_light-button {
    width: fit-content;
    width: -moz-fit-content;
    height: fit-content;
    height: -moz-fit-content;
    min-width: 100%;
    background-color: #ede9e1;
    color: #193354;
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1rem;
    text-align: center;
    line-height: 1.75rem;
    -webkit-font-smoothing: antialiased;
    border-radius: 8px;
    padding: 4px 8px;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    margin-top: 8px;
    margin-bottom: 16px;
}

@media (min-width: 769px) {
    .df-dom_light-button {
        min-width: 160px;
        margin-top: 0;
        margin-bottom: 0;
    }
}

@media (min-width: 769px) {
    .df-dom_light-button:hover {
        background-color: #ede9e1;
    }
}

.df-dom-destinations {
    grid-column: 1 / span 3;
    background-color: #fff;
    border-radius: 8px;
    display: grid;
    padding: 8px 16px;
}

@media (min-width: 769px) {
    .df-dom-destinations {
        padding: 32px 16px;
    }
}

.df-dom-destinations-head {
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: #193354;
    align-self: start;
    text-align: left;
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: left 16px;
    -webkit-font-smoothing: antialiased;
}

@media (min-width: 769px) {
    .df-dom-destinations-head {
        font-size: 1.75rem;
        line-height: 2rem;
        display: grid;
        grid-template-columns: 1fr auto;
        padding: 8px 0 8px 55px;
        background-size: 40px;
        background-position: 0;
    }
}

.df-dom-destinations-head h3 {
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: #193354;
    text-align: left;
    padding: 16px 0 16px 48px;
}

@media (min-width: 769px) {
    .df-dom-destinations-head h3 {
        font-size: 1.75rem;
        line-height: 2rem;
        padding: 0;
    }
}

.df-dom-destinations-content,
.df-dom-destinations-content-box {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px;
}

.df-dom-destinations-content-box {
    background-color: #fff;
    padding: 16px 0;
    border-radius: 8px;
    grid-template-rows: auto auto auto;
}

@media (min-width: 769px) {
    .df-dom-destinations-content-box {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 1025px) {
    .df-dom-destinations-content-box {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr 1fr;
    }
}

.df-dom-articles {
    grid-column: 1 / span 3;
    background-color: #fff;
    border-radius: 8px;
    display: grid;
    padding: 16px;
}

.df-dom-articles-head {
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: #193354;
    align-self: start;
    text-align: left;
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: left 12px;
}

@media (min-width: 769px) {
    .df-dom-articles-head {
        font-size: 1.75rem;
        line-height: 2rem;
        display: grid;
        grid-template-columns: 1fr auto;
        padding: 16px 0 16px 55px;
        background-size: 40px;
    }
}

.df-dom-articles-head h3 {
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: #193354;
    text-align: left;
    padding: 16px 0 16px 48px;
}

@media (min-width: 769px) {
    .df-dom-articles-head h3 {
        font-size: 1.75rem;
        line-height: 2rem;
        padding: 0;
    }
}

.df-dom-articles-content {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px;
}

.df-dom-articles-content-box {
    background-color: #fff;
    padding: 16px 0;
    border-radius: 8px;
    display: grid;
    grid-gap: 24px;
    grid-template-columns: 1fr;
}

@media (min-width: 1025px) {
    .df-dom-articles-content-box {
        grid-template-columns: 1fr 1fr;
    }
}

.df-dom-ferries {
    grid-column: 1 / span 3;
    background-color: #fff;
    border-radius: 8px;
    display: grid;
    padding: 16px;
}

.df-dom-ferries-head {
    font-family: p, roxima-soft-bold, sans-serif;
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: #193354;
    align-self: start;
    text-align: left;
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: left 14px;
}

@media (min-width: 769px) {
    .df-dom-ferries-head {
        font-size: 1.75rem;
        line-height: 2rem;
        display: grid;
        grid-template-columns: 1fr auto;
        padding: 16px 0 16px 55px;
        background-size: 40px;
    }
}

.df-dom-ferries-head h2,
.df-dom-ferries-head h3 {
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: #193354;
    text-align: left;
    padding: 16px 0 16px 48px;
    -webkit-font-smoothing: antialiased;
}

@media (min-width: 769px) {
    .df-dom-ferries-head h2,
    .df-dom-ferries-head h3 {
        font-size: 1.75rem;
        line-height: 2rem;
        padding: 0;
    }
}

.df-dom-ferries-sub-head h4,
.df-dom-ferries-sub-head p {
    font-family: proxima-soft-light, sans-serif;
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: #193354;
    align-self: start;
    padding: 16px;
    text-align: left;
    display: grid;
    grid-template-columns: 1fr;
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
}

@media (min-width: 769px) {
    .df-dom-ferries-sub-head h4,
    .df-dom-ferries-sub-head p {
        padding: 0 50% 16px 56px;
    }
}

.df-dom-ferries-content {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px;
}

.df-dom-ferries-content-box {
    background-color: #fff;
    padding: 16px 0;
    border-radius: 8px;
    display: grid;
    grid-gap: 24px;
}

.df-dom_light-blue-button {
    width: fit-content;
    width: -moz-fit-content;
    height: fit-content;
    height: -moz-fit-content;
    min-width: 100%;
    background-color: #e0f1fa;
    color: #193354;
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1rem;
    text-align: center;
    line-height: 1.75rem;
    -webkit-font-smoothing: antialiased;
    border-radius: 8px;
    padding: 4px 8px;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
}

@media (min-width: 769px) {
    .df-dom_light-blue-button {
        min-width: 160px;
    }
}

.df-dom-ferries__image {
    height: 160px;
    width: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border-radius: 8px;
    overflow: hidden;
}

@media (min-width: 769px) {
    .df-dom-ferries__image {
        height: 300px;
    }
}

.df-dom-ferries__image img {
    height: 100%;
}

.df-dom-customer-service {
    grid-column: 1 / span 3;
    display: grid;
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}

.df-dom-customer-service-head {
    font-family: proxima-soft-bold, sans-serif;
    background-repeat: no-repeat;
    background-size: 48px;
    background-position: left 4px;
}

@media (min-width: 769px) {
    .df-dom-customer-service-head {
        font-size: 1.75rem;
        line-height: 2rem;
        background-size: 48px;
        background-position: left 0 center;
        align-self: center;
        text-align: left;
        display: grid;
        grid-template-columns: 1fr auto;
        padding: 8px 0 8px 64px;
        height: 80px;
    }
}

.df-dom-customer-service-head h3,
.df-dom-customer-service-head p {
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #193354;
    text-align: left;
    padding: 16px 0 16px 56px;
    margin-bottom: 16px;
    -webkit-font-smoothing: antialiased;
}

@media (min-width: 769px) {
    .df-dom-customer-service-head h3,
    .df-dom-customer-service-head p {
        font-family: proxima-soft-bold, sans-serif !important;
        font-size: 2rem !important;
        line-height: 2rem !important;
        color: #193354;
        align-self: center;
        padding: 0;
        margin-bottom: 0;
    }
}

@media (min-width: 1025px) {
    .df-dom-customer-service-head h3,
    .df-dom-customer-service-head p {
        font-size: 2.5rem !important;
        line-height: 2.5rem !important;
    }
}

.df-dom-customer-service-sub-head h4,
.df-dom-customer-service-sub-head p {
    font-family: proxima-soft-medium, sans-serif;
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #193354;
    align-self: start;
    padding: 16px;
    text-align: left;
    display: grid;
    grid-template-columns: 1fr;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
}

@media (min-width: 769px) {
    .df-dom-customer-service-sub-head h4,
    .df-dom-customer-service-sub-head p {
        font-size: 1.375rem;
        line-height: 1.625rem;
        padding: 16px 64px;
    }
}

@media (min-width: 1025px) {
    .df-dom-customer-service-sub-head h4,
    .df-dom-customer-service-sub-head p {
        padding: 0 64px 16px;
    }
}

.df-dom-customer-service-content {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px;
}

.df-dom-customer-service-content-box {
    padding: 0 16px;
    border-radius: 8px;
    display: grid;
    grid-gap: 8px;
}

.df-dom_customer-service-button {
    width: fit-content;
    width: -moz-fit-content;
    height: fit-content;
    height: -moz-fit-content;
    min-width: 100%;
    background-color: #e0f1fa;
    color: #193354;
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1.188rem;
    text-align: center;
    line-height: 1.75rem;
    -webkit-font-smoothing: antialiased;
    border-radius: 8px;
    padding: 8px 16px;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    align-self: center;
}

@media (min-width: 769px) {
    .df-dom_customer-service-button {
        min-width: 240px;
    }
}

.df-dom-customer-service__image {
    height: 120px;
    width: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 24px;
}

@media (min-width: 769px) {
    .df-dom-customer-service__image {
        height: 240px;
    }
}

@media (min-width: 1200px) {
    .df-dom-customer-service__image {
        height: 320px;
    }
}

.df-dom-customer-service__image img {
    height: 100%;
}

.df-dom-offers {
    grid-column: 1 / span 3;
    padding: 16px;
}

.df-dom-offers-head {
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: #193354;
    align-self: start;
    text-align: left;
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: left 14px;
}

@media (min-width: 769px) {
    .df-dom-offers-head {
        font-size: 1.75rem;
        line-height: 2rem;
        display: grid;
        grid-template-columns: 1fr auto;
        padding: 16px 0 16px 55px;
        background-size: 40px;
    }
}

.df-dom-offers-head h2,
.df-dom-offers-head h3 {
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: #193354;
    text-align: left;
    padding: 16px 0 16px 48px;
    -webkit-font-smoothing: antialiased;
    align-self: center;
}

@media (min-width: 769px) {
    .df-dom-offers-head h2,
    .df-dom-offers-head h3 {
        padding: 0;
    }
}

@media (min-width: 1200px) {
    .df-dom-offers-head h2,
    .df-dom-offers-head h3 {
        font-size: 1.75rem;
        line-height: 2rem;
    }
}

.df-dom-hero-app-box {
    grid-column: 1 / span 3;
    display: grid;
    padding-top: 0;
    height: auto;
    overflow: hidden;
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}

@media (min-width: 769px) {
    .df-dom-hero-app-box {
        padding-top: 120px;
        margin-bottom: 16px !important;
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media (min-width: 1200px) {
    .df-dom-hero-app-box {
        padding-top: 160px;
    }
}

.df-dom-hero-app-banner {
    background: #193354;
    background: -moz-linear-gradient(180deg, #193354 0, #475d77 100%);
    background: -webkit-linear-gradient(180deg, #193354, #475d77);
    background: linear-gradient(180deg, #193354, #475d77);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#193354",endColorstr="#475d77",GradientType=1);
    display: grid;
    grid-auto-rows: minmax(auto, auto);
    grid-auto-columns: 1fr;
    grid-gap: 0;
    padding: 24px;
    height: 720px;
    border-radius: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

@media (min-width: 426px) {
    .df-dom-hero-app-banner {
        padding: 40px;
    }
}

@media (min-width: 769px) {
    .df-dom-hero-app-banner {
        height: 440px;
        border-radius: 8px;
        grid-auto-columns: 1fr 1fr;
        background: -moz-linear-gradient(90deg, #193354 0, #475d77 100%);
        background: -webkit-linear-gradient(90deg, #193354, #475d77);
        background: linear-gradient(90deg, #193354, #475d77);
    }
}

@media (min-width: 1025px) {
    .df-dom-hero-app-banner {
        background: -moz-linear-gradient(90deg, #193354 0, #475d77 100%);
        background: -webkit-linear-gradient(90deg, #193354, #475d77);
        background: linear-gradient(90deg, #193354, #475d77);
        grid-template-columns: 40% 60%;
        height: 380px;
    }
}

@media (min-width: 1200px) {
    .df-dom-hero-app-banner {
        grid-template-columns: 1fr 1fr;
        height: 440px;
    }
}

.df-dom-hero-app-banner-text {
    display: grid;
    height: fit-content;
    height: -moz-fit-content;
    grid-row: 1;
    grid-column: 1;
    margin-top: 24px;
}

@media (min-width: 769px) {
    .df-dom-hero-app-banner-text {
        height: inherit;
        grid-template-rows: auto 1fr 2fr;
        margin-top: 0;
    }
}

@media (min-width: 1025px) {
    .df-dom-hero-app-banner-text {
        grid-template-rows: 1fr 1fr 2fr;
    }
}

@media (min-width: 1200px) {
    .df-dom-hero-app-banner-text {
        height: fit-content;
        height: -moz-fit-content;
        grid-template-rows: auto auto auto;
    }
}

.df-dom-hero-app-banner-text .h1-header {
    font-family: proxima-soft-bold, sans-serif;
    font-size: 2rem;
    line-height: 2rem;
    color: #fff;
    margin: 0;
    padding: 0 0 16px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
}

@media (min-width: 426px) {
    .df-dom-hero-app-banner-text .h1-header {
        font-size: 2.25rem;
        line-height: 2.25rem;
    }
}

@media (min-width: 769px) {
    .df-dom-hero-app-banner-text .h1-header {
        font-size: 2rem;
        line-height: 2rem;
        text-align: left;
    }
}

@media (min-width: 1025px) {
    .df-dom-hero-app-banner-text .h1-header {
        font-size: 2.5rem;
        line-height: 2.5rem;
        text-align: left;
    }
}

@media (min-width: 1200px) {
    .df-dom-hero-app-banner-text .h1-header {
        font-size: 3rem;
        line-height: 3rem;
        padding: 16px 0;
    }
}

.df-dom-hero-app-banner-text h2,
.df-dom-hero-app-banner-text p {
    font-family: proxima-soft-medium, sans-serif;
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #fff;
    align-self: start;
    padding: 16px 0 32px;
    text-align: center;
}

@media (min-width: 426px) {
    .df-dom-hero-app-banner-text h2,
    .df-dom-hero-app-banner-text p {
        line-height: 1.75rem;
    }
}

@media (min-width: 769px) {
    .df-dom-hero-app-banner-text h2,
    .df-dom-hero-app-banner-text p {
        text-align: left;
    }
}

@media (min-width: 1025px) {
    .df-dom-hero-app-banner-text h2,
    .df-dom-hero-app-banner-text p {
        font-size: 1.375rem;
        line-height: 1.875rem;
    }
}

@media (min-width: 1200px) {
    .df-dom-hero-app-banner-text h2,
    .df-dom-hero-app-banner-text p {
        font-size: 1.5rem;
        line-height: 2rem;
        padding: 16px 0 40px;
    }
}

.df-vou-app-store {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: 16px;
    align-self: end;
    padding: 16px 0;
}

    .df-vou-app-store img {
        width: auto;
        height: 48px;
    }

.df-dom-hero-app-banner-visual {
    z-index: 2;
    width: auto;
}

.df-dom-hero-app-banner .df-dom-hero-app-banner-visual {
    height: 920px;
    min-width: 260px;
    position: relative;
    right: -88px;
    top: -18px;
    -webkit-filter: drop-shadow(0 19px 28px #222);
    filter: drop-shadow(0 19px 28px #222);
    grid-row: 2;
    grid-column: 1;
    place-self: center;
}

@media (min-width: 426px) {
    .df-dom-hero-app-banner .df-dom-hero-app-banner-visual {
        min-width: 280px;
        right: -80px;
    }
}

@media (min-width: 769px) {
    .df-dom-hero-app-banner .df-dom-hero-app-banner-visual {
        height: 880px;
        right: -334px;
        top: -188px;
        grid-row: 1;
        grid-column: 1 / span 2;
    }
}

@media (min-width: 1025px) {
    .df-dom-hero-app-banner .df-dom-hero-app-banner-visual {
        right: -236px;
        top: -172px;
        grid-row: unset;
        grid-column: unset;
    }
}

@media (min-width: 1200px) {
    .df-dom-hero-app-banner .df-dom-hero-app-banner-visual {
        height: 1020px;
        right: -106px;
        top: -226px;
    }
}

@media (min-width: 769px) {
    .df-dom-hero-app-banner-visual img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        margin-top: -16px;
    }
}

@media (min-width: 1200px) {
    .df-dom-hero-app-banner-visual img {
        object-fit: fill;
    }
}

.df-dom-hero-app-banner-visual picture.df-dom-app-visual-mockup img {
    width: unset;
}

img.df-dom-app-visual-mockup {
    width: auto;
    height: 100%;
    object-fit: contain;
}

@media (min-width: 769px) {
    img.df-dom-app-visual-mockup {
        width: 100%;
    }
}

.df-dom_button-app-banner_block {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-gap: 16px;
    width: 100%;
    place-self: center;
}

@media (min-width: 426px) {
    .df-dom_button-app-banner_block {
        width: fit-content;
        width: -moz-fit-content;
    }
}

@media (min-width: 769px) {
    .df-dom_button-app-banner_block {
        grid-template-rows: auto 1fr;
        place-self: start auto;
    }
}

@media (min-width: 1025px) {
    .df-dom_button-app-banner_block {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 1200px) {
    .df-dom_button-app-banner_block {
        grid-template-columns: auto auto;
        align-items: end;
        margin-bottom: 16px;
    }
}

.df-dom_button-app-banner-primary {
    width: fit-content;
    width: -moz-fit-content;
    height: fit-content;
    height: -moz-fit-content;
    min-width: 100%;
    background-color: #ff4a0e;
    color: #fff;
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1.188rem;
    text-align: center;
    line-height: 2.5rem;
    -webkit-font-smoothing: antialiased;
    border-radius: 8px;
    padding: 4px 8px;
    cursor: pointer;
    white-space: unset;
    text-decoration: none;
}

@media (min-width: 426px) {
    .df-dom_button-app-banner-primary {
        min-width: 320px;
    }
}

@media (min-width: 769px) {
    .df-dom_button-app-banner-primary {
        min-width: 240px;
    }
}

.df-dom_button-app-banner-primary a {
    background-color: transparent !important;
    color: #fff !important;
}

.df-dom_button-app-banner-secondary {
    width: fit-content;
    width: -moz-fit-content;
    height: fit-content;
    height: -moz-fit-content;
    min-width: 100%;
    background-color: #475d77;
    color: #fff;
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1.188rem;
    text-align: center;
    line-height: 2.5rem;
    -webkit-font-smoothing: antialiased;
    border-radius: 8px;
    padding: 4px 8px;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
}

@media (min-width: 426px) {
    .df-dom_button-app-banner-secondary {
        min-width: 320px;
    }
}

@media (min-width: 769px) {
    .df-dom_button-app-banner-secondary {
        min-width: 240px;
    }
}

.df-dom-popular-routes {
    grid-column: 1 / span 3;
    background-color: #fff;
    border-radius: 8px;
    display: grid;
    padding: 16px;
}

.df-dom-popular-routes-head {
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: #193354;
    align-self: start;
    text-align: left;
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: left 14px;
}

@media (min-width: 769px) {
    .df-dom-popular-routes-head {
        font-size: 1.75rem;
        line-height: 2rem;
        display: grid;
        grid-template-columns: 1fr auto;
        padding: 16px 0 16px 55px;
        background-size: 40px;
    }
}

.df-dom-popular-routes-head h3 {
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: #193354;
    text-align: left;
    padding: 16px 0 16px 48px;
    -webkit-font-smoothing: antialiased;
}

@media (min-width: 769px) {
    .df-dom-popular-routes-head h3 {
        font-size: 1.75rem;
        line-height: 2rem;
        padding: 0;
    }
}

.df-dom-popular-routes-content {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px;
}

.df-dom-popular-routes-content-box {
    background-color: #fff;
    padding: 16px 0;
    border-radius: 8px;
    display: grid;
    grid-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
}

ul.df-dom-popular-routes-list {
    text-align: center;
    display: grid;
    grid-template-columns: 1fr;
}

@media (min-width: 769px) {
    ul.df-dom-popular-routes-list {
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    }
}

.df-dom-popular-routes-list li {
    border-right: 0 solid #ede9e1;
    padding: 8px;
    background-color: #f7f6f2;
    border-radius: 4px;
    margin: 4px;
    text-align: center;
}

    .df-dom-popular-routes-list li a {
        font-size: 1.125rem;
        font-family: proxima-soft-medium, sans-serif;
        font-weight: 500;
        color: #193354;
        text-decoration: none;
    }

.df-dom-social {
    background-color: #fff;
    border-radius: 8px;
    display: grid;
    padding: 16px;
    margin-bottom: 40px;
    grid-template-rows: 1fr auto;
    margin-top: 40px;
}

@media (min-width: 769px) {
    .df-dom-social {
        grid-template-rows: 1fr 1fr;
    }
}

.df-dom-social-head {
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1.75rem;
    line-height: 2rem;
    color: #193354;
    align-self: start;
    padding: 8px 0;
    text-align: left;
    display: grid;
    grid-template-rows: 1fr auto;
}

@media (min-width: 769px) {
    .df-dom-social-head {
        padding-left: 55px;
        background: url(https://static.directferries.co.uk/image/ico/dark-blue/alert.svg) no-repeat left 0 center;
        background-repeat: no-repeat;
        background-size: 40px;
    }
}

.df-dom-social-sub-head h4 {
    font-family: proxima-soft-light, sans-serif;
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: #193354;
    align-self: start;
    padding: 8px 0;
    text-align: left;
    display: grid;
    grid-template-columns: 1fr;
}

.df-dom-social-content {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px;
    align-self: center;
}

@media (min-width: 769px) {
    .df-dom-social-content {
        padding-right: 24px;
        padding-left: 48px;
    }
}

@media (min-width: 1025px) {
    .df-dom-social-content {
        padding-left: 80px;
    }
}

.df-dom-social-content-box {
    background-color: #fff;
    padding: 16px 0;
    border-radius: 8px;
    display: grid;
    grid-gap: 16px;
}

@media (min-width: 769px) {
    .df-dom-social-content-box {
        grid-gap: 24px;
    }
}

.df-dom-social__image {
    height: 40px;
    width: auto;
}

    .df-dom-social__image img {
        border-radius: 8px;
    }

.df-dom_social-button-box {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 8px;
    width: fit-content;
    width: -moz-fit-content;
    align-self: center;
}

@media (min-width: 769px) {
    .df-dom_social-button-box {
        grid-gap: 24px;
        align-items: normal;
    }
}

.df-dom_social-button {
    width: auto;
    height: auto;
    background-color: #193354;
    color: #fff;
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1.188rem;
    text-align: center;
    line-height: 2.5rem;
    -webkit-font-smoothing: antialiased;
    border-radius: 160px;
    padding: 8px;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
}

@media (min-width: 1025px) {
    .df-dom_social-button {
        padding: 16px;
    }
}

.df-dom-social-light {
    background-color: #fff;
    border-radius: 8px;
    display: grid;
    padding: 16px;
    margin-bottom: 40px;
    grid-template-rows: 1fr auto;
    margin-top: 40px;
}

.df-dom-social-light-head {
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1.75rem;
    line-height: 2rem;
    grid-template-rows: 1fr auto;
}

.df-dom-social-light-head,
.df-dom-social-light-sub-head h4 {
    color: #193354;
    align-self: start;
    padding: 8px 0;
    text-align: left;
    display: grid;
}

.df-dom-social-light-sub-head h4 {
    font-family: proxima-soft-light, sans-serif;
    font-size: 1.125rem;
    line-height: 1.375rem;
    grid-template-columns: 1fr;
}

.df-dom-social-light-content {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px;
    align-self: center;
}

.df-dom-social-light-content-box {
    background-color: #fff;
    padding: 16px 0;
    border-radius: 8px;
    display: grid;
    grid-gap: 16px;
}

.df-dom-social-light__image {
    height: 32px;
    width: auto;
}

    .df-dom-social-light__image img {
        border-radius: 8px;
    }

.df-dom_social-light-button-box {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 8px;
    width: fit-content;
    width: -moz-fit-content;
    align-self: center;
}

.df-dom_social-light-button {
    width: auto;
    height: auto;
    background-color: #193354;
    color: #fff;
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1.1875rem;
    text-align: center;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
    border-radius: 160px;
    padding: 8px;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
}

.df-dom-directferries {
    grid-column: 1 / span 3;
    background-color: #fff;
    border-radius: 8px;
    display: grid;
    padding: 16px;
}

.df-dom-directferries-head h3,
.df-dom-directferries-head span {
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1.75rem;
    line-height: 1.75rem;
    color: #193354;
    align-self: start;
    padding: 16px 0;
    text-align: center;
    display: grid;
    grid-template-columns: 1fr auto;
    -webkit-font-smoothing: antialiased;
}

@media (min-width: 769px) {
    .df-dom-directferries-head h3,
    .df-dom-directferries-head span {
        font-family: proxima-soft-bold, sans-serif;
        font-size: 2rem;
        line-height: 2.5rem;
        color: #193354;
        align-self: start;
        padding: 16px 0;
        text-align: center;
        display: grid;
        grid-template-columns: 1fr auto;
    }
}

.df-dom-directferries-content,
.df-dom-directferries-content-box {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px;
}

.df-dom-directferries-content-box {
    background-color: #fff;
    padding: 8px 0;
    border-radius: 8px;
    grid-template-rows: auto auto;
}

@media (min-width: 769px) {
    .df-dom-directferries-content-box {
        grid-template-columns: auto auto;
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 1025px) {
    .df-dom-directferries-content-box {
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

img[src] {
    transition: opacity 0.5s, transform 0.3s;
}

.rating,
.sRating {
    background-image: url(https://static.directferries.co.uk/image/sprites/stars-ship.png);
    background-repeat: no-repeat;
    width: 80px;
    height: 15px;
    display: block;
}

.r50 {
    background-position: -1px 0;
}

.r45 {
    background-position: -1px -15px;
}

.r40 {
    background-position: -17px 0;
}

.r35 {
    background-position: -17px -15px;
}

.r30 {
    background-position: -34px 0;
}

.r25 {
    background-position: -34px -15px;
}

.r20 {
    background-position: -50px 0;
}

.r15 {
    background-position: -50px -15px;
}

.r10 {
    background-position: -67px 0;
}

.r5 {
    background-position: -67px -15px;
}

.r0 {
    background-position: -83px 0;
}

.more {
    display: none;
}

.lessLink,
.moreLink {
    color: #0070a0;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 1rem;
}

.lessLink,
.moreLink,
.rvMore {
    font-family: proxima-soft, sans-serif;
}

.rvMore {
    border-bottom: 1px solid #64b6e6;
    display: block;
    padding: 10px 15px 10px 0;
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/arrow-right.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 100%;
}

small {
    font-size: smaller;
}

.accordion {
    border-bottom: 0 solid #45b7ed;
}

    .accordion ul li h3 {
        cursor: pointer;
        border-top: 0 solid #45b7ed;
        margin: 0;
        padding: 16px 24px 16px 0;
        background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/dropdown.svg);
        background-repeat: no-repeat;
        background-position: 100% 50%;
        background-size: 32px;
        font-size: 16px;
        font-weight: 700;
        transition: 0.4s;
    }

        .accordion ul li h3:hover {
            color: #0070aa;
            transition: 0.4s;
        }

        .accordion ul li h3.up {
            background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/dropup.svg);
        }

        .accordion ul li h3.up,
        .accordion ul li h4 {
            background-repeat: no-repeat;
            background-position: 100% 50%;
            background-size: 32px;
            font-size: 16px;
            font-weight: 700;
        }

    .accordion ul li h4 {
        cursor: pointer;
        border-top: 0 solid #45b7ed;
        margin: 0;
        padding: 16px 24px 16px 0;
        background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/dropdown.svg);
        transition: 0.4s;
    }

        .accordion ul li h4:hover {
            color: #0070aa;
            transition: 0.4s;
        }

        .accordion ul li h4.up {
            background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/dropup.svg);
            background-repeat: no-repeat;
            background-position: 100% 50%;
            background-size: 32px;
            font-size: 16px;
            font-weight: 700;
        }

.df-resp-table {
    container-type: inline-size;
    container-name: dftable;
    padding: 16px;
}

    .df-resp-table h2,
    .df-resp-table h3 {
        font-family: proxima-soft-bold, sans-serif;
        -webkit-font-smoothing: antialiased;
        font-weight: 700;
        font-size: 1.5rem;
        color: #193354;
        padding: 16px 0;
        line-height: 1.75rem;
    }

    .df-resp-table p {
        font-family: proxima-soft, sans-serif;
        font-family: 18px;
        line-height: 24px;
    }

    .df-resp-table table.df-price-table {
        margin: 0;
        padding: 0;
        width: 100%;
        table-layout: fixed;
        border-collapse: separate;
        border-spacing: 0 0.5em;
        font-family: proxima-soft, sans-serif;
    }

        .df-resp-table table.df-price-table caption {
            font-size: 1.5em;
            margin: 0.5em 0 0.75em;
        }

        .df-resp-table table.df-price-table thead tr {
            background-color: #e0f1fa;
            border-radius: 8px;
        }

            .df-resp-table table.df-price-table thead tr th:first-of-type {
                border-top-left-radius: 8px;
                border-bottom-left-radius: 8px;
            }

            .df-resp-table table.df-price-table thead tr th:last-of-type {
                border-top-right-radius: 8px;
                border-bottom-right-radius: 8px;
            }

        .df-resp-table table.df-price-table tr {
            background-color: #f7f6f2;
            padding: 0.35em;
        }

            .df-resp-table table.df-price-table tr td:first-of-type {
                border-top-left-radius: 8px;
                border-bottom-left-radius: 8px;
            }

            .df-resp-table table.df-price-table tr td:last-of-type {
                border-top-right-radius: 8px;
                border-bottom-right-radius: 8px;
            }

        .df-resp-table table.df-price-table td,
        .df-resp-table table.df-price-table th {
            padding: 8px;
            font-family: proxima-soft-medium, sans-serif;
        }

        .df-resp-table table.df-price-table th {
            font-size: 1rem;
            text-align: left;
            font-family: proxima-soft-bold, sans-serif;
        }

@container dftable (max-width: 600px) {
    .df-resp-table table.df-price-table {
        border: 0;
    }

        .df-resp-table table.df-price-table caption {
            font-size: 1.3em;
        }

        .df-resp-table table.df-price-table thead {
            border: none;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }

        .df-resp-table table.df-price-table tr {
            display: block;
            margin-bottom: 0.625em;
            background-color: unset;
            padding: 0.35em 0;
        }

        .df-resp-table table.df-price-table td {
            display: block;
            text-align: right;
            background-color: #f7f6f2;
            border-radius: 8px;
            margin-bottom: 8px;
        }

            .df-resp-table table.df-price-table td:before {
                content: attr(data-label);
                float: left;
                font-weight: 700;
            }

            .df-resp-table table.df-price-table td:last-child {
                border-bottom: 0;
            }
}

.df-dom-ferries-to-from {
    font-family: proxima-soft, sans-serif;
    padding: 40px 16px;
    container-name: ferrieslist;
    container-type: inline-size;
    grid-column: 1 / span all;
}

    .df-dom-ferries-to-from .lessLink,
    .df-dom-ferries-to-from .moreLink {
        background-color: #ede9e1;
        font-family: proxima-soft-bold, sans-serif;
        padding: 8px 16px;
        margin-top: 32px;
        border-radius: 4px;
    }

    .df-dom-ferries-to-from h3 {
        color: #193354;
        font-family: proxima-soft-bold, sans-serif;
        font-size: 24px !important;
        line-height: 28px !important;
        font-weight: 700 !important;
        margin-bottom: 32px;
        margin-top: 24px;
        text-align: left;
    }

@media (min-width: 1200px) {
    .df-dom-ferries-to-from h3 {
        font-size: 28px !important;
        line-height: 32px !important;
    }
}

.df-dom-ferries-to-from ul.ferries-list {
    column-count: 1;
    text-align: left;
}

    .df-dom-ferries-to-from ul.ferries-list li {
        padding: 8px 8px 8px 40px;
        background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/pin.svg);
        background-repeat: no-repeat;
        background-position: 8px;
        background-size: 24px;
        font-family: proxima-soft-medium, sans-serif;
    }

@container ferrieslist (min-width: 600px) {
    .df-dom-ferries-to-from ul.ferries-list {
        column-count: 3;
    }
}

@container ferrieslist (min-width: 1024px) {
    .df-dom-ferries-to-from ul.ferries-list {
        column-count: 4;
    }
}

.intTxt {
    border-top: none;
    margin-top: 8px;
    border-bottom: 0 solid #64b6e6;
    font-family: proxima-soft, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 1.1rem;
    line-height: 1.5rem;
    margin-bottom: 16px;
    color: #193354;
}

@media (min-width: 769px) {
    .intTxt {
        font-size: 1.3rem;
        line-height: 1.8rem;
    }
}

.intTxt #imgOperatorLogo {
    display: none;
}

.intTxt h1 {
    font-family: proxima-soft-bold, sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #193354;
    font-size: 2rem;
    line-height: 2.25rem;
    font-weight: 700;
    margin-bottom: 16px;
}

@media (min-width: 1200px) {
    .intTxt h1 {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}

.intTxt h2 {
    font-family: proxima-soft-bold, sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #193354;
    font-size: 1.5rem;
    line-height: 1.75rem;
    font-weight: 700;
    margin-bottom: 16px;
    margin-top: 24px;
}

@media (min-width: 1200px) {
    .intTxt h2 {
        font-size: 1.75rem;
        line-height: 2rem;
    }
}

.intTxt h3 {
    font-family: proxima-soft-bold, sans-serif;
    font-size: 1.5rem;
    line-height: 1.75rem;
    font-weight: 700;
    margin-top: 24px;
}

.intTxt h3,
.intTxt p {
    -webkit-font-smoothing: antialiased;
    color: #193354;
    margin-bottom: 16px;
}

.intTxt p {
    font-family: proxima-soft, sans-serif;
    font-size: 1.125rem;
    line-height: 1.625rem;
}

@media (min-width: 769px) {
    .intTxt p {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

.intTxt p a {
    font-weight: 700;
    transition: all 0.3s ease;
}

    .intTxt p a:hover {
        color: #0070aa;
        transition: all 0.3s ease;
        text-decoration: underline;
    }

.intTxt a,
.intTxt p b {
    font-weight: 700;
    transition: all 0.3s ease;
}

    .intTxt a:hover {
        color: #0070aa;
        transition: all 0.3s ease;
        text-decoration: underline;
    }

.intTxt b {
    font-weight: 700;
    transition: all 0.3s ease;
}

.intTxt ul {
    list-style-type: disc;
    padding-left: 32px;
}

#FerryOperatorInd .opShips > div {
    grid-template-columns: 1fr;
}

.opShips h2,
.opShips h3 {
    font-family: proxima-soft-bold, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
    font-size: 1.5rem;
    color: #193354;
    padding: 16px 0;
    line-height: 1.75rem;
}

@media (min-width: 1200px) {
    .opShips h2,
    .opShips h3 {
        font-size: 1.75rem;
        line-height: 2rem;
    }
}

.opShips > div {
    display: grid;
    grid-template-columns: 1fr;
}

@media (min-width: 769px) {
    .opShips > div {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 16px;
    }
}

.opShips > div > div {
    margin-top: 16px;
}

    .opShips > div > div .ovlyS {
        position: relative;
        display: block;
        border-radius: 8px;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    }

        .opShips > div > div .ovlyS .rImg,
        .opShips > div > div .ovlyS .rImg img {
            border-radius: 8px;
        }

        .opShips > div > div .ovlyS .ovlyTxt {
            background-color: #0070a0;
            opacity: 1;
            position: absolute;
            float: left;
            width: 100%;
            bottom: 0;
            color: #fff;
            font-size: 1rem;
            font-family: proxima-soft-bold !important;
            -webkit-font-smoothing: antialiased !important;
            font-weight: 700 !important;
            border-bottom-right-radius: 8px;
            border-bottom-left-radius: 8px;
            padding: 8px;
        }