DELETE FROM KEYWORDS WHERE ID_DOMAINE=2159596DoneDoneDone
URL:www.directferries.sk
Connection: keep-alive
Date: Wed, 22 Jan 2025 22:17:19 GMT
Via: 1.1 d1ac9c701cd8b36557cb10a31c9b36d0.cloudfront.net (CloudFront)
Content-Length: 167
Content-Type: text/html
Location: https://www.directferries.sk/
Server: CloudFront
X-Cache: Redirect from cloudfront
X-Amz-Cf-Pop: CDG52-P1
X-Amz-Cf-Id: Cqr4E0jXBwWLwzFyeXwBEeRllTFqSDV_IgpoVkKU3H8NbovXFeIGtw==
Location => https://www.directferries.sk/
Status => 301
<html>
<head><title>301 Moved Permanently</title></head>
(vide) Tentative en https
<!DOCTYPE html>
<html lang="sk">
<head>
<script async type="text/javascript" src="/javascript/glide.js?v=xnRbLNvKaHB1m5HF2N6fOaTAKgY"></script>
<script>
let DF_SCRIPT_BASE = "https://static.directferries.co.uk/Production/scripts"
function dfLoadScript(src) {
var el = document.createElement("script");
el.src = src;
el.async = true;
document.body.appendChild(el)
}
function whenGlobalDefined(varName, fn, count) {
let c = count > 0 ? ++count : 1
if (typeof window[varName] === "undefined") {
if (count > 80) { // timeout after x iterations (~4 seconds)
if (console && console.warn) console.warn("timeout waiting for", varName)
return
}
return setTimeout(whenGlobalDefined.bind(window, varName, fn, c), 50);
}
return fn()
}
function longWhenGlobalDefined(varName, fn, count) {
let c = count > 0 ? ++count : 1
if (typeof window[varName] === "undefined") {
if (count > 300) { // timeout after x iterations (~4 seconds)
if (console && console.warn) console.warn("timeout waiting for", varName)
return
}
return setTimeout(whenGlobalDefined.bind(window, varName, fn, c), 100);
}
return fn()
}
function whenIsTrue(condition, fn, count) {
let c = count > 0 ? ++count : 1
if (!condition()) {
if (count > 80) {
return
}
return setTimeout(whenIsTrue.bind(condition, fn, c), 50);
}
return fn()
}
</script>
<script>
var base_user_data = {
"STDCCode": "DF10SK",
"SiteLanguage": "sk-SK"
};
var experimentsToTrack = [];
</script>
<script type="text/javascript">function getElementY(n){return window.pageYOffset+document.querySelector(n).getBoundingClientRect().top}function doScrolling(n,t){var r=window.pageYOffset,u=getElementY(n),e=document.body.scrollHeight-u<window.innerHeight?document.body.scrollHeight-window.innerHeight:u,f=e-r,o=function(n){return n<.5?4*n*n*n:(n-1)*(2*n-2)*(2*n-2)+1},i;f&&window.requestAnimationFrame(function s(n){i||(i=n);var e=n-i,u=Math.min(e/t,1);u=o(u);window.scrollTo(0,r+f*u);e<t&&window.requestAnimationFrame(s)})}!function(n){function t(r){if(i[r])return i[r].exports;var u=i[r]={i:r,l:!1,exports:{}};return n[r].call(u.exports,u,u.exports,t),u.l=!0,u.exports}var i={};t.m=n;t.c=i;t.d=function(n,i,r){t.o(n,i)||Object.defineProperty(n,i,{enumerable:!0,get:r})};t.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"});Object.defineProperty(n,"__esModule",{value:!0})};t.t=function(n,i){var r,u;if((1&i&&(n=t(n)),8&i)||4&i&&"object"==typeof n&&n&&n.__esModule)return n;if(r=Object.create(null),t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:n}),2&i&&"string"!=typeof n)for(u in n)t.d(r,u,function(t){return n[t]}.bind(null,u));return r};t.n=function(n){var i=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(i,"a",i),i};t.o=function(n,t){return Object.prototype.hasOwnProperty.call(n,t)};t.p="";t(t.s=1)}([function(n){const t=function(n){let i=function(){let t=n;return"string"==typeof n?(n=document.querySelector(n))||(console&&console.warn&&console.warn(`getEl element(${t}) not found`),{addEventListener:()=>null,removeAttribute:()=>null,style:{}}):t};return{ready:t=>{"complete"===n.readyState||"interactive"===n.readyState?setTimeout(t,1):n.addEventListener("DOMContentLoaded",t)},click:n=>{i().addEventListener("click",n)},css:(n,t)=>{i().style[n]=t},removeAttr:(n,t)=>{i().removeAttribute(t)},val:()=>i().value,width:()=>window.screen.width,on:(n,t)=>{i().addEventListener(n,t)},innerHeight:()=>parseInt(getComputedStyle(i()).height),children:()=>i().children,hasClass:n=>i().classList.contains(n),addClass:n=>(i().classList.add(n),t(i())),removeClass:n=>(i().classList.remove(n),t(i())),is:n=>i()===document.querySelector(n),load:n=>i().addEventListener("load",n),hide:()=>i().style.display="none"}};t.support={cors:0};t.ajaxFetch=n=>{fetch(n.url+"&callback=").then(t=>{t.text().then(function(t){let i;try{i=JSON.parse(t.substring(1,t.length-2))}catch(n){console.warn("error parsing fetch response:",n.message)}"function"==typeof n.success&&n.success(i)})}).catch(t=>n.error(t))};t.ajax=n=>{const i="ajax_cb_"+Math.floor(Math.random()*+new Date);window[i]=t=>{"object"==typeof t?"function"==typeof n.success&&n.success(t):"function"==typeof n.error&&n.error(t)};let t=n.url;if(t+=t.lastIndexOf("?")===-1?"?":"&",t+="callback="+i,typeof n.data=="string"||n.data instanceof String)switch(n.type){case"GET":t+="&"+n.data;break;default:t+="&"+n.data}r=document.createElement("script");r.src=t;r.async=!0;document.body.appendChild(r)};t.grep=(n,t)=>{let r=[],f=n.length,i=0;for(i;i<f;i++){var u=n[i],e=t(u,i);e&&r.push(u)}return r};n.exports=t},function(n,t,i){"use strict";function f(n,t,i){let r;return function(){let u=this,f=arguments,e=function(){r=null;i||n.apply(u,f)},o=i&&!r;clearTimeout(r);r=setTimeout(e,t);o&&n.apply(u,f)}}function u(){const n=document.getElementById("header-wrapper");n&&(n.classList="df__wrapper "+(window.innerWidth>768?"light":"dark"))}function r(n,t){if(!(window.innerWidth<=768)){const i=document.getElementById("nav");if(i){const f=i.querySelector("li.dropdown");if(f){const u=i.querySelector(".dropdown-menu");let e=parseFloat(getComputedStyle(i,null).height.replace("px",""));if(e>=t)f.classList.remove("d-none"),Array.from(document.querySelectorAll("#nav > li.nav-item:not(:last-child)")).reverse().forEach(n=>{parseFloat(getComputedStyle(i,null).height.replace("px",""))<t||u.insertBefore(n,u.querySelector(".nav-item"))});else{let o=u.querySelectorAll(".nav-item");for(;e<t&&o.length>0;)i.insertBefore(o[0],f),e=parseFloat(getComputedStyle(i,null).height.replace("px","")),o=u.querySelectorAll(".nav-item");e>t&&r(n,t);f.classList[0===u.querySelectorAll(".nav-item").length?"add":"remove"]("d-none")}}}}}function e(n,t){let i=n.classList.contains(t)?"remove":"add";return n.classList[i](t),n}i.r(t);window.$=i(0);window.addEventListener("resize",f(u,16));document.addEventListener("DOMContentLoaded",u);window.df_set_menu_class=u;document.addEventListener("DOMContentLoaded",r.bind(void 0,"#nav",40));document.addEventListener("load",r.bind(void 0,"#nav",40));window.addEventListener("resize",f(r.bind(void 0,"#nav",40),16));window.df_menu_autocollapse=r;window.addEventListener("resize",f(u,16));document.addEventListener("DOMContentLoaded",u);window.df_set_menu_class=u;document.addEventListener("DOMContentLoaded",r.bind(void 0,"#nav",40));document.addEventListener("load",r.bind(void 0,"#nav",40));window.addEventListener("resize",f(r.bind(void 0,"#nav",40),16));window.df_menu_autocollapse=r;window.addEventListener("resize",function(){let t=[document.getElementsByClassName("link-dropdowns")][0];for(var n=0;n<t.length;n++){let i=t[n],u=i.getAttribute("aria-controls"),r=document.getElementById(u);window.innerWidth>768?document.getElementsByClassName("df__navbar")[0].appendChild(r):i.parentNode.appendChild(r)}});document.addEventListener("DOMContentLoaded",function(){let i=document.getElementById("navbarDropdownMenu"),r=document.getElementById("navbarDropdownMenuExpanded"),n=[document.getElementsByClassName("link-dropdowns")][0];for(var t=0;t<n.length;t++){let u=n[t],e=u.getAttribute("aria-controls"),f=document.getElementById(e);window.innerWidth>768?document.getElementsByClassName("df__navbar")[0].appendChild(f):u.parentNode.appendChild(f);u.addEventListener("click",function(t){for(var u=0;u<n.length;u++)t.target!=n[u]&&(document.getElementById(n[u].attributes.getNamedItem("aria-controls").nodeValue).classList.remove("show"),n[u].classList.add("collapsed"));i.classList.add("collapsed");r.classList.remove("show")})}i.addEventListener("click",function(){for(var t=0;t<n.length;t++)document.getElementById(n[t].attributes.getNamedItem("aria-controls").nodeValue).classList.remove("show"),n[t].classList.add("collapsed")})});document.addEventListener("click",function(n){let r=n.target,t=n.target,i=!1;for(;t.parentNode&&t.parentNode!==document;)t=t.parentNode,(t.classList.contains("collapse")||t.classList.contains("dropdown"))&&(i=!0);i||["ferryTicketsDropdown","routeAndPortFinderDropdown","langDropdown","langDropdownMobile"].forEach(n=>{let t=document.getElementById(n);t!==null&&t.classList.contains("show")&&(t.classList.remove("show"),r.classList.add("collapsed"))})});document.addEventListener("DOMContentLoaded",function(){document.querySelectorAll("a[aria-haspopup]").forEach(n=>{let t=n.dataset.toggle;n.removeAttribute("href");n.addEventListener("click",n=>(n.stopPropagation(),n.target.setAttribute("aria-expanded",!n.target.getAttribute("aria-expanded")),e(n.target,"collapsed"),e(document.querySelector(`.${t}-menu`),"show"),!1))});document.querySelectorAll("[aria-controls]").forEach(n=>{let t=n.getAttribute("aria-controls");n.removeAttribute("href");n.addEventListener("click",n=>(n.stopPropagation(),n.target.setAttribute("aria-expanded",!n.target.getAttribute("aria-expanded")),e(n.target,"collapsed"),e(document.getElementById(t),"show"),!1))})})}])</script>
<script src="https://static.directferries.co.uk/Production/scripts/df_utm.js"></script>
<script>whenGlobalDefined("useTrackingFromJs", () => useTrackingFromJs())</script>
<script async src="https://static.directferries.co.uk/Production/scripts/lozad.min.js"></script>
<script async src="https://static.directferries.co.uk/scripts/sk-SK/functions.js"></script>
<link rel="preconnect" href="https://ssl.directferries.com">
<link rel="preconnect" href="https://static.directferries.co.uk">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Material+Icons&amp;display=swap" media="print" onload="this.media='all'" crossorigin />
<link rel="preload" href="https://static.directferries.co.uk/Production/scripts/dealfinder/dealfinder.min.js" as="script" />
<link rel="preload" href="https://static.directferries.co.uk/scripts/dealfinder/mobiscroll.javascript.min.js" as="script" />
<meta charset="utf-8" />
<script async type="text/javascript" src="//www.googleadservices.com/pagead/conversion_async.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5, user-scalable=yes" />
<title>Lístky na trajekty – rezervujte si trajekty do Anglicka, Švédska, Nórska a na Korziku</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="revisit-after" content="7days" />
<meta name="robots" content="index,follow" />
<meta name="robots" content="ALL" />
<meta name="description" content="Direct Ferries ponúka najširší výber trajektov do Írska, Francúzska, Španielska, Holandska, Nemecka a Škandinávie so všetkými hlavnými prevádzkovateľmi vrátane P & O Ferries, Brittany, Stena Line a Eurotunnel."/>
<meta property="twitter:card" content="summary" />
<meta property="twitter:title" content="Lístky na trajekty – rezervujte si trajekty do Anglicka, Švédska, Nórska a na Korziku" />
<meta property="twitter:description" content="Direct Ferries ponúka najširší výber trajektov do Írska, Francúzska, Španielska, Holandska, Nemecka a Škandinávie so všetkými hlavnými prevádzkovateľmi vrátane P & O Ferries, Brittany, Stena Line a Eurotunnel." />
<meta name="twitter:url" content="https://www.directferries.sk/" />
<link rel="canonical" href="https://www.directferries.sk/" />
<link rel="image_src" href="https://static.directferries.co.uk/image/thumbnail.webp" />
<meta property="og:image" content="https://static.directferries.co.uk/image/thumbnail.webp" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href=https://static.directferries.co.uk/image/ios/144-icon.png />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href=https://static.directferries.co.uk/image/ios/144-icon.png />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href=https://static.directferries.co.uk/image/ios/72-icon.png />
<link rel="apple-touch-icon-precomposed" href=https://static.directferries.co.uk/image/ios/57-icon.png />
<link rel="shortcut icon" href="https://static.directferries.co.uk/favicon.ico?v=2" type="image/x-icon" />
<script>
dataLayer = [{ 'pageCategory': 'Home', 'travel_pagetype': 'Home' }];
//Copied the same code from DFTemplates
var regionalDates = "";
try {
regionalDates = JSON.parse("{" + "'closeText': 'Zavrieť','prevText': '<Predchádzajúci','nextText': 'Nasledujúci>','currentText': 'Dnes','monthNames': ['januára', 'februára', 'marca', 'apríla', 'mája', 'júna', 'júla', 'augusta', 'septembra', 'októbra', 'novembra', 'decembra'],'monthNamesShort': ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'],'dayNames': ['Nedel'a', 'Pondelok', 'Utorok', 'Streda', 'Štvrtok', 'Piatok', 'Sobota'],'dayNamesShort': ['Ned', 'Pon', 'Uto', 'Str', 'Štv', 'Pia', 'Sob'],'dayNamesMin': ['Ne', 'Po', 'Ut', 'St', 'Št', 'Pia', 'So'],'weekHeader': 'Ty','firstDay': 0,'isRTL': false,'showMonthAfterYear': false,'yearSuffix': ''".replace(/'/g, '"') + "}");
} catch (e) {
regionalDates = {
closeText: "Done",
prevText: "Prev",
nextText: "Next",
currentText: "Today",
monthNames: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
monthNamesShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
dayNames: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
dayNamesShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
dayNamesMin: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
weekHeader: "Wk",
firstDay: 0,
isRTL: !1,
showMonthAfterYear: !1,
yearSuffix: ""
};
try {
if (typeof ga === 'function') {
var msg = '' + e.name + " - Message: " + e.message + " - URL: " + window.location.href;
ga('send', 'event', 'Landing pages - Regional Date JSON error Type: ' + msg);
}
} catch (e) { }
}
</script>
<!-- Google Tag Manager -->
<script>
(function (w, d, s, l, i) {
w[l] = w[l] || []; w[l].push({
'gtm.start':
new Date().getTime(), event: 'gtm.js'
}); var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-NB3MKWX');
</script>
<!-- End Google Tag Manager -->
<script>
/*Google Analytics*/
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date(); a = s.createElement(o),
m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
if (typeof (ga) == 'function') {
ga('create', '', 'auto', { 'allowLinker': true });
ga('require', 'linker');
ga('linker:autoLink', ['directferries.com'], false, true);
ga('send', 'pageview');
}
</script>
<link rel="alternate" hreflang="en-US" href=https://www.directferries.com/>
<link rel="alternate" hreflang="fr-CH" href=https://fr.directferries.ch/>
<link rel="alternate" hreflang="ru-RU" href=https://www.directferries.ru/>
<link rel="alternate" hreflang="pt-PT" href=https://www.directferries.pt/>
<link rel="alternate" hreflang="ca-ES" href=https://cat.directferries.com/>
<link rel="alternate" hreflang="ko-KR" href=https://www.directferries.co.kr/>
<link rel="alternate" hreflang="fi-FI" href=https://www.directferries.fi/>
<link rel="alternate" hreflang="sk-SK" href=https://www.directferries.sk/>
<link rel="alternate" hreflang="nl-NL" href=https://www.directferries.nl/>
<link rel="alternate" hreflang="cs-CZ" href=https://www.directferries.cz/>
<link rel="alternate" hreflang="en-AU" href=https://www.directferries.com.au/>
<link rel="alternate" hreflang="es-ES" href=https://www.directferries.es/>
<link rel="alternate" hreflang="en-NZ" href=https://www.directferries.co.nz/>
<link rel="alternate" hreflang="fr-FR" href=https://www.directferries.fr/>
<link rel="alternate" hreflang="ja-JP" href=https://www.directferries.jp/>
<link rel="alternate" hreflang="sv-SE" href=https://www.directferries.se/>
<link rel="alternate" hreflang="en-IE" href=https://www.directferries.ie/>
<link rel="alternate" hreflang="da-DK" href=https://www.directferries.dk/>
<link rel="alternate" hreflang="zh-CN" href=https://www.directferries.cn/>
<link rel="alternate" hreflang="tr-TR" href=https://www.directferries.com.tr/>
<link rel="alternate" hreflang="ar-QA" href=https://ar.directferries.com/>
<link rel="alternate" hreflang="en-GB" href=https://www.directferries.co.uk/>
<link rel="alternate" hreflang="de-AT" href=https://www.directferries.at/>
<link rel="alternate" hreflang="it-IT" href=https://www.directferries.it/>
<link rel="alternate" hreflang="fr-CA" href=https://fca.directferries.com/>
<link rel="alternate" hreflang="en-CA" href=https://ca.directferries.com/>
<link rel="alternate" hreflang="nl-BE" href=https://nl.directferries.be/>
<link rel="alternate" hreflang="el-GR" href=https://www.directferries.gr/>
<link rel="alternate" hreflang="fr-BE" href=https://fr.directferries.be/>
<link rel="alternate" hreflang="pl-PL" href=https://www.directferries.pl/>
<link rel="alternate" hreflang="de-DE" href=https://www.directferries.de/>
<link rel="alternate" hreflang="de-CH" href=https://de.directferries.ch/>
<link rel="alternate" hreflang="nb-NO" href=https://www.directferries.no/>
<link rel="alternate" hreflang="uk-UA" href=https://www.directferries.com.ua/>
<link rel="alternate" hreflang="id-ID" href=https://www.directferries.co.id/>
<link rel="alternate" hreflang="ar-MA" href=https://ar.directferries.ma/>
<link rel="alternate" hreflang="fr-MA" href=https://fr.directferries.ma/>
<link rel="alternate" hreflang="x-default" href="https://www.directferries.com/" />
<script async type="text/javascript">
const pageLoadStart = Date.now();
</script>
<style>a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
box-sizing: border-box;
}
:after,
:before {
box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
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;
}
button {
border: none;
}
.dropdown,
.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 {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0.125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
}
.dropdown-menu-left {
right: auto;
left: 0;
}
.dropdown-menu-right {
right: 0;
left: auto;
}
@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: #f8f9fa;
}
.dropdown-item.active,
.dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #007bff;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
color: #6c757d;
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 {
display: block;
padding: 0.5rem 1rem;
}
.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-item {
margin-bottom: -1px;
}
.nav-tabs .nav-link {
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 {
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 {
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;
}
.collapse:not(.show) {
display: none;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing {
transition: none;
}
}
/*! Cooltipz.css v1.6.6 | MIT License | github.com/jackdomleo7/Cooltipz.css */
:root {
--cooltipz-bg-color: #1f1f1f;
--cooltipz-font-size: 0.75rem;
--cooltipz-slide: 6px;
--cooltipz-border-radius: 0.125rem;
--cooltipz-timing: 120ms;
--cooltipz-cursor: pointer;
--cooltipz-small: 6.25rem;
--cooltipz-medium: 12.5rem;
--cooltipz-large: 18.75rem;
--cooltipz-arrow-size: 0.3125rem;
--cooltipz-delay-show: 0s;
--cooltipz-delay-hide: 0s;
}
[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="bottom"]: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-bg-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,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom"]:before {
border-bottom-color: var(--cooltipz-bg-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-bg-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-bg-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,
[aria-label][data-cooltipz-dir]:after {
background-color: var(--cooltipz-bg-color, #1f1f1f);
border-radius: var(--cooltipz-border-radius, 0.125rem);
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,
[aria-label][data-cooltipz-dir]: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,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="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,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom"]:after,
[aria-label][data-cooltipz-dir][data-cooltipz-dir="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;
}
.light,
.light .footer {
background-color: #fff !important;
}
.light .footer {
padding-bottom: 0 !important;
}
.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;
}
.df__wrapper {
padding-left: 0;
padding-right: 0;
width: 100%;
}
.df__container {
width: 100%;
min-width: 280px;
max-width: 1200px;
margin: 0 auto;
}
@media (min-width: 1025px) {
.df__container {
width: 100%;
min-width: 280px;
max-width: 1200px;
margin: 0 auto;
}
}
@media (min-width: 1200px) {
.df__container {
width: 100%;
min-width: 280px;
max-width: 1200px;
margin: 0 auto;
}
}
#df-dom-container {
width: 100%;
min-width: 280px;
max-width: 1200px;
margin: 0 auto;
}
@media (min-width: 1200px) {
#df-dom-container {
width: 100%;
min-width: 280px;
max-width: 1200px;
margin: 0 auto;
}
}
.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-dark-blue.df-icon-currency {
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/currency.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-dark-blue.df-icon-user {
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/user.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-dark-blue.df-icon-help {
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/help.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-dark-blue.df-icon-active-booking {
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/active-booking.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-dark-blue.df-icon-ios {
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/ios.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-dark-blue.df-icon-android {
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/android.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-dark-blue.df-icon-language {
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/language.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-display: swap;
font-style: normal;
font-weight: 300;
letter-spacing: normal;
word-spacing: normal;
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");
}
@font-face {
font-family: proxima-soft;
font-display: swap;
font-style: normal;
font-weight: 400;
letter-spacing: normal;
word-spacing: normal;
src: url(https://use.typekit.net/af/a4e72f/00000000000000003b9b3032/27/l?fvd=n4&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3) format("woff2"), url(https://use.typekit.net/af/a4e72f/00000000000000003b9b3032/27/d?fvd=n4&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3) format("woff"), url(https://use.typekit.net/af/a4e72f/00000000000000003b9b3032/27/a?fvd=n4&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3) format("opentype");
}
@font-face {
font-family: proxima-soft-medium;
font-display: swap;
font-style: normal;
font-weight: 500;
letter-spacing: normal;
word-spacing: normal;
src: url(https://use.typekit.net/af/cfd60a/00000000000000003b9b3034/27/l?fvd=n5&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3) format("woff2"), url(https://use.typekit.net/af/cfd60a/00000000000000003b9b3034/27/d?fvd=n5&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3) format("woff"), url(https://use.typekit.net/af/cfd60a/00000000000000003b9b3034/27/a?fvd=n5&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3) format("opentype");
}
@font-face {
font-family: proxima-soft-semibold;
font-display: swap;
font-style: normal;
font-weight: 600;
letter-spacing: normal;
word-spacing: normal;
src: url(https://use.typekit.net/af/f4a012/00000000000000003b9b3036/27/l?fvd=n6&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3) format("woff2"), url(https://use.typekit.net/af/f4a012/00000000000000003b9b3036/27/d?fvd=n6&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3) format("woff"), url(https://use.typekit.net/af/f4a012/00000000000000003b9b3036/27/a?fvd=n6&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3) format("opentype");
}
@font-face {
font-family: proxima-soft-bold;
font-display: swap;
font-style: normal;
font-weight: 700;
letter-spacing: normal;
word-spacing: normal;
src: url(https://use.typekit.net/af/2657d4/00000000000000003b9b3038/27/l?fvd=n7&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3) format("woff2"), url(https://use.typekit.net/af/2657d4/00000000000000003b9b3038/27/d?fvd=n7&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3) format("woff"), url(https://use.typekit.net/af/2657d4/00000000000000003b9b3038/27/a?fvd=n7&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 {
background: url(https://static.directferries.co.uk/images/flags/4x3/sa.svg);
}
.lang_flag.fr-MA {
background: url(https://static.directferries.co.uk/images/flags/4x3/ma.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);
}
@keyframes headerFadeIn {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes headerFadeOut {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
#header-wrapper,
.df__navbar {
background-color: #193354;
}
@media (min-width: 769px) {
#header-wrapper,
.df__navbar {
background-color: #fff;
}
}
@media (max-width: 768px) {
.df__navbar-main.collapse:not(.show) {
display: block;
transition: all 0.4s ease-out;
padding: 0;
opacity: 0;
max-height: 0;
overflow: hidden;
animation: headerFadeOut 0.2s forwards;
}
.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) {
display: block;
transition: all 0.4s ease;
opacity: 0;
max-height: 0;
overflow: hidden;
animation: headerFadeOut 1s forwards;
}
.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) {
display: block;
transition: all 0.4s ease;
opacity: 0;
max-height: 0;
overflow: hidden;
animation: headerFadeOut 1s forwards;
}
.df__navbar-ferry-types.collapse.show {
transition: all 0.8s ease;
opacity: 1;
height: auto;
max-height: 500px;
animation: headerFadeIn 0.5s forwards;
}
.df__footer-sitemap-collapse.collapse:not(.show) {
display: block;
transition: all 0.4s ease;
opacity: 0;
max-height: 0;
overflow: hidden;
margin: 0;
padding: 0;
animation: headerFadeOut 1s forwards;
}
.df__footer-sitemap-collapse.collapse.show {
transition: all 0.8s ease;
opacity: 1;
height: auto;
max-height: 2000px;
animation: headerFadeIn 0.5s forwards;
}
.d-none {
display: none !important;
}
a {
color: #193354;
}
a,
a:hover {
text-decoration: none;
}
a.active {
font-family: proxima-soft-bold !important;
}
.df__brand-logo {
background-size: auto !important;
height: 48px;
width: auto;
}
@media (min-width: 769px) {
.df__brand-logo {
height: 56px;
width: auto;
}
}
@media (min-width: 769px) {
.df__brand-logo img {
height: 56px;
width: auto;
}
}
.df__brand-typo img {
display: none;
height: 48px;
width: auto;
}
@media (min-width: 374px) {
.df__brand-typo img {
display: block;
}
}
@media (min-width: 769px) {
.df__brand-typo img {
height: 56px;
width: auto;
}
}
@media (min-width: 769px) {
.category-icon {
width: 32px;
height: auto;
}
}
.svg-icon {
width: 24px;
height: 24px;
display: block;
background-size: cover;
background-repeat: no-repeat;
}
@media (min-width: 769px) {
.svg-icon {
width: 32px;
height: 32px;
}
}
a .drop-down-up,
div .drop-down-up {
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/dropup.svg);
}
a.collapsed .drop-down-up,
div.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 {
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/menu.svg);
}
.df__navbar-actions .navbar-toggler .burger-menu.collapsed {
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/cancel.svg);
}
.df-desktop-only {
display: none !important;
}
@media (min-width: 769px) {
.df-desktop-only {
display: block !important;
}
}
.df-mobile-only {
display: block !important;
}
@media (min-width: 769px) {
.df-mobile-only {
display: none !important;
}
}
.df__header-nav .df__header-wave {
display: none;
}
.df__navbar {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 56px;
font-family: proxima-soft;
background-color: #fff;
grid-template-areas: "nav-logo nav-actions" "nav-main nav-main" "ferry-types ferry-types" "lang lang";
}
.df__navbar,
.df__navbar a {
color: #193354;
}
@media (min-width: 769px) {
.df__navbar {
grid-template-columns: 300px 1fr 220px;
grid-template-rows: 80px;
grid-template-areas: "nav-logo nav-main nav-actions" "ferry-types ferry-types ferry-types" "lang lang lang";
}
}
.df__navbar .df__navbar-logo {
grid-area: nav-logo;
padding: 0 0 0 8px;
display: flex;
align-items: center;
}
@media (min-width: 769px) {
.df__navbar .df__navbar-logo {
padding: 12px;
}
}
.df__navbar .df__navbar-logo .navbar-brand {
display: flex;
padding: 0;
}
.df__navbar .df__navbar-logo .navbar-brand .df__brand-logo {
margin-right: 4px;
line-height: 0;
}
.df__navbar .df__navbar-main {
grid-area: nav-main;
background: #fff;
padding: 0;
}
@media (min-width: 769px) {
.df__navbar .df__navbar-main {
padding: 16px;
}
}
.df__navbar .df__navbar-main h1 {
font-size: 1rem !important;
color: inherit !important;
}
@media (min-width: 769px) {
.df__navbar .df__navbar-main {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
}
}
.df__navbar .df__navbar-main #main-nav-content,
.df__navbar .df__navbar-main #navbarNavDropdown {
width: 100%;
display: block !important;
}
.df__navbar .df__navbar-main #main-nav-content #nav li a:before,
.df__navbar .df__navbar-main #navbarNavDropdown #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,
.df__navbar .df__navbar-main #navbarNavDropdown #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,
.df__navbar
.df__navbar-main
#navbarNavDropdown
#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,
.df__navbar .df__navbar-main #navbarNavDropdown #nav a#navbarDropdownMenu {
display: block;
}
}
.df__navbar .df__navbar-main #main-nav-content #nav a#navbarDropdownMenu span,
.df__navbar .df__navbar-main #navbarNavDropdown #nav a#navbarDropdownMenu span {
display: inline;
}
.df__navbar .df__navbar-main #main-nav-content #nav #ferryTickets,
.df__navbar .df__navbar-main #navbarNavDropdown #nav #ferryTickets {
order: 1;
margin-bottom: 16px;
}
@media (min-width: 769px) {
.df__navbar .df__navbar-main #main-nav-content #nav #ferryTickets,
.df__navbar .df__navbar-main #navbarNavDropdown #nav #ferryTickets {
order: unset;
margin-right: 24px;
margin-bottom: 0;
}
}
.df__navbar .df__navbar-main #main-nav-content #nav #ferryTickets a:after,
.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/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,
.df__navbar .df__navbar-main #navbarNavDropdown #nav #ferryTickets a:after {
right: -7px;
top: 5px;
}
}
.df__navbar
.df__navbar-main
#main-nav-content
#nav
#ferryTickets
a.collapsed:after,
.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/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,
.df__navbar
.df__navbar-main
#navbarNavDropdown
#nav
#ferryTickets
a.collapsed:after {
right: -7px;
top: 5px;
}
}
.df__navbar .df__navbar-main #main-nav-content #nav .mobile-padding,
.df__navbar .df__navbar-main #navbarNavDropdown #nav .mobile-padding {
padding: 8px 0;
}
@media (min-width: 769px) {
.df__navbar .df__navbar-main #main-nav-content #nav .mobile-padding,
.df__navbar .df__navbar-main #navbarNavDropdown #nav .mobile-padding {
padding: 0;
}
}
.df__navbar .df__navbar-main #main-nav-content #nav li,
.df__navbar .df__navbar-main #navbarNavDropdown #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,
.df__navbar .df__navbar-main #navbarNavDropdown #nav li {
margin-left: -8px;
margin-right: -8px;
}
}
.df__navbar .df__navbar-main #main-nav-content #nav li #langDropdownMobile li,
.df__navbar .df__navbar-main #navbarNavDropdown #nav li #langDropdownMobile li {
margin-left: 8px;
margin-right: 8px;
}
@media (min-width: 769px) {
.df__navbar .df__navbar-main #main-nav-content #nav li,
.df__navbar .df__navbar-main #navbarNavDropdown #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,
.df__navbar .df__navbar-main #navbarNavDropdown #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,
.df__navbar .df__navbar-main #navbarNavDropdown #nav li a {
padding-left: 8px;
}
}
.df__navbar .df__navbar-main #main-nav-content #nav li#routePortFinder a:before,
.df__navbar
.df__navbar-main
#navbarNavDropdown
#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,
.df__navbar .df__navbar-main #navbarNavDropdown #nav li#routePortFinder a {
padding-left: 8px;
}
.df__navbar
.df__navbar-main
#main-nav-content
#nav
li#routePortFinder
a:before,
.df__navbar
.df__navbar-main
#navbarNavDropdown
#nav
li#routePortFinder
a:before {
background: unset;
}
}
.df__navbar .df__navbar-main #main-nav-content #nav li#ferryCompanies a:before,
.df__navbar
.df__navbar-main
#navbarNavDropdown
#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,
.df__navbar .df__navbar-main #navbarNavDropdown #nav li#ferryCompanies a {
padding-left: 8px;
}
.df__navbar
.df__navbar-main
#main-nav-content
#nav
li#ferryCompanies
a:before,
.df__navbar
.df__navbar-main
#navbarNavDropdown
#nav
li#ferryCompanies
a:before {
background: unset;
}
}
.df__navbar .df__navbar-main #main-nav-content #nav li#specialOffers,
.df__navbar .df__navbar-main #navbarNavDropdown #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,
.df__navbar .df__navbar-main #navbarNavDropdown #nav li#specialOffers {
background-color: inherit;
margin-left: inherit;
margin-right: inherit;
}
}
.df__navbar .df__navbar-main #main-nav-content #nav li#specialOffers a,
.df__navbar .df__navbar-main #navbarNavDropdown #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,
.df__navbar .df__navbar-main #navbarNavDropdown #nav li#specialOffers a {
color: #193354;
}
}
.df__navbar .df__navbar-main #main-nav-content #nav li#specialOffers a:before,
.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;
left: 10px;
}
@media (min-width: 769px) {
.df__navbar .df__navbar-main #main-nav-content #nav li#specialOffers a,
.df__navbar .df__navbar-main #navbarNavDropdown #nav li#specialOffers a {
padding-left: 8px;
}
.df__navbar .df__navbar-main #main-nav-content #nav li#specialOffers a:before,
.df__navbar
.df__navbar-main
#navbarNavDropdown
#nav
li#specialOffers
a:before {
background: unset;
}
}
.df__navbar .df__navbar-main #main-nav-content #nav li#destinations a:before,
.df__navbar .df__navbar-main #navbarNavDropdown #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,
.df__navbar .df__navbar-main #navbarNavDropdown #nav li#destinations a {
padding-left: 8px;
}
.df__navbar .df__navbar-main #main-nav-content #nav li#destinations a:before,
.df__navbar
.df__navbar-main
#navbarNavDropdown
#nav
li#destinations
a:before {
background: unset;
}
}
.df__navbar .df__navbar-main #main-nav-content #nav li#manageMyBooking a:before,
.df__navbar
.df__navbar-main
#navbarNavDropdown
#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,
.df__navbar .df__navbar-main #navbarNavDropdown #nav li#manageMyBooking a {
padding-left: 8px;
}
.df__navbar
.df__navbar-main
#main-nav-content
#nav
li#manageMyBooking
a:before,
.df__navbar
.df__navbar-main
#navbarNavDropdown
#nav
li#manageMyBooking
a:before {
background: unset;
}
}
.df__navbar .df__navbar-main #main-nav-content #nav li#customerService a:before,
.df__navbar
.df__navbar-main
#navbarNavDropdown
#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,
.df__navbar .df__navbar-main #navbarNavDropdown #nav li#customerService a {
padding-left: 8px;
}
.df__navbar
.df__navbar-main
#main-nav-content
#nav
li#customerService
a:before,
.df__navbar
.df__navbar-main
#navbarNavDropdown
#nav
li#customerService
a:before {
background: unset;
}
}
.df__navbar .df__navbar-main #main-nav-content #nav li#myAccount a:before,
.df__navbar .df__navbar-main #navbarNavDropdown #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,
.df__navbar .df__navbar-main #navbarNavDropdown #nav li#myAccount a {
padding-left: 8px;
}
.df__navbar .df__navbar-main #main-nav-content #nav li#myAccount a:before,
.df__navbar .df__navbar-main #navbarNavDropdown #nav li#myAccount a:before {
background: unset;
}
}
.df__navbar .df__navbar-main #main-nav-content #nav li#currency,
.df__navbar .df__navbar-main #navbarNavDropdown #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,
.df__navbar
.df__navbar-main
#navbarNavDropdown
#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,
.df__navbar
.df__navbar-main
#navbarNavDropdown
#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,
.df__navbar
.df__navbar-main
#navbarNavDropdown
#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,
.df__navbar
.df__navbar-main
#navbarNavDropdown
#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,
.df__navbar .df__navbar-main #navbarNavDropdown #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,
.df__navbar .df__navbar-main #navbarNavDropdown #nav li#currency a {
padding-left: 8px;
}
.df__navbar .df__navbar-main #main-nav-content #nav li#currency a:before,
.df__navbar .df__navbar-main #navbarNavDropdown #nav li#currency a:before {
background: unset;
}
}
.df__navbar .df__navbar-main #main-nav-content #nav li#language,
.df__navbar .df__navbar-main #navbarNavDropdown #nav li#language {
background-color: #f7f6f2;
}
.df__navbar .df__navbar-main #main-nav-content #nav li#language a img.flag-icon,
.df__navbar .df__navbar-main #navbarNavDropdown #nav li#language a img.flag-icon {
position: absolute;
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,
.df__navbar .df__navbar-main #navbarNavDropdown #nav li#language a {
padding-left: 8px;
}
}
.df__navbar
.df__navbar-main
#main-nav-content
#nav
li#language
#langDropdownMobile
a,
.df__navbar
.df__navbar-main
#navbarNavDropdown
#nav
li#language
#langDropdownMobile
a {
padding-left: 40px;
background-color: #f7f6f2;
}
.df__navbar
.df__navbar-main
#main-nav-content
#nav
li#language
#langDropdownMobile
a img.flag-icon,
.df__navbar
.df__navbar-main
#navbarNavDropdown
#nav
li#language
#langDropdownMobile
a img.flag-icon {
position: absolute;
width: 26px;
height: 20px;
left: 0;
top: 0;
border: 2px solid #d3d0c9;
border-radius: 4px;
}
.df__navbar .df__navbar-main .navbar-nav {
display: grid;
grid-template-columns: 1fr;
}
@media (min-width: 769px) {
.df__navbar .df__navbar-main .navbar-nav {
display: flex;
flex-direction: row;
}
}
.df__navbar .df__navbar-actions {
display: flex;
align-items: center;
grid-area: nav-actions;
padding: 8px;
}
@media (min-width: 769px) {
.df__navbar .df__navbar-actions {
padding: 16px 8px 16px 0;
}
}
.df__navbar .df__navbar-actions section {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
margin-left: auto;
}
@media (min-width: 769px) {
.df__navbar .df__navbar-actions section {
grid-template-columns: 1fr 1fr;
}
}
.df__navbar .df__navbar-actions section .booking-icon {
display: flex;
position: relative;
padding: 0;
align-items: center;
}
.df__navbar .df__navbar-actions section .booking-icon .badge-notify {
display: none !important;
position: absolute;
background-color: #f10103;
color: #fff;
height: 16px;
width: 16px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
top: 4px;
left: 16px;
}
@media (min-width: 769px) {
.df__navbar .df__navbar-actions section .booking-icon .badge-notify {
height: 22px;
width: 22px;
top: 5px;
left: 22px;
}
}
.df__navbar .df__navbar-actions section .user-actions {
display: flex;
align-items: center;
margin-right: 0;
justify-content: center;
padding: 0 8px;
}
@media (min-width: 769px) {
.df__navbar .df__navbar-actions section .user-actions {
margin-right: 16px;
}
}
.df__navbar
.df__navbar-actions
section
.user-actions
.currency-dd
.df__currency-wrap {
display: flex;
flex-direction: column;
}
.df__navbar
.df__navbar-actions
section
.user-actions
.currency-dd
.df__currency-wrap
a {
display: flex;
align-items: center;
margin: 8px;
color: #193354;
}
.df__navbar
.df__navbar-actions
section
.user-actions
.currency-dd
.df__currency-wrap
a
img {
width: 24px;
background-color: #ede9e1;
border-radius: 25px;
padding: 4px;
margin-right: 8px;
}
.df__navbar .df__navbar-actions section .user-actions a.flag {
position: relative;
cursor: pointer;
}
.df__navbar .df__navbar-actions section .user-actions a img.flag-icon {
position: absolute;
width: 28px;
height: 22px;
left: 0;
top: -10px;
border: 2px solid #d3d0c9;
border-radius: 4px;
}
.df__navbar .df__navbar-actions section .navbar-toggler {
display: block;
background-color: transparent;
padding: 0 8px;
outline: none;
}
@media (min-width: 769px) {
.df__navbar .df__navbar-actions section .navbar-toggler {
display: none;
outline: unset;
}
}
.df__navbar .df__navbar-actions section .nav-icon {
margin-right: 0;
display: inline-flex;
}
@media (min-width: 769px) {
.df__navbar .df__navbar-actions section .nav-icon {
margin-right: 16px;
}
}
.df__navbar .df__navbar-actions section .nav-icon.currency {
display: none !important;
}
.df__navbar .df__navbar-actions section .nav-icon.currency .svg-icon {
width: 32px;
height: 32px;
background-color: #ede9e1;
border-radius: 50%;
background-position: 50% 50%;
background-size: 70%;
}
.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 {
grid-area: ferry-types;
}
.df__navbar .df__navbar-ferry-types .df__ferry-types {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
grid-gap: 8px;
padding: 0 16px 16px;
}
@media (min-width: 769px) {
.df__navbar .df__navbar-ferry-types .df__ferry-types {
padding: 0 16px 16px;
background: #fff;
grid-gap: 16px;
}
}
.df__navbar .df__navbar-ferry-types .df__ferry-types a {
background: #f7f6f2;
width: 100%;
border-radius: 8px;
padding: 16px;
font-family: proxima-soft-bold;
color: #193354;
display: block;
}
@media (min-width: 769px) {
.df__navbar .df__navbar-ferry-types .df__ferry-types a {
text-align: center;
}
}
.df__navbar .df__navbar-ferry-types .df__ferry-types a:hover {
text-decoration: none;
}
.df__navbar .df__navbar-languages {
grid-area: lang;
}
.df__navbar .df__navbar-languages .navbar-languages {
display: grid;
grid-template-columns: 1fr;
padding: 8px;
}
@media (min-width: 769px) {
.df__navbar .df__navbar-languages .navbar-languages {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1025px) {
.df__navbar .df__navbar-languages .navbar-languages {
grid-template-columns: 1fr 1fr 1fr 1fr;
padding: 16px;
}
}
@media (min-width: 1200px) {
.df__navbar .df__navbar-languages .navbar-languages {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
padding: 16px;
}
}
.df__navbar .df__navbar-languages .navbar-languages .lang {
display: flex;
align-items: center;
justify-content: center;
}
.df__navbar .df__navbar-languages .navbar-languages li {
padding: 8px 0 8px 8px;
margin: 4px;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
background-color: #f7f6f2;
border-radius: 8px;
}
.df__navbar .df__navbar-languages .navbar-languages a {
background: #f7f6f2;
margin: 4px;
font-family: proxima-soft-bold;
display: flex;
align-items: center;
color: #193354;
padding: 4px 0 4px 40px;
line-height: 1rem;
font-size: 1rem;
font-family: proxima-soft-medium;
font-weight: 500;
position: relative;
}
.df__navbar .df__navbar-languages .navbar-languages a img.flag-icon {
position: absolute;
width: 28px;
height: 22px;
left: 0;
top: 0;
border: 2px solid #d3d0c9;
border-radius: 4px;
}
.df__navbar .df__navbar-languages .navbar-languages a:hover {
text-decoration: none;
}
.df__navbar .df__navbar-languages#langDropdownMobile .navbar-languages {
padding: 8px 0;
}
.df__navbar .df__navbar-languages#langDropdownMobile .navbar-languages li {
background-color: #f7f6f2;
}
.df__navbar .df__navbar-languages .lang__footer {
display: grid;
grid-template-columns: 1fr;
grid-template-areas: "lang-foot-note" "lang-foot-btn";
padding: 8px;
}
@media (min-width: 426px) {
.df__navbar .df__navbar-languages .lang__footer {
grid-template-columns: 1fr 1fr;
grid-template-areas: "lang-foot-note lang-foot-note" "lang-foot-btn lang-foot-btn";
}
}
@media (min-width: 769px) {
.df__navbar .df__navbar-languages .lang__footer {
grid-template-columns: 1fr 1fr 1fr;
grid-template-areas: "lang-foot-note lang-foot-note lang-foot-btn";
}
}
@media (min-width: 1025px) {
.df__navbar .df__navbar-languages .lang__footer {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-template-areas: "lang-foot-note lang-foot-note lang-foot-note lang-foot-note lang-foot-btn";
}
}
.df__navbar .df__navbar-languages .lang__footer .lang__footer-note {
grid-area: lang-foot-note;
margin-bottom: 16px;
display: flex;
align-items: center;
}
@media (min-width: 769px) {
.df__navbar .df__navbar-languages .lang__footer .lang__footer-note {
margin-bottom: 0;
}
}
.df__navbar .df__navbar-languages .lang__footer .lang__footer-note span {
display: grid;
align-items: center;
grid-template-columns: 40px 1fr;
}
.df__navbar
.df__navbar-languages
.lang__footer
.lang__footer-note
span
.svg-icon {
margin-right: 8px;
width: 24px;
height: 24px;
}
.df__navbar .df__navbar-languages .lang__footer .lang__footer-btn {
display: flex;
align-items: center;
grid-area: lang-foot-btn;
}
.df__navbar .df__navbar-languages .lang__footer .lang__footer-btn a {
background: #b5e2f8 !important;
width: 100%;
margin: 4px;
border-radius: 8px;
padding: 10px 16px;
padding-left: unset !important;
font-family: proxima-soft-bold;
display: flex;
align-items: center;
justify-content: center;
}
.df__navbar .df__navbar-languages .lang__footer .lang__footer-btn a:before {
border: none !important;
}
:root {
--cooltipz-bg-color: #0070aa;
--cooltipz-text-color: #fff;
--cooltipz-border-radius: 4px;
--cooltipz-font-size: 0.875rem;
}
[aria-label][data-cooltipz-dir]:after {
box-shadow: none !important;
font-family: proxima-soft-semibold;
}
[aria-label][data-cooltipz-dir][data-cooltipz-dir="bottom"]:before {
filter: unset;
}
[aria-label][data-cooltipz-dir]:after,
[aria-label][data-cooltipz-dir]:before {
display: none;
}
@media (min-width: 769px) {
[aria-label][data-cooltipz-dir]:after,
[aria-label][data-cooltipz-dir]:before {
display: block;
}
}
.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;
}
footer > div {
padding: 16px 0 !important;
}
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 .df__footer--main {
padding-bottom: 0 !important;
margin-top: 64px;
margin-bottom: 0 !important;
}
footer .cards .american_express {
background-image: url(https://static.directferries.co.uk/image/payment-icons-master/AmericanExpress-card-dark.svg) !important;
}
footer .cards .maestro {
background-image: url(https://static.directferries.co.uk/image/payment-icons-master/Maestro-card-light.svg) !important;
}
footer .cards .mastercard {
background-image: url(https://static.directferries.co.uk/image/payment-icons-master/MasterCard-card-light.svg) !important;
}
footer .cards .paypal {
background-image: url(https://static.directferries.co.uk/image/payment-icons-master/Paypal-card-light.svg) !important;
}
footer .cards .visa {
background-image: url(https://static.directferries.co.uk/image/payment-icons-master/Visa-card-light.svg) !important;
}
footer .cards .visa_electron {
background-image: url(https://static.directferries.co.uk/image/payment-icons-master/Visa-card-electron-light.svg) !important;
}
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 {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-areas: "footer-cta footer-cta footer-cta footer-cta" "footer-payments footer-payments footer-payments footer-payments" "footer-sitemap footer-sitemap footer-sitemap footer-sitemap" "footer-collapse footer-collapse footer-collapse footer-collapse";
}
@media (min-width: 769px) {
.df__footer {
grid-template-areas: " footer-payments footer-payments footer-payments footer-payments" "footer-sitemap footer-sitemap footer-cta footer-cta" "footer-collapse footer-collapse footer-collapse footer-collapse";
}
}
@media (min-width: 1025px) {
.df__footer {
grid-template-areas: "footer-sitemap footer-payments footer-payments footer-cta" "footer-collapse footer-collapse footer-collapse footer-collapse";
}
}
.df__footer .df__footer-cta {
padding: 8px;
grid-area: footer-cta;
display: flex;
justify-content: center;
}
@media (min-width: 769px) {
.df__footer .df__footer-cta {
justify-content: flex-end;
}
}
@media (min-width: 1025px) {
.df__footer .df__footer-cta {
padding: 0;
}
}
.df__footer .df__footer-cta .df__footer-cta-help {
display: flex;
align-items: center;
justify-content: center;
width: fit-content;
padding: 16px;
}
.df__footer .df__footer-cta .df__footer-cta-help a {
background: #b5e2f8;
min-width: 240px;
margin: 4px;
border-radius: 8px;
padding: 10px 16px;
font-family: proxima-soft-medium;
display: flex;
align-items: center;
color: #193354;
justify-content: center;
font-weight: 500;
font-size: 14px;
line-height: 1.25rem;
-webkit-font-smoothing: antialiased;
}
.df__footer .df__footer-payments {
display: flex;
align-items: center;
justify-content: space-evenly;
grid-area: footer-payments;
}
@media (min-width: 426px) {
.df__footer .df__footer-payments {
justify-content: center;
}
}
.df__footer .df__footer-payments .cards {
text-align: center;
padding: 24px 16px !important;
}
.df__footer .df__footer-payments .cards i {
background-repeat: no-repeat;
display: inline-block;
height: 38px;
width: 64px;
margin: 4px !important;
padding: 4px !important;
border-radius: 4px;
background-position: 0 0;
background-size: 64px !important;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.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 {
grid-area: footer-sitemap;
display: grid;
grid-template-columns: max-content 6fr;
}
@media (min-width: 1025px) {
.df__footer .df__footer-sitemap {
grid-template-columns: 1fr 3fr;
}
}
.df__footer .df__footer-sitemap .df__footer-sitemap-logo {
display: flex;
align-items: center;
justify-content: center;
padding: 8px 16px;
}
.df__footer .df__footer-sitemap .df__footer-sitemap-dropdown {
display: flex;
align-items: center;
padding: 8px 16px;
justify-content: flex-end;
cursor: pointer;
}
@media (min-width: 769px) {
.df__footer .df__footer-sitemap .df__footer-sitemap-dropdown {
justify-content: flex-start;
}
}
.df__footer .df__footer-sitemap .df__footer-sitemap-dropdown span {
font-family: proxima-soft-bold;
color: #193354;
font-size: 1rem;
}
.df__footer
.df__footer-sitemap
.df__footer-sitemap-dropdown
.svg-icon:last-child {
margin-left: auto;
}
.df__footer-sitemap-collapse {
grid-area: footer-collapse;
padding-top: 40px;
padding-bottom: 40px;
}
.df__footer-sitemap-links {
display: grid;
grid-template-columns: 1fr;
color: #193354;
font-family: proxima-soft;
}
@media (min-width: 769px) {
.df__footer-sitemap-links {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (min-width: 1025px) {
.df__footer-sitemap-links {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
.df__footer-sitemap-links .df__footer-sitemap-section {
padding: 8px 16px;
text-align: left;
}
@media (min-width: 1025px) {
.df__footer-sitemap-links .df__footer-sitemap-section {
padding: 32px;
}
}
.df__footer-sitemap-links .df__footer-sitemap-section h4,
.df__footer-sitemap-links .df__footer-sitemap-section span {
margin-bottom: 8px;
font-size: 1.25rem;
font-family: proxima-soft-bold;
display: block;
}
.df__footer-sitemap-links .df__footer-sitemap-section .sitemap-link {
display: block;
color: #193354;
padding: 8px 0;
font-size: 1rem !important;
}
.df__sitemap-footer {
padding: 16px;
background-color: #fff;
color: #193354;
}
.df__sitemap-footer #df-dom-container {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-areas: "footer-disclaimer footer-disclaimer footer-disclaimer footer-disclaimer" "footer-social footer-social footer-social footer-social";
}
@media (min-width: 426px) {
.df__sitemap-footer #df-dom-container {
grid-template-areas: "footer-disclaimer footer-disclaimer footer-disclaimer footer-disclaimer" "footer-social footer-social footer-social footer-social";
}
}
@media (min-width: 1025px) {
.df__sitemap-footer #df-dom-container {
grid-template-areas: "footer-disclaimer footer-disclaimer footer-disclaimer footer-social";
}
}
.df__sitemap-footer a {
margin-bottom: 8px;
font-family: proxima-soft-bold !important;
color: #193354;
font-size: 1rem !important;
}
.df__sitemap-footer .df__footer-disclaimer {
grid-area: footer-disclaimer;
text-align: left;
font-size: 14px;
font-family: proxima-soft;
line-height: 1.25rem;
}
@media (min-width: 1025px) {
.df__sitemap-footer .df__footer-disclaimer {
margin: 8px;
}
}
.df__sitemap-footer .df__footer-disclaimer span {
display: block;
margin: 16px 0;
line-height: 1.375rem;
}
.df__sitemap-footer .df__footer-disclaimer span a {
font-size: 14px !important;
}
.df__sitemap-footer .df__footer-social {
grid-area: footer-social;
text-align: left;
}
@media (min-width: 1025px) {
.df__sitemap-footer .df__footer-social {
margin: 8px;
text-align: right;
padding: 0 16px;
}
}
.df__sitemap-footer .df__footer-social .df__footer-social-title {
font-family: proxima-soft-bold;
}
.df__sitemap-footer .df__footer-social .df__footer-social-title h5,
.df__sitemap-footer .df__footer-social .df__footer-social-title span {
margin-bottom: 16px;
font-size: 1rem;
display: block;
}
.df__sitemap-footer .df__footer-social-icons {
display: flex;
justify-content: flex-start;
}
@media (min-width: 1025px) {
.df__sitemap-footer .df__footer-social-icons {
justify-content: flex-end;
}
}
.df__sitemap-footer .df__footer-social-icons .svg-icon {
height: 32px;
width: 32px;
margin-right: 32px;
}
@media (min-width: 1025px) {
.df__sitemap-footer .df__footer-social-icons .svg-icon {
margin-right: unset;
margin-left: 32px;
}
}
.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: #475c76;
}
.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: #758598;
}
@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: #475c76;
}
.dark
.df__navbar
.df__navbar-main
#navbarNavDropdown
#nav
li#currency
#currencyDropdownMobile
.navbar-currencies
.navbar__currency
a {
background: #758598;
}
.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: #758598;
}
.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: #475c76;
color: #fff;
}
.dark .df__navbar .df__navbar-ferry-types .df__ferry-types a:after {
display: none !important;
}
.dark .df__navbar .df__navbar-languages {
grid-area: lang;
}
.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: #475c76;
}
.dark .df__navbar .df__navbar-languages .lang__footer .lang__footer-btn a {
background: #475c76;
}
.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: #475c76;
color: #fff;
}
.dark .df__sitemap-footer a {
color: #fff !important;
}
html {
letter-spacing: normal !important;
word-spacing: normal !important;
-webkit-font-smoothing: antialiased !important;
overflow-y: scroll;
font-size: 92%;
}
@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.5607843137254902);
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;
}
#df-dom-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
place-self: center;
grid-column-gap: 16px;
grid-template-areas: "operators" "destinations" "offers" "app" "editorial" "ferries" "social" "routes" "support";
padding-left: 0;
padding-right: 0;
max-width: 1200px;
margin: 0 auto;
}
@media (min-width: 1200px) {
#df-dom-wrapper {
display: grid;
max-width: 1200px;
}
}
#df-dom-header-wrap {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 8px;
display: grid;
grid-template-rows: 48px 1fr;
place-self: center;
width: 100%;
}
@media (min-width: 426px) {
#df-dom-header-wrap {
grid-template-rows: 56px 1fr;
}
}
@media (min-width: 769px) {
#df-dom-header-wrap {
grid-template-rows: 100px 1fr;
}
}
#df-dom-header-wrap header {
z-index: 10;
}
#df-dom-content-wrap {
display: grid;
grid-template-columns: 45% 1fr 1fr;
grid-auto-rows: auto auto auto;
grid-gap: 0;
width: 100%;
min-width: 280px;
max-width: 1200px;
margin: 0 auto;
grid-template-areas: "main-block main-block main-block" "dealfinder dealfinder dealfinder" "featured-component featured-component featured-component";
}
@media (min-width: 769px) {
#df-dom-content-wrap {
grid-template-columns: 45% 1fr 1fr;
grid-auto-rows: 370px auto auto;
grid-template-areas: "dealfinder main-block main-block" "dealfinder main-block main-block" "dealfinder featured-component featured-component";
}
}
@media (min-width: 1025px) {
#df-dom-content-wrap {
grid-template-columns: repeat(3, 1fr);
width: 100%;
min-width: 280px;
max-width: 1200px;
margin: 0 auto;
grid-auto-rows: 370px auto auto;
}
}
@media (min-width: 1200px) {
#df-dom-content-wrap {
width: 100%;
min-width: 280px;
max-width: 1200px;
margin: 0 auto;
}
}
#df-dom-content-wrap > * {
padding: 0;
font-size: 1rem;
}
@media (min-width: 769px) {
#df-dom-content-wrap > * {
padding: 16px;
}
}
.df-dom-header-block {
grid-area: header;
padding: 16px;
background: #fff;
color: #193354;
height: 136px;
}
#header.df-dom-logo-header {
background-color: #193354 !important;
}
@media (min-width: 769px) {
#header.df-dom-logo-header {
background-color: #fff;
}
}
#df-dom-main-block {
display: grid;
grid-template-areas: "header-title" "header-subtitle";
height: auto;
grid-area: main-block;
z-index: 3;
padding: 24px;
background: #193354;
}
@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-template {
display: grid;
grid-template-columns: 1fr 2fr !important;
grid-template-rows: minmax(auto);
grid-column-gap: 40px;
grid-column: 1 / span 3;
}
.side-article-template {
display: grid;
grid-template-columns: 2fr 1fr !important;
grid-template-rows: minmax(auto);
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-full-content {
grid-column: 1 / span 2 !important;
}
.df-dom-dealfinder {
grid-area: dealfinder;
background: transparent;
color: #fff;
z-index: 4;
padding: 0;
}
@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%;
}
}
.df-dom-featured-component {
grid-area: featured-component;
background: transparent;
color: #fff;
z-index: 3;
align-items: start;
}
@media (min-width: 769px) {
.df-dom-featured-component {
grid-row: 2;
}
}
#home .df-dom-featured-component {
grid-area: featured-component;
background: transparent;
color: #fff;
z-index: 3;
align-items: start;
grid-row: 2;
}
.glide {
height: 260px;
}
@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-display: swap;
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-display: swap;
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;
}
.df-dom-header-title {
grid-area: header-title;
background: transparent;
justify-self: stretch;
margin-top: 8px;
margin-bottom: 8px;
}
@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;
}
.df-dom-header-subtitle {
grid-area: header-subtitle;
display: none;
}
@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;
}
.category-icon {
width: 24px;
height: auto;
}
@media (min-width: 426px) {
.category-icon {
width: 32px;
}
}
.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-display: swap;
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: #ecf8fd;
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: 56px;
}
}
.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: 1.2rem;
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;
align-self: left;
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.lozad {
opacity: 0;
}
img[src] {
opacity: 1;
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;
}
* {
box-sizing: border-box;
}
.ab2284 #header .banner {
background-image: none !important;
}
.mob-df-title {
margin-top: 0 !important;
}
@media screen and (min-width: 280px) and (max-width: 80000px) {
.df-dom-dealfinder #divNewFareSearch {
min-height: inherit !important;
filter: none !important;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1
.route_list
.routes
li > div
.port {
font-family: proxima-soft-bold !important;
}
.df-dom-dealfinder #divNewFareSearch #deal_finder_container #deal_finder1 {
height: 100% !important;
border-radius: 0 !important;
margin: 0 !important;
display: grid;
grid-gap: 0;
}
.df-dom-dealfinder #divNewFareSearch .mob-dealfinder .deal_finder_wrap {
flex: 100%;
position: relative;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 32px auto auto auto auto !important;
grid-column-gap: 8px !important;
grid-row-gap: 8px !important;
height: fit-content !important;
height: -moz-fit-content !important;
padding: 0;
}
.df-dom-dealfinder #divNewFareSearch .mob-dealfinder .form-control {
display: block;
width: 100%;
height: 48px !important;
line-height: 1.125rem;
background-color: #fff !important;
color: #193354 !important;
background-image: none;
border: 2px solid #475c77 !important;
font-size: 1rem !important;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
border-radius: 8px !important;
text-decoration: none;
padding: 8px 8px 8px 16px !important;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="entering_journey_info"]
.journey_timing.timing_outbound
.form-control.journey_date,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="entering_journey_info"]
.journey_timing.timing_return
.form-control.journey_date {
display: block;
width: 100%;
height: 48px !important;
line-height: 1.125rem;
background-color: transparent !important;
color: #193354 !important;
background-image: none;
border: 0 solid #d3d0c9 !important;
font-size: 1rem !important;
font-family: proxima-soft-bold !important;
font-weight: 500 !important;
border-radius: 8px !important;
text-decoration: none;
padding: 8px 8px 8px 40px !important;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="entering_journey_info"]
.journey_timing.timing_outbound
.form-control.journey_time,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="entering_journey_info"]
.journey_timing.timing_return
.form-control.journey_time {
display: block;
width: 100%;
height: 48px !important;
line-height: 1.125rem;
background-color: transparent !important;
color: #193354 !important;
background-image: none;
border: 0 solid #d3d0c9 !important;
font-size: 0.875rem !important;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
border-radius: 8px !important;
text-decoration: none;
padding: 8px 8px 8px 40px !important;
}
form#deal_finder1[data-state="entering_date_outbound"] .journey_timing,
form#deal_finder1[data-state="entering_date_return"] .journey_timing,
form#deal_finder1[data-state="entering_time_outbound"] .journey_timing,
form#deal_finder1[data-state="entering_time_return"] .journey_timing {
display: flex !important;
align-items: center;
min-height: 400px;
}
.mob-dealfinder .popup#vehicle_base label.vehicle_type:first-child {
padding-left: 48px !important;
}
.df-dom-dealfinder
.popup#vehicle_base
label.vehicle_type[for="vehicle_type_0"] {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/foot.svg) !important;
}
.df-dom-dealfinder
.popup#vehicle_base
label.vehicle_type[for="vehicle_type_0"]:hover {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/white/foot.svg) !important;
}
.df-dom-dealfinder
.popup#vehicle_base
label.vehicle_type.checked[for="vehicle_type_0"],
.df-dom-dealfinder
.popup#vehicle_base
label.vehicle_type.checked[for="vehicle_type_0"]:hover {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/foot.svg) !important;
}
.df-dom-dealfinder
.popup#vehicle_base
label.vehicle_type[for="vehicle_type_1"] {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/bicycle.svg) !important;
}
.df-dom-dealfinder
.popup#vehicle_base
label.vehicle_type[for="vehicle_type_1"]:hover {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/white/bicycle.svg) !important;
}
.df-dom-dealfinder
.popup#vehicle_base
label.vehicle_type.checked[for="vehicle_type_1"],
.df-dom-dealfinder
.popup#vehicle_base
label.vehicle_type.checked[for="vehicle_type_1"]:hover {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/bicycle.svg) !important;
}
.df-dom-dealfinder
.popup#vehicle_base
label.vehicle_type[for="vehicle_type_2"] {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/car.svg) !important;
}
.df-dom-dealfinder
.popup#vehicle_base
label.vehicle_type[for="vehicle_type_2"]:hover {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/white/car.svg) !important;
}
.df-dom-dealfinder
.popup#vehicle_base
label.vehicle_type.checked[for="vehicle_type_2"],
.df-dom-dealfinder
.popup#vehicle_base
label.vehicle_type.checked[for="vehicle_type_2"]:hover {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/car.svg) !important;
}
.df-dom-dealfinder
.popup#vehicle_base
label.vehicle_type[for="vehicle_type_3"] {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/camper.svg) !important;
}
.df-dom-dealfinder
.popup#vehicle_base
label.vehicle_type[for="vehicle_type_3"]:hover {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/white/camper.svg) !important;
}
.df-dom-dealfinder
.popup#vehicle_base
label.vehicle_type.checked[for="vehicle_type_3"],
.df-dom-dealfinder
.popup#vehicle_base
label.vehicle_type.checked[for="vehicle_type_3"]:hover {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/camper.svg) !important;
}
.df-dom-dealfinder
.popup#vehicle_base
label.vehicle_type[for="vehicle_type_5"] {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/motorcycle-sidecar.svg) !important;
}
.df-dom-dealfinder
.popup#vehicle_base
label.vehicle_type[for="vehicle_type_5"]:hover {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/white/motorcycle-sidecar.svg) !important;
}
.df-dom-dealfinder
.popup#vehicle_base
label.vehicle_type.checked[for="vehicle_type_5"],
.df-dom-dealfinder
.popup#vehicle_base
label.vehicle_type.checked[for="vehicle_type_5"]:hover {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/motorcycle-sidecar.svg) !important;
}
.df-dom-dealfinder
.popup#vehicle_base
label.vehicle_type[for="vehicle_type_7"] {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/motorcycle.svg) !important;
}
.df-dom-dealfinder
.popup#vehicle_base
label.vehicle_type[for="vehicle_type_7"]:hover {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/white/motorcycle.svg) !important;
}
.df-dom-dealfinder
.popup#vehicle_base
label.vehicle_type.checked[for="vehicle_type_7"],
.df-dom-dealfinder
.popup#vehicle_base
label.vehicle_type.checked[for="vehicle_type_7"]:hover {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/motorcycle.svg) !important;
}
.df-dom-dealfinder
.popup#vehicle_base
label.vehicle_type[for="vehicle_type_10"] {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/minibus.svg) !important;
}
.df-dom-dealfinder
.popup#vehicle_base
label.vehicle_type[for="vehicle_type_10"]:hover {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/white/minibus.svg) !important;
}
.df-dom-dealfinder
.popup#vehicle_base
label.vehicle_type.checked[for="vehicle_type_10"],
.df-dom-dealfinder
.popup#vehicle_base
label.vehicle_type.checked[for="vehicle_type_10"]:hover {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/minibus.svg) !important;
}
.df-dom-dealfinder
.popup#vehicle_base
label.vehicle_type[for="vehicle_type_11"] {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/van.svg) !important;
}
.df-dom-dealfinder
.popup#vehicle_base
label.vehicle_type[for="vehicle_type_11"]:hover {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/white/van.svg) !important;
}
.df-dom-dealfinder
.popup#vehicle_base
label.vehicle_type.checked[for="vehicle_type_11"],
.df-dom-dealfinder
.popup#vehicle_base
label.vehicle_type.checked[for="vehicle_type_11"]:hover {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/van.svg) !important;
}
.modal_backdrop {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(0, 0, 0, 0.6);
opacity: 0;
animation: fadein 0.3s ease-in-out forwards;
}
.modal_backdrop .modal {
position: relative;
width: 75%;
max-width: 640px;
background-color: #e0f1fa !important;
border: none !important;
border-radius: 8px;
padding: 16px !important;
font-family: proxima-soft;
}
.modal_backdrop .modal h5 {
font-family: proxima-soft-bold !important;
font-size: 1.25rem !important;
}
.modal_backdrop .modal h5,
.modal_backdrop .modal section {
line-height: 1.5rem !important;
color: #193354 !important;
margin-bottom: 8px !important;
}
.modal_backdrop .modal section {
font-family: proxima-soft !important;
font-size: 1.125rem !important;
}
.modal_backdrop .modal .modal_closer {
border: none !important;
height: 24px !important;
width: 24px !important;
position: absolute !important;
right: -24px !important;
top: -24px !important;
cursor: pointer !important;
z-index: 100 !important;
background: url(https://static.directferries.co.uk/image/ico/white/cancel.svg) no-repeat 0 !important;
background-repeat: no-repeat !important;
}
.modal_backdrop {
z-index: 10 !important;
}
}
@media (max-width: 80000px) and (min-width: 769px) {
* {
box-sizing: border-box;
}
.df-dom-dealfinder #divNewFareSearch .datePickerControls span {
cursor: pointer;
}
#deal_finder1 aside.popup {
display: grid !important;
grid-template-rows: max-content !important;
}
.modal_backdrop {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(0, 0, 0, 0.6);
opacity: 0;
animation: fadein 0.3s ease-in-out forwards;
}
.modal_backdrop .modal {
position: relative;
width: 75%;
max-width: 640px;
background-color: #e0f1fa !important;
border: none !important;
border-radius: 8px;
padding: 16px !important;
font-family: proxima-soft;
}
.modal_backdrop .modal h5 {
font-family: proxima-soft-bold !important;
font-size: 1.25rem !important;
}
.modal_backdrop .modal h5,
.modal_backdrop .modal section {
line-height: 1.5rem !important;
color: #193354 !important;
margin-bottom: 8px !important;
}
.modal_backdrop .modal section {
font-family: proxima-soft !important;
font-size: 1.125rem !important;
}
.modal_backdrop .modal .modal_closer {
border: none !important;
height: 24px !important;
width: 24px !important;
position: absolute !important;
right: -24px !important;
top: -24px !important;
cursor: pointer !important;
z-index: 100 !important;
background: url(https://static.directferries.co.uk/image/ico/white/cancel.svg) no-repeat 0 !important;
background-repeat: no-repeat !important;
}
.modal_backdrop {
z-index: 10 !important;
}
#deal_finder_container .mob-dealfinder {
position: relative;
align-content: start;
background-color: #193354 !important;
font-family: proxima-soft !important;
line-height: 1.125rem;
border-radius: 8px !important;
max-width: 100%;
min-height: 640px !important;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 24px !important;
padding: 16px !important;
}
.mob-dealfinder .deal_finder_wrap {
flex: 100%;
position: relative;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 40px auto auto auto auto !important;
grid-column-gap: 8px !important;
grid-row-gap: 8px !important;
}
#deal_finder_container form.mob-dealfinder {
margin: 0 !important;
background-color: #193354 !important;
grid-template-columns: auto !important;
padding: 16px !important;
border-radius: 8px !important;
display: grid;
grid-gap: 0;
align-self: center;
}
.fsControl,
.mob-dealfinder .form-control {
display: block;
width: 100%;
height: 48px !important;
line-height: 1.125rem;
background-color: #fff !important;
color: #193354 !important;
background-image: none;
border: 2px solid #d3d0c9 !important;
font-size: 1rem !important;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
border-radius: 8px !important;
text-decoration: none;
padding: 8px !important;
}
.mob-dealfinder .journey_type input,
.mob-dealfinder .journey_type label {
margin: 0 8px 0 0;
}
.mob-dealfinder .journey_type label.checked {
background-color: #475c77 !important;
}
.mob-dealfinder .journey_type label,
.mob-dealfinder .journey_type label.checked {
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
font-size: 1rem !important;
color: #fff !important;
border-radius: 8px !important;
}
.mob-dealfinder .journey_type label {
background-color: #193354 !important;
}
.mob-dealfinder .journey_type label.checked,
.mob-dealfinder section.journey_type label:first-of-type,
.mob-dealfinder section.journey_type label:nth-of-type(2) {
border-top-right-radius: 8px !important;
border-bottom-right-radius: 8px !important;
border-top-left-radius: 8 !important;
border-bottom-left-radius: 8 !important;
border: 0 solid #edebe6 !important;
border-left: 0 !important;
}
.mob-dealfinder .journey_timing {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 24px 48px !important;
grid-column-gap: 8px !important;
}
.mob-dealfinder .journey_timing.timing_outbound.hide_until_times {
background-color: #fff;
}
.mob-dealfinder .journey_timing .open_ticket {
line-height: 1.25rem !important;
align-items: center;
background-color: #ecf7fd !important;
color: #193354 !important;
font-size: 1rem !important;
padding: 8px !important;
border-radius: 8px !important;
width: 100%;
margin-top: 16px;
margin-bottom: 0;
}
.mob-dealfinder .journey_timing .open_ticket .checkbox-label {
display: inline-block !important;
padding-top: 0 !important;
padding-left: 8px !important;
text-align: left !important;
}
.mob-dealfinder .journey_timing .open_ticket.selected {
background-color: #ecf7fd !important;
margin: 8px;
width: auto;
}
.mob-dealfinder .journey_timing.timing_outbound #cal_outbound,
.mob-dealfinder .journey_timing.timing_outbound #time_outbound {
grid-column: 1;
background-color: transparent !important;
border: none !important;
padding-left: 40px !important;
}
.mob-dealfinder .journey_timing.timing_return #cal_return,
.mob-dealfinder .journey_timing.timing_return #time_return {
grid-column: 2;
background-color: transparent !important;
border: none !important;
padding-left: 40px !important;
}
.mob-dealfinder[data-state="full_open_ticket"]
.timing_outbound
.open_ticket_note_full,
.mob-dealfinder[data-state="return_open_ticket"]
.timing_return
.open_ticket_note_return {
display: grid !important;
grid-template-rows: auto 1fr !important;
min-height: 320px !important;
}
.mob-dealfinder .journey_timing [class^="open_ticket_note"] {
grid-template-rows: 1fr 1fr;
justify-content: center;
text-align: center;
background-color: #fff;
grid-column: 1/3;
grid-row: 3;
opacity: 0;
animation: fadein 0.3s ease-in-out forwards;
min-height: 312px !important;
}
.mob-dealfinder[data-state="full_open_ticket"]
.timing_outbound
.open_ticket_note_full
span.h4,
.mob-dealfinder[data-state="return_open_ticket"]
.timing_return
.open_ticket_note_return
span.h4 {
font-size: 1.5rem;
font-weight: 400 !important;
padding-left: 16px;
margin: 8px 0;
padding-top: 96px;
background-repeat: no-repeat !important;
background-size: 80px !important;
background-position: center 12px !important;
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/booking.svg) !important;
color: #193354;
}
.mob-dealfinder[data-state="full_open_ticket"]
.timing_outbound
.open_ticket_note_full
p,
.mob-dealfinder[data-state="return_open_ticket"]
.timing_return
.open_ticket_note_return
p {
font-size: 1rem !important;
margin: 0 0 10px;
padding: 8px 24px;
line-height: 1.375rem;
color: #193354;
}
.mob-dealfinder .error_messages {
grid-column: span 2;
background: #fee6e6 url(https://static.directferries.co.uk/image/ico/red/info.svg) 8px 8px no-repeat !important;
background-size: 24px !important;
line-height: 1.25rem !important;
padding: 8px 16px 8px 40px !important;
margin-bottom: 8px !important;
border-radius: 8px !important;
opacity: 0;
animation: fadein 0.3s ease-in-out forwards;
min-height: 40px;
}
.mob-dealfinder .error_messages,
.mob-dealfinder .error_messages ul li {
color: #f10103 !important;
font-size: 0.875rem !important;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
}
.mob-dealfinder .error_messages ul li {
line-height: 1.5rem !important;
}
.mob-dealfinder input[type="radio"]:checked:after {
background-color: #193354;
}
.mob-dealfinder input[type="radio"]:after,
.mob-dealfinder input[type="radio"]:checked:after {
width: 24px;
height: 24px;
border-radius: 24px;
top: -6px;
left: -6px;
position: relative;
content: "";
display: inline-block;
visibility: hidden;
border: 4px solid #fff;
}
.mob-dealfinder input[type="radio"]:after {
background-color: #ede9e1;
}
.deal_finder1.one_way[data-state="entering_journey_info"] .journey_timing {
grid-column-end: 3 !important;
grid-template-columns: 1fr;
grid-template-rows: 30px;
}
form#deal_finder1[data-state="entering_date_outbound"] .deal_finder_wrap,
form#deal_finder1[data-state="entering_date_return"] .deal_finder_wrap,
form#deal_finder1[data-state="entering_time_outbound"] .deal_finder_wrap,
form#deal_finder1[data-state="entering_time_return"] .deal_finder_wrap,
form#deal_finder1[data-state="showing_routes_list"] .deal_finder_wrap {
padding: 8px;
background: transparent !important;
border-radius: 4px;
}
.mob-dealfinder .journey_route {
position: relative;
display: block;
margin-bottom: 8px !important;
margin-top: 8px !important;
}
.mob-dealfinder .journey_route.diff_trip {
position: relative;
display: block;
margin-bottom: 8px !important;
margin-top: 0 !important;
}
.mob-dealfinder .animate.fadeInUp {
overflow-y: auto;
max-height: 484px;
-ms-overflow-style: none;
}
.mob-dealfinder .animate.fadeInUp::-webkit-scrollbar {
display: none;
}
.mob-dealfinder .route_list h5 {
font-size: 0.875rem;
color: #fff !important;
margin: 8px 0;
font-size: 1.125rem;
font-weight: 400 !important;
padding: 16px 0 8px 16px !important;
}
#journey_route_parent .route_list h5 {
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
color: #fff !important;
font-size: 1rem !important;
line-height: 1.25rem !important;
opacity: 1;
border-bottom: 0 solid #fff !important;
margin: 0 0 0 8px;
padding: 16px 0 8px 16px !important;
background: transparent !important;
}
.mob-dealfinder .route_list .routes li {
background-image: linear-gradient( 45deg, #fff 16.67%, #f7f6f2 0, #f7f6f2 50%, #fff 0, #fff 66.67%, #f7f6f2 0, #f7f6f2 ) !important;
background-size: 4.24px 4.24px !important;
padding: 0 16px;
min-height: 65px !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
cursor: pointer;
color: #193354;
margin-bottom: 8px !important;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
border-radius: 8px !important;
}
.mob-dealfinder .route_list .routes li i.material-icons {
background: #ede9e1 !important;
border-radius: 50% !important;
padding: 8px !important;
font-size: 1.5rem !important;
}
.mob-dealfinder .route_list .routes li > div .port {
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
font-size: 1rem !important;
line-height: 1.25rem !important;
color: #193354 !important;
margin-bottom: 2px !important;
}
.mob-dealfinder .route_list .routes li > div .location {
font-family: proxima-soft-light !important;
font-weight: 300 !important;
font-size: 0.875rem !important;
line-height: 1rem !important;
color: #193354 !important;
}
.mob-dealfinder .route_list .routes li > div .location mark,
.mob-dealfinder .route_list .routes li > div .port mark {
background-color: #e0f1fa;
color: #193354 !important;
border-radius: 4px;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
}
#deal_finder1[data-state="entering_journey_info"]
.journey_timing.timing_outbound,
#deal_finder1[data-state="entering_journey_info"]
.journey_timing.timing_return {
cursor: pointer;
background: #fff !important;
border-radius: 8px !important;
}
#deal_finder1[data-state="entering_journey_info"]
.journey_timing.timing_outbound
.form-control,
#deal_finder1[data-state="entering_journey_info"]
.journey_timing.timing_return
.form-control {
display: block;
width: 100%;
height: 48px !important;
line-height: 1.125rem;
background-color: transparent !important;
color: #193354 !important;
background-image: none;
border: 0 solid #d3d0c9 !important;
font-size: 1rem !important;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
border-radius: 8px !important;
text-decoration: none;
padding: 8px 8px 8px 40px !important;
}
.mob-dealfinder .journey_timing .journey_date.outbound {
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/leaving.svg) !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: 8px !important;
}
.mob-dealfinder .journey_timing .journey_date.inbound {
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/returning.svg) !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: 8px !important;
}
form#deal_finder1[data-state="entering_date_outbound"] .journey_timing,
form#deal_finder1[data-state="entering_date_return"] .journey_timing,
form#deal_finder1[data-state="entering_time_outbound"] .journey_timing,
form#deal_finder1[data-state="entering_time_return"] .journey_timing {
background-color: #fff !important;
padding: 8px !important;
border-radius: 8px !important;
}
form#deal_finder1[data-state="entering_date_outbound"] .deal_finder_wrap,
form#deal_finder1[data-state="entering_date_return"] .deal_finder_wrap,
form#deal_finder1[data-state="entering_time_outbound"] .deal_finder_wrap,
form#deal_finder1[data-state="entering_time_return"] .deal_finder_wrap {
flex: 100% !important;
position: relative;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 40px auto 1fr !important;
grid-column-gap: 8px !important;
grid-row-gap: 8px !important;
}
.mob-dealfinder
form#deal_finder1[data-state="entering_date_outbound"]
.journey_timing,
form#deal_finder1[data-state="entering_date_return"] .journey_timing,
form#deal_finder1[data-state="entering_time_outbound"] .journey_timing,
form#deal_finder1[data-state="entering_time_return"] .journey_timing {
display: flex !important;
align-items: center;
grid-template-rows: 0 40px auto 40px;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys[data-state="entering_search_term"]
.deal_finder_wrap
.journey_route#journey_route_parent
#route_outbound,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys[data-state="showing_routes_list"]
.deal_finder_wrap
.journey_route#journey_route_parent
#route_outbound {
display: block;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys.showing_return_list[data-state="entering_search_term"]
.deal_finder_wrap
.journey_route#journey_route_parent
#route_outbound,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys.showing_return_list[data-state="showing_routes_list"]
.deal_finder_wrap
.journey_route#journey_route_parent
#route_outbound,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys[data-state="entering_search_term"]
.deal_finder_wrap
.journey_route.diff_trip
#route_return,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys[data-state="showing_routes_list"]
.deal_finder_wrap
.journey_route.diff_trip
#route_return {
display: none;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys.showing_return_list[data-state="entering_search_term"]
.deal_finder_wrap
.journey_route.diff_trip
#route_return,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys.showing_return_list[data-state="showing_routes_list"]
.deal_finder_wrap
.journey_route.diff_trip
#route_return {
display: block;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys.showing_return_list[data-state="entering_search_term"]
.deal_finder_wrap
.journey_route#journey_route_parent,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys.showing_return_list[data-state="showing_routes_list"]
.deal_finder_wrap
.journey_route#journey_route_parent {
grid-row: 3;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys.showing_return_list.invalid[data-state="entering_search_term"]
.deal_finder_wrap
.journey_route#journey_route_parent,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys.showing_return_list.invalid[data-state="showing_routes_list"]
.deal_finder_wrap
.journey_route#journey_route_parent {
grid-row: 4;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys.showing_return_list[data-state="entering_search_term"]
.deal_finder_wrap
.journey_route.diff_trip,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys.showing_return_list[data-state="showing_routes_list"]
.deal_finder_wrap
.journey_route.diff_trip {
padding-top: 0.5rem;
}
.mob-dealfinder ul.sep-pax-select {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
justify-self: stretch !important;
grid-column-gap: 8px !important;
}
.mob-dealfinder ul.sep-pax-select li {
width: 100% !important;
}
.mob-dealfinder .journey_info {
margin-top: 0;
}
.mob-dealfinder .journey_info span.h4 {
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
color: #fff !important;
font-size: 1rem !important;
line-height: 1.25rem !important;
margin-top: 4px !important;
margin-bottom: 8px !important;
}
.mob-dealfinder [data-popup],
.mob-dealfinder [data-popup].passengers,
.mob-dealfinder [data-popup].pets,
.mob-dealfinder [data-popup].vehicle,
.popup#currency_popup .journey_currency label,
.popup#pets_popup label.pet_counter,
.popup#vehicle_base label.vehicle_type,
.popup.vehicle_detail label {
min-height: 48px !important;
padding: 8px !important;
cursor: pointer;
color: #193354 !important;
border-radius: 8px !important;
margin-bottom: 8px !important;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
font-size: 1rem !important;
line-height: 1.25rem !important;
background: #f7f6f2 !important;
}
.mob-dealfinder .sep-pax-select [data-popup].passengers {
min-height: 48px !important;
padding: 46px 8px 8px !important;
cursor: pointer;
color: #193354 !important;
border-radius: 8px !important;
margin-bottom: 8px !important;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
font-size: 1rem !important;
line-height: 1.25rem !important;
background: transparent !important;
}
.mob-dealfinder ul.sep-pax-select li:first-child {
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/passengers.svg) !important;
}
.mob-dealfinder ul.sep-pax-select li:first-child,
.mob-dealfinder ul.sep-pax-select li:nth-child(2) {
background-repeat: no-repeat !important;
background-size: 32px !important;
background-position: center 12px !important;
margin-bottom: 8px;
background-color: #fff;
border-radius: 8px;
height: inherit;
}
.mob-dealfinder ul.sep-pax-select li:nth-child(2) {
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/child.svg) !important;
}
.mob-dealfinder ul.sep-pax-select li a span:nth-child(2) {
padding: 0;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
font-size: 1.375rem !important;
margin-top: 4px;
}
i.material-icons.df-dark-blue {
color: #193354;
display: block;
position: absolute;
right: 8px !important;
}
form.mob-dealfinder .journey_info .diff_details {
background: transparent !important;
grid-row: 4;
flex-direction: row-reverse;
justify-content: flex-end;
display: flex;
align-items: center;
background-color: #fff;
padding: 10px 10px 10px 50px;
border-radius: 0;
margin-bottom: 0;
justify-content: space-between;
}
.mob-dealfinder .journey_info .diff_details .checkbox-label {
color: #fff !important;
font-size: 1rem;
cursor: pointer;
display: inline-block;
font-weight: 500;
padding-top: 2px;
padding-left: 10px;
text-align: left;
}
.df-dom-dealfinder .mob-dealfinder .currency {
display: block !important;
background-color: #475c77 !important;
color: #fff !important;
height: 22px !important;
padding: 8px !important;
margin: 0 !important;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
font-size: 0.875rem !important;
line-height: 1rem !important;
min-height: 32px !important;
}
.resDiscount {
grid-column: span 2;
font-size: 1rem;
font-weight: 500;
padding: 8px !important;
margin-bottom: 8px;
background: #e0f1fa;
border-radius: 4px;
display: flex;
align-items: center;
}
.resDiscount .mat_i {
font-size: 1.5rem;
margin-right: 4px;
color: #193354 !important;
cursor: help;
}
.resDiscount span {
background: #b5e2f9 !important;
padding: 4px 8px !important;
border-radius: 3px;
margin-right: 2px;
color: #193354 !important;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
font-size: 1rem !important;
line-height: 1rem !important;
}
#residentCheck[type="checkbox"]:checked,
#residentCheck[type="checkbox"]:not(:checked) {
position: absolute;
left: -9999px;
}
#residentCheck[type="checkbox"]:checked + label.rdName,
#residentCheck[type="checkbox"]:not(:checked) + label.rdName {
position: relative;
padding-right: 26px;
cursor: pointer;
color: #193354;
font-weight: 700;
line-height: 1.3125rem;
margin-left: auto;
margin-bottom: 0;
}
#residentCheck[type="checkbox"]:checked + label.rdName:before,
#residentCheck[type="checkbox"]:not(:checked) + label.rdName:before {
content: "";
position: absolute;
right: 0;
top: 1px;
width: 18px;
height: 18px;
border: 2px solid #333;
border-radius: 3px;
}
#residentCheck[type="checkbox"]:checked + label.rdName:after,
#residentCheck[type="checkbox"]:not(:checked) + label.rdName:after {
font-family: Material Icons;
content: "check";
text-rendering: optimizeLegibility;
font-feature-settings: "liga" 1;
font-style: normal;
text-transform: none;
line-height: 1.25rem;
font-size: 0.875rem;
width: 18px;
height: 17px;
text-align: center;
position: absolute;
top: 0;
right: 0;
display: inline-block;
overflow: hidden;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale;
color: #193354;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.mob-dealfinder .df_submit {
flex: 1 1 100%;
height: 48px;
background-color: #ff4a0e;
color: #fff;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
border-radius: 8px !important;
padding: 8px !important;
border: none;
cursor: pointer;
margin-bottom: 8px;
grid-column: span 2;
align-self: end;
margin-top: 8px;
}
.mob-dealfinder .df_submit img {
object-fit: unset;
width: 25%;
margin: 0 auto;
}
.mob-dealfinder .journey_timing .newDatepicker.mbsc-material .mbsc-cal-month,
.mob-dealfinder .journey_timing .newDatepicker.mbsc-material .mbsc-cal-year,
.mob-dealfinder .journey_timing .newTimepicker.mbsc-material .mbsc-cal-month,
.mob-dealfinder .journey_timing .newTimepicker.mbsc-material .mbsc-cal-year {
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
}
#deal_finder_container form.mob-dealfinder .mbsc-material .mbsc-cal-day-date {
border: 4px solid transparent !important;
background-color: #ede9e1 !important;
}
#deal_finder_container form.mob-dealfinder .mbsc-material .mbsc-cal-day-date,
#deal_finder_container
form.mob-dealfinder
.mbsc-material
.mbsc-cal-today
.mbsc-cal-day-date {
display: inline-block;
width: 28px !important;
height: 28px !important;
margin: 4px !important;
line-height: 1.875rem !important;
font-size: 1rem !important;
font-weight: 500;
margin: 0;
color: #193354 !important;
transition: 0.2s;
transition-timing-function: ease-out;
}
#deal_finder_container
form.mob-dealfinder
.mbsc-material
.mbsc-cal-today
.mbsc-cal-day-date {
border: 4px solid #ede9e1 !important;
background-color: #fff !important;
}
#deal_finder_container
form.mob-dealfinder
.mbsc-material
.mbsc-cal-day-date:hover {
color: #fff !important;
background-color: #193354 !important;
}
#deal_finder_container
form.mob-dealfinder
.mbsc-material
.mbsc-cal
.mbsc-cal-btn {
width: 40px !important;
height: 40px !important;
padding: 0 !important;
line-height: 2.5rem !important;
font-size: 2.25rem !important;
border-radius: 100px !important;
margin: 0 !important;
}
#deal_finder_container form.mob-dealfinder .mbsc-cal-days {
padding: 0 8px;
border-top: 0 solid #eee !important;
border-bottom: 0 solid #eee !important;
padding: 0 !important;
margin-top: 0;
width: 100%;
line-height: 1.875em;
text-align: center;
}
#deal_finder_container
form.mob-dealfinder
.mbsc-material
.mbsc-selected
.mbsc-cal-day-date {
font-weight: 700 !important;
color: #fff !important;
background: #ff4a0e !important;
border: 4px solid #ff4a0e !important;
}
.mob-dealfinder .journey_timing .newDatepicker .mbsc-fr-w,
.mob-dealfinder .journey_timing .newTimepicker .mbsc-fr-w {
background-color: #fff;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
}
form#deal_finder1 .mbsc-cal-days,
form#deal_finder1 .mbsc-cal-slide {
padding: 0 8px !important;
}
.mob-dealfinder .journey_timing .newDatepicker.mbsc-material .mbsc-fr-hdr,
.mob-dealfinder .journey_timing .newTimepicker.mbsc-material .mbsc-fr-hdr {
font-size: 1.125rem;
font-weight: 700;
padding: 0;
color: #193354;
height: 40px;
align-items: center;
text-transform: none;
}
.mob-dealfinder .mbsc-material .mbsc-sc-whl-gr {
padding: 80px 0 !important;
}
#deal_finder_container form.mob-dealfinder .mbsc-material .mbsc-sc-whl-l {
border-top: 0 solid #ccc !important;
border-bottom: 0 solid #ccc !important;
background-color: #ede9e1;
border-radius: 100px;
color: #193354 !important;
}
#deal_finder_container
form.mob-dealfinder
.mbsc-sc-itm.mbsc-btn-e.mbsc-sc-itm-sel {
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
font-size: 1.625rem !important;
color: #193354 !important;
line-height: 2.25rem !important;
}
#deal_finder_container form.mob-dealfinder .mbsc-material .mbsc-sc-itm {
font-family: proxima-soft-light !important;
font-weight: 300 !important;
font-size: 1.375rem !important;
color: #193354 !important;
line-height: 2.25rem !important;
}
.mbsc-material.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover,
.mbsc-material .mbsc-sc-itm:focus {
outline: 0;
background: transparent !important;
border-radius: 100px;
cursor: pointer;
}
.mob-dealfinder .popup {
background-color: #193354 !important;
border-radius: 8px;
}
.mob-dealfinder .popup::-webkit-scrollbar {
display: none;
}
.mob-dealfinder .popup > * {
margin-bottom: 0 !important;
}
.mob-dealfinder .popup-wrap .popup_head {
height: 48px;
}
.mob-dealfinder .popup-wrap .popup_body {
border-radius: 8px 8px 0 0 !important;
background: #fff !important;
margin: 0 !important;
padding: 8px !important;
position: relative !important;
}
.mob-dealfinder .popup .popup_closer {
right: auto;
left: 16px;
background: none;
top: 4px;
font-size: 1.5rem;
height: 24px;
width: 24px;
line-height: 1;
cursor: pointer;
}
.mob-dealfinder .popup .popup_closer i {
color: #fff;
font-size: 1.25rem;
}
.mob-dealfinder .popup h1 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: auto;
text-align: middle;
width: 100%;
text-align: center;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
font-size: 1.125rem !important;
line-height: 1.25rem !important;
color: #fff !important;
margin: 8px 0 16px !important;
}
.mob-dealfinder .popup#passengers_popup fieldset .passengers_list {
padding: 0 !important;
margin: 0 !important;
}
.mob-dealfinder .popup#passengers_popup label.pax_counter,
.mob-dealfinder .popup#pets_popup .pet_counter {
min-height: 56px !important;
padding: 8px 8px 8px 40px !important;
cursor: auto;
color: #193354;
border-radius: 8px !important;
margin-bottom: 8px !important;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
font-size: 1rem !important;
background: #f7f6f2 !important;
position: relative;
display: flex;
align-items: center;
touch-action: manipulation;
}
.mob-dealfinder
.popup#passengers_popup
label.pax_counter[for="total-adults"] {
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/passengers.svg) !important;
}
.mob-dealfinder
.popup#passengers_popup
label.pax_counter[for="total-children"] {
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/child.svg) !important;
}
.mob-dealfinder .popup#pets_popup .pet_counter[for="petType1_outbound"],
.mob-dealfinder .popup#pets_popup .pet_counter[for="petType2_outbound"],
.mob-dealfinder .popup#pets_popup .pet_counter[for="petType7_outbound"],
.mob-dealfinder .popup#pets_popup .pet_counter[for="petType8_outbound"] {
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/pets.svg) !important;
}
.mob-dealfinder .popup#pets_popup .pet_counter[for="petType3_outbound"] {
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/pets-assistant.svg) !important;
}
.popup#passengers_popup .pax_counter span,
.popup#pets_popup .pet_counter span {
cursor: pointer;
background: transparent !important;
border-radius: 8px;
display: inline-flex;
justify-content: center;
align-items: center;
height: 40px;
border: 0 solid #ccc !important;
font-family: proxima-soft !important;
font-size: 1.75rem !important;
line-height: 1.75rem !important;
height: 32px !important;
width: 32px !important;
}
.popup#passengers_popup .pax_counter span:hover,
.popup#pets_popup .pet_counter span:hover {
cursor: pointer;
background: #fff !important;
border-radius: 100px !important;
height: 32px;
}
.mob-dealfinder .popup#passengers_popup .pax_counter output,
.mob-dealfinder .popup#pets_popup .pet_counter output {
border-width: 0 !important;
border: none;
font-size: 1.25rem !important;
background-color: #ede9e1 !important;
border-radius: 100px !important;
height: 32px !important;
width: 32px !important;
margin: 0 8px !important;
}
.mob-dealfinder .notes p.pax-note {
display: flex;
justify-content: space-between;
align-items: center;
color: #193354 !important;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
font-size: 1rem !important;
margin: 8px 0 16px !important;
padding: 0 16px !important;
}
.mob-dealfinder .child-age-inputs {
display: flex;
flex-wrap: wrap;
margin: 8px;
}
.mob-dealfinder .child-age-inputs .child-age label.passenger_age_label {
visibility: hidden;
margin-bottom: 0;
padding: 8px !important;
position: relative;
display: inline-block;
width: 100%;
}
.mob-dealfinder
.child-age-inputs
.child-age
label.passenger_age_label
select {
width: 100%;
outline: none;
padding: 8px;
border-radius: 8px;
color: #193354;
position: absolute;
border: none;
background-color: #f7f6f2;
}
.mob-dealfinder .popup label {
display: flex;
justify-content: space-between;
align-items: center;
color: #193354 !important;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
font-size: 1rem !important;
margin: 0 0 8px;
padding: 0 8px !important;
}
.mob-dealfinder .popup label select {
padding: 8px 40px 8px 8px;
border-radius: 8px;
color: #193354;
border: none;
color: #193354 !important;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
font-size: 1.125rem !important;
}
.mob-dealfinder .child-age-inputs .child-age i {
position: absolute;
right: 5px;
top: 8px;
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/dropdown.svg);
background-repeat: no-repeat;
background-size: 24px;
}
.mob-dealfinder #vehicle_base.popup span {
top: -16px !important;
font-size: 0.75rem !important;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
margin: 5px 0 !important;
}
.mob-dealfinder .popup#vehicle_base label.vehicle_type,
.mob-dealfinder .popup.vehicle_detail ol li label {
position: relative;
display: flex;
align-items: center;
min-height: 32px !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
padding-right: 8px !important;
cursor: pointer;
color: #193354 !important;
border-radius: 8px !important;
margin-bottom: 8px !important;
font-family: proxima-soft !important;
font-size: 1rem !important;
background: #f7f6f2 !important;
transition-timing-function: ease-out;
transition: 0.25s;
}
.mob-dealfinder #vehicle_base .popup#vehicle_base label.vehicle_type.checked {
background: #485c78 !important;
color: #fff !important;
}
.mob-dealfinder .popup.vehicle_detail li.chosen {
grid-column: 1 / span all;
}
.mob-dealfinder .popup.vehicle_detail li.chosen label {
background: #e9eaee !important;
color: #193354 !important;
height: max-content;
font-family: proxima-soft-bold, sans-serif !important;
}
.mob-dealfinder .popup#vehicle_base label.vehicle_type:hover,
.mob-dealfinder .popup.vehicle_detail ol li label:hover {
color: #fff !important;
background: #193354 !important;
}
.mob-dealfinder #vehicle_base.popup span {
top: -12px !important;
color: #193354;
font-size: 0.875rem !important;
font-family: proxima-soft-light !important;
font-weight: 300 !important;
padding: 8px !important;
margin: 8px 0 !important;
position: inherit !important;
width: 100%;
text-align: center;
}
.mob-dealfinder .popup#vehicle_base label.vehicle_type:first-child {
margin-bottom: 24px !important;
padding-left: 8px;
}
.mob-dealfinder .popup#currency_popup .journey_currency label.checked,
.mob-dealfinder .popup#vehicle_base label.vehicle_type.checked,
.mob-dealfinder .popup.vehicle_detail label.checked {
background: #d1d5dc !important;
color: #193354 !important;
padding: 8px !important;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
}
.mob-dealfinder .popup.vehicle_detail label.checked {
height: max-content;
}
.mob-dealfinder .popup#pets_popup label.pet_counter.checked {
background-color: #d1d5dc !important;
color: #193354 !important;
padding: 8px 8px 8px 40px !important;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
}
.mob-dealfinder .popup.vehicle_detail .extra_luggage {
display: flex;
flex-wrap: wrap;
margin: 0;
background-color: #fff !important;
padding: 8px !important;
}
.mob-dealfinder .popup.vehicle_detail .caravan_trailer {
width: 100%;
background-color: #fff !important;
padding: 8px !important;
}
.mob-dealfinder .popup.vehicle_detail .caravan_trailer label {
cursor: pointer;
border-radius: 8px !important;
margin-bottom: 8px !important;
font-size: 1rem !important;
line-height: 1.25rem !important;
background: #f7f6f2 !important;
}
.mob-dealfinder .popup.vehicle_detail .caravan_trailer label,
.mob-dealfinder .popup.vehicle_detail .caravan_trailer label.checked {
padding: 8px !important;
color: #193354 !important;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
}
.mob-dealfinder .popup.vehicle_detail .caravan_trailer label.checked {
background: #e9eaee !important;
}
.mob-dealfinder .popup.vehicle_detail .caravan_trailer label.chosen,
.mob-dealfinder .popup.vehicle_detail .caravan_trailer label.selected {
background: #e9eaee !important;
color: #193354 !important;
padding: 8px !important;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
}
.mob-dealfinder .popup.vehicle_detail .caravan_trailer fieldset {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto 1fr;
}
.mob-dealfinder
.popup.vehicle_detail
.caravan_trailer
fieldset
ol.caravan_trailer_details_select {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 8px;
}
.mob-dealfinder
.popup.vehicle_detail
.extra_luggage
.additional_dimensions
ol,
.mob-dealfinder
.popup.vehicle_detail
fieldset
ol.item_list.caravan_trailer_details_height,
.mob-dealfinder
.popup.vehicle_detail
fieldset
ol.item_list.caravan_trailer_details_length {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 8px;
}
.mob-dealfinder .popup.vehicle_detail .caravan_trailer span,
.mob-dealfinder .popup.vehicle_detail .extra_luggage span,
.mob-dealfinder .popup.vehicle_detail .item_hdg {
display: inline-block;
color: #193354 !important;
font-size: 1.25rem !important;
line-height: 1.5rem !important;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
padding: 8px !important;
}
.item_hdg_top,
.mob-dealfinder .item_hdg_extra_mgn,
.popup.vehicle_detail .caravan_trailer span,
.popup.vehicle_detail .extra_luggage span,
.popup.vehicle_detail .item_hdg,
h6 {
display: inline-block;
color: #193354 !important;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
font-size: 1rem !important;
line-height: 1.125rem !important;
padding-left: 16px;
margin-bottom: 8px;
}
.mob-dealfinder .popup.vehicle_detail label input[type="text"] {
padding: 8px;
vertical-align: middle;
border: 2px solid #ede9e1 !important;
color: #193354 !important;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
line-height: unset !important;
font-weight: 700 !important;
font-size: 1rem !important;
line-height: 1.125rem !important;
width: 100%;
height: 36px;
background-color: #fff;
border-radius: 8px;
cursor: pointer;
margin: 8px 0 !important;
}
.mob-dealfinder .popup.vehicle_detail label input[type="text"]::placeholder {
color: #193354 !important;
font-family: proxima-soft-light !important;
font-weight: 300 !important;
font-size: 1rem !important;
line-height: normal !important;
}
.mob-dealfinder .popup .modal_opener {
position: relative;
align-items: center;
background-color: #fff !important;
border-radius: 4px !important;
width: auto !important;
font-size: 0.875rem;
padding: 8px 8px 8px 40px !important;
border: none;
margin: 8px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/info.svg) !important;
font-size: 1rem !important;
line-height: 1.125rem !important;
}
.mob-dealfinder .popup .modal_opener,
.mob-dealfinder .popup footer {
color: #193354 !important;
font-family: proxima-soft-light !important;
font-weight: 300 !important;
}
.mob-dealfinder .popup footer {
background: #fff !important;
padding: 0 !important;
font-size: 0.875rem !important;
}
.mob-dealfinder .popup footer .popup_done {
height: 48px;
background-color: #ff4a0e;
color: #fff;
font-size: 1.1875rem;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
cursor: pointer;
padding: 8px;
border-radius: 8px !important;
flex: 1 1 100%;
border: none;
margin: 8px;
}
#deal_finder_container .mob-dealfinder .popup > * input[type="radio"] {
width: 16px !important;
height: 16px !important;
}
#deal_finder_container
.mob-dealfinder
.popup > *
input[type="radio"]:checked:after {
background-color: #193354 !important;
display: inline-block !important;
}
#deal_finder_container .mob-dealfinder .popup > * input[type="radio"]:after,
#deal_finder_container
.mob-dealfinder
.popup > *
input[type="radio"]:checked:after {
width: 16px !important;
height: 16px !important;
border-radius: 24px !important;
top: 0 !important;
left: 0 !important;
position: relative;
content: "";
visibility: visible !important;
border: 0 solid #fff !important;
}
#deal_finder_container .mob-dealfinder .popup > * input[type="radio"]:after {
background-color: #ede9e1 !important;
display: inline-block;
}
.mob-dealfinder #ageRangePrompt {
background: #e0f1fa;
color: #193354 !important;
margin-bottom: 10px;
padding: 12px 32px 12px 8px;
position: relative;
margin-top: 0;
border-radius: 4px;
width: 100%;
display: flex;
align-items: center;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
font-size: 1rem;
line-height: 1rem;
grid-column: span 2;
justify-self: start;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.mob-dealfinder #ageRangePrompt i.close-icon {
position: absolute;
top: 12px;
right: 8px;
padding: 0;
font-size: 1.25rem;
cursor: pointer;
}
.mob-dealfinder #ageRangePrompt i.age-icon {
padding-right: 16px;
}
.mob-dealfinder .other_details .df_submit {
float: right;
min-height: 40px !important;
line-height: 1.125rem !important;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
font-size: 1.125rem !important;
padding: 8px 24px 8px 16px !important;
background-color: #ff4a0e !important;
background-image: url(https://static.directferries.co.uk/image/ico/white/arrow-right.svg) !important;
background-repeat: no-repeat;
background-size: 24px;
background-position: right 50% !important;
border-radius: 8px !important;
}
.subNav ul a {
border-bottom: 0 solid #193354 !important;
font-family: proxima-soft !important;
font-size: 0.875rem !important;
}
.subNav ul .active a {
border-bottom: 0 solid #193354 !important;
font-size: 0.875rem !important;
}
.subNav ul .active a,
.subNav ul .offers a {
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
}
.subNav ul .offers a {
background: #ff4a0e !important;
margin-right: 0;
font-size: 1rem !important;
}
.desk-dealfinder {
position: relative !important;
display: grid !important;
grid-template-columns: 1fr 1fr !important;
grid-column-gap: 24px !important;
padding: 16px !important;
background-color: #193354 !important;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.desk-dealfinder .journey_timing {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 24px 48px !important;
grid-column-gap: 8px !important;
}
#deal_finder1.one_way .timing_outbound {
grid-column-start: 1 !important;
grid-column-gap: 24px !important;
}
#deal_finder1.desk-dealfinder.one_way .timing_outbound {
grid-column: span 2 !important;
}
#deal_finder1 .party_details.allow_pets {
grid-template-columns: 1fr 1fr;
grid-column-gap: 8px !important;
}
.desk-dealfinder .form-control,
.fsControl {
display: block;
width: 100%;
height: 40px !important;
line-height: 1.25rem;
background-color: #fff !important;
color: #193354 !important;
background-image: none;
border: 2px solid #d3d0c9 !important;
font-size: 1rem !important;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
border-radius: 8px !important;
text-decoration: none;
padding: 8px !important;
}
#deal_finder1 .disabled {
cursor: default;
pointer-events: none;
background-color: #f7f6f2 !important;
color: #d3d0ca !important;
}
#deal_finder_container input[type="radio"]:checked:after {
background-color: #193354;
}
#deal_finder_container input[type="radio"]:after,
#deal_finder_container input[type="radio"]:checked:after {
width: 24px;
height: 24px;
border-radius: 24px;
top: -6px;
left: -6px;
visibility: hidden !important;
border: 4px solid #fff;
}
#deal_finder_container input[type="radio"]:after {
background-color: #ede9e1;
}
.desk-dealfinder #ageRangePrompt {
background: #e0f1fa;
color: #193354 !important;
margin-bottom: 10px;
padding: 8px 40px 8px 16px;
position: relative;
width: 100%;
margin-top: 0;
border-radius: 4px;
display: flex;
align-items: center;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
font-size: 1rem;
line-height: 1rem;
grid-column: span 2;
justify-self: start;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.desk-dealfinder #ageRangePrompt i.close-icon {
position: absolute;
top: 12px;
right: 8px;
padding: 0;
font-size: 1.125rem;
cursor: pointer;
}
.desk-dealfinder #ageRangePrompt i.age-icon {
padding-right: 16px;
}
.fsWrap .offerSlider {
padding-right: 32px !important;
padding-top: 16px !important;
padding-bottom: 16px !important;
height: 320px !important;
border-radius: 8px !important;
box-shadow: none !important;
}
.carousel,
.carouselIn,
.carouselIn > .item img {
border-radius: 8px;
height: 100% !important;
}
.carouselDots {
bottom: 0 !important;
left: 8px !important;
z-index: 15;
padding-left: 0;
text-align: center;
list-style: disc !important;
margin: 0 !important;
}
.carouselDots li {
display: inline-block;
width: 8px !important;
height: 8px !important;
text-indent: -999px;
cursor: pointer;
border: 0 solid #45b7ed !important;
border-radius: 8px;
background: #45b7ed !important;
margin: 4px !important;
}
.carouselDots .active {
background: #fff !important;
}
.carouselIn > .item {
height: auto !important;
}
.carouselIn > .active {
height: inherit !important;
width: 100% !important;
left: 0;
}
.carouselCap {
top: 0;
z-index: 10;
text-align: left;
position: absolute;
}
.carouselCap,
.carouselCap span {
color: #fff;
padding: 8px !important;
}
.carouselCap span {
display: table-caption !important;
line-height: 1.625rem !important;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
font-size: 1.5rem !important;
background: #45b7ed !important;
margin: 0;
border-radius: 8px !important;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.offerSlider .carouselCap a {
bottom: 8px !important;
right: 8px !important;
}
.offerSlider .carouselCap .btn {
float: right;
line-height: 1.125rem !important;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
font-size: 1rem !important;
padding: 8px 24px 8px 16px !important;
background-color: #ff4a0e !important;
background-image: url(https://static.directferries.co.uk/image/ico/white/arrow-right.svg);
background-repeat: no-repeat;
background-size: 24px !important;
background-position: right 50% !important;
}
.offerSlider .carouselCap a {
display: block;
bottom: 10px;
right: 10px;
}
.ui-widget-content {
border: 0 solid #aaa !important;
background: 50% 50% repeat-x #fff;
color: #000;
border-radius: 8px !important;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
margin-top: 8px;
}
.ui-widget-content:before {
content: "";
position: absolute;
top: -8px;
left: 16px;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #fff;
}
.ui-datepicker {
width: 100%;
padding: 0 !important;
z-index: 25;
}
.ui-datepicker.ui-datepicker-multi {
position: absolute !important;
z-index: 1;
width: auto !important;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
padding: 8px;
width: 50%;
float: left;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: 0.2em 0;
border: 0 solid #2c7ca9;
background: 50% 50% repeat-x #fff !important;
color: #193354 !important;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
font-size: 1rem !important;
margin: 4px;
border-radius: 4px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-prev span {
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/arrow-left.svg);
}
.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
background-size: 24px !important;
background-repeat: no-repeat;
background-position: 50%;
}
.ui-datepicker .ui-datepicker-next span {
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/arrow-right.svg);
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 100%;
height: 100% !important;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
font-size: 0.875rem !important;
border-collapse: collapse;
margin: 0 0 0.4em;
}
.ui-datepicker td {
border: 0;
padding: 4px !important;
}
.ui-datepicker th {
padding: 0.7em 0.3em;
text-align: center;
color: #193354 !important;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
font-size: 12px !important;
border: 0;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled {
opacity: 1 !important;
filter: Alpha(Opacity=100) !important;
background-image: none;
}
.ui-datepicker-calendar .ui-datepicker-unselectable .ui-state-default {
border-color: #fff;
border-radius: 100px;
height: 32px;
width: 32px;
text-align: center;
line-height: 1.375rem;
background-color: #f7f6f2 !important;
font-family: proxima-soft-light !important;
font-weight: 300 !important;
font-size: 1rem;
color: #193354;
}
.ui-datepicker-calendar a.ui-state-default {
background-color: #ede9e1 !important;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
color: #193354;
}
.ui-datepicker-calendar a.ui-state-default,
.ui-datepicker-calendar a.ui-state-default:hover {
border-color: #fff;
border-radius: 100px;
height: 32px;
width: 32px;
text-align: center;
line-height: 1.375rem !important;
font-size: 1rem;
}
.ui-datepicker-calendar a.ui-state-default:hover {
background-color: #193354 !important;
color: #fff;
}
.ui-datepicker-calendar a.ui-state-active,
.ui-datepicker-calendar a.ui-state-default:hover {
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
}
.ui-datepicker-calendar a.ui-state-active {
border-color: #ff4a0e !important;
background-color: #ff4a0e !important;
color: #fff !important;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: 0.5em 0.2em 0.4em;
cursor: pointer;
padding: 0.2em 0.6em 0.3em;
width: auto;
overflow: visible;
display: none;
}
.desk-dealfinder .route_list {
position: absolute;
cursor: pointer;
padding: 8px !important;
border: 0 solid #ccc !important;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
color: #193354;
font-size: 1rem !important;
line-height: 1.25rem !important;
border-radius: 8px !important;
max-height: 320px !important;
overflow-y: scroll;
z-index: 200;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
animation: fadein 0.3s ease-in-out forwards;
}
.desk-dealfinder .route_list::-webkit-scrollbar {
-webkit-appearance: none;
width: 8px !important;
}
.desk-dealfinder .route_list::-webkit-scrollbar-thumb {
border-radius: 8px !important;
background-color: #d3d0c9 !important;
border: 2px solid #fff !important;
}
.desk-dealfinder .route_list h5 {
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
color: #45b7ed;
font-size: 1rem !important;
line-height: 1.25rem !important;
opacity: 1;
border-bottom: 4px solid #fff !important;
margin: 0 0 0 8px;
padding: 8px 0 !important;
background: #fff !important;
}
.desk-dealfinder .route_list .routes li {
padding: 8px !important;
border-top: 2px solid #fff !important;
border-bottom: 2px solid #fff !important;
background: #f7f6f2 !important;
border-radius: 4px !important;
margin-bottom: 4px !important;
cursor: pointer;
}
.desk-dealfinder .route_list .routes li mark {
background: #daf0fb !important;
color: #193354 !important;
border-radius: 4px;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
}
.desk-dealfinder .route_list .routes li:hover {
padding: 8px !important;
border-top: 2px solid #fff !important;
border-bottom: 2px solid #fff !important;
background: #e0f1fa !important;
border-radius: 4px !important;
margin-bottom: 4px !important;
}
.desk-dealfinder .route_list .routes li .port {
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
color: #193354 !important;
font-size: 1rem !important;
line-height: 1.25rem !important;
white-space: nowrap;
}
.desk-dealfinder .route_list .routes li .location {
font-family: proxima-soft-light !important;
font-weight: 300 !important;
color: #4a4a4a !important;
font-size: 0.875rem !important;
line-height: 1.25rem !important;
}
#deal_finder_container input[type="radio"]:after {
width: 16px;
height: 16px;
border-radius: 16px;
top: -1px;
left: -1px;
position: relative;
background-color: #475d77;
content: "";
display: inline-block;
visibility: visible;
border: 0 solid #fff;
}
#deal_finder_container input[type="radio"]:checked:after {
width: 8px;
height: 8px;
border-radius: 8px;
top: -5px;
left: 3px;
position: relative;
background-color: #fff;
content: "";
display: inline-block;
visibility: visible;
border: 0spx solid #fff;
}
.desk-dealfinder .journey_type input,
.desk-dealfinder .journey_type label {
margin: 0 8px 0 0;
}
.desk-dealfinder .popup {
position: absolute;
z-index: 1;
background-color: #fff !important;
cursor: default;
padding: 16px !important;
border: 0 solid #ccc !important;
border-radius: 8px !important;
opacity: 0;
animation: fadein 0.2s ease-in-out forwards !important;
top: calc(100% + 15px);
left: -1px;
right: 0;
min-width: 450px !important;
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.desk-dealfinder .popup input[type="text"],
.desk-dealfinder .popup select {
min-width: 92px !important;
font-size: 1rem !important;
padding: 8px !important;
border: 0 solid #ede9e1 !important;
border-radius: 8px !important;
margin: 0 0 0 auto !important;
background-color: #ede9e1 !important;
}
.desk-dealfinder .popup input[type="text"],
.desk-dealfinder .popup label,
.desk-dealfinder .popup select {
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
color: #193354 !important;
}
.desk-dealfinder .popup label {
justify-content: space-between !important;
align-items: center !important;
font-size: 1.125rem !important;
margin: 0 0 8px !important;
background-color: #f7f6f2 !important;
padding: 8px 16px !important;
border-radius: 8px !important;
cursor: pointer;
}
.desk-dealfinder .popup label.long {
flex-wrap: wrap;
padding: 0 !important;
}
.desk-dealfinder .popup input[type="text"],
.desk-dealfinder .popup label.long select {
min-width: 92px !important;
font-size: 1rem !important;
line-height: 1.25rem;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
padding: 8px !important;
border: 2px solid #ede9e1 !important;
border-radius: 8px !important;
margin: 0 0 0 auto !important;
background-color: #f7f6f2 !important;
color: #193354 !important;
}
.desk-dealfinder .popup label .wheelchair {
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/wheelchair-accessibility.svg) !important;
background-size: 24px !important;
background-position: 4px !important;
background-repeat: no-repeat !important;
padding-left: 48px !important;
height: 24px !important;
width: 24px !important;
}
.desk-dealfinder .popup label [type="checkbox"] {
border: 1px solid #ede9e1 !important;
right: 16px !important;
position: relative !important;
}
.desk-dealfinder .popup h5 {
font-size: 1rem !important;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
white-space: nowrap;
padding: 0 32px 8px 0 !important;
border-bottom: 0 solid #2c7ca9 !important;
margin-bottom: 8px !important;
color: #45b7ed !important;
}
.desk-dealfinder .popup h6 {
font-size: 1.25rem !important;
line-height: 1.75rem !important;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
padding: 24px 0 8px !important;
border-bottom: 0 solid #eeeae2 !important;
margin-bottom: 8px !important;
color: #193354 !important;
display: block;
}
.desk-dealfinder .popup .popup_closer {
position: absolute;
top: 8px !important;
right: 8px !important;
z-index: 1;
height: 24px !important;
width: 24px !important;
cursor: pointer;
background: url(https://static.directferries.co.uk/image/ico/dark-blue/cancel.svg) no-repeat 0 !important;
border: none;
}
.desk-dealfinder .popup footer .popup_done {
float: right !important;
line-height: 1.25rem !important;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
font-size: 1rem !important;
padding: 8px 24px 8px 16px !important;
background-color: #ff4a0e !important;
background-image: url(https://static.directferries.co.uk/image/ico/white/arrow-right.svg) !important;
background-repeat: no-repeat;
background-size: 24px !important;
background-position: right 50% !important;
border-radius: 8px !important;
min-width: 120px !important;
margin-top: 8px !important;
}
.desk-dealfinder #vehicles_popup .popup label.radiolabel {
display: inline-flex !important;
flex-direction: row-reverse !important;
margin-right: 8px;
font-size: 1rem !important;
}
.desk-dealfinder .popup label.radiolabel input {
margin: 0 8px 0 0 !important;
}
.desk-dealfinder .popup label.radiolabel {
display: inline-flex;
flex-direction: row-reverse;
margin-right: 8px;
font-size: 1rem !important;
background-color: #fff !important;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
}
.desk-dealfinder .popup label.radiolabel input[type="radio"]:checked:after {
width: 16px;
height: 16px;
border-radius: 16px;
top: -1px;
left: -1px;
position: relative;
background-color: #193354 !important;
content: "";
display: inline-block;
visibility: visible;
border: 0spx solid #fff;
}
.desk-dealfinder .popup label.radiolabel input[type="radio"]:after {
width: 16px;
height: 16px;
border-radius: 16px;
top: -1px;
left: -1px;
position: relative;
background-color: #ede9e1 !important;
content: "";
display: inline-block;
visibility: visible;
border: 0 solid #fff;
}
.desk-dealfinder .popup label.pet_counter output {
width: 32px !important;
height: 32px !important;
border-width: 0 !important;
background-color: #ede9e1 !important;
border-radius: 32px !important;
margin-left: 8px !important;
margin-right: 8px !important;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
font-size: 1.125rem;
}
.desk-dealfinder .popup label.pet_counter output,
.desk-dealfinder .popup label.pet_counter span {
display: inline-flex;
justify-content: center;
align-items: center;
height: 30px;
border: 0 solid #ede9e1 !important;
}
.desk-dealfinder .popup label.pet_counter span.inactive {
background-color: transparent !important;
opacity: 0.4 !important;
color: #193354 !important;
pointer-events: none;
cursor: default;
}
.desk-dealfinder .popup label.pet_counter span.increment {
border-radius: 8px;
font-size: 1.5rem !important;
}
#deal_finder1 .other_details .df_submit {
float: right;
min-height: 40px !important;
line-height: 1.125rem !important;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
font-size: 1.125rem !important;
padding: 8px 24px 8px 16px !important;
background-color: #ff4a0e !important;
background-image: url(https://static.directferries.co.uk/image/ico/white/arrow-right.svg) !important;
background-repeat: no-repeat;
background-size: 24px;
background-position: right 50% !important;
border-radius: 8px !important;
}
#deal_finder1 .other_details .currency.disabled {
background-color: transparent !important;
border: none;
}
#countryData .btn,
.fsDone {
display: inline-block;
margin-bottom: 0;
text-align: center;
cursor: pointer;
border: 0 solid transparent;
white-space: nowrap;
border-radius: 8px !important;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
color: #ff4a0e !important;
background-color: #ede9e1 !important;
background-image: url(https://static.directferries.co.uk/image/ico/orange/arrow-right.svg) !important;
background-position: right 50% !important;
padding: 0 16px;
font-size: 14px !important;
}
}
@media (max-width: 768px) and (min-width: 280px) {
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="entering_journey_info"]
.journey_timing.timing_outbound
.form-control.journey_date,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="entering_journey_info"]
.journey_timing.timing_return
.form-control.journey_date {
display: block;
width: 100%;
height: 48px !important;
line-height: 1.125rem;
background-color: transparent !important;
color: #193354 !important;
background-image: none;
border: 0 solid #d3d0c9 !important;
font-size: 1rem !important;
font-family: proxima-soft-bold !important;
font-weight: 500 !important;
border-radius: 8px !important;
text-decoration: none;
padding: 8px 8px 8px 40px !important;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="entering_journey_info"]
.journey_timing.timing_outbound
.form-control.journey_time,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="entering_journey_info"]
.journey_timing.timing_return
.form-control.journey_time {
display: block;
width: 100%;
height: 48px !important;
line-height: 1.125rem;
background-color: transparent !important;
color: #193354 !important;
background-image: none;
border: 0 solid #d3d0c9 !important;
font-size: 14px !important;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
border-radius: 8px !important;
text-decoration: none;
padding: 8px 8px 8px 40px !important;
}
.popup#vehicle_base label.vehicle_type[for="vehicle_type_0"] {
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/foot.svg) !important;
}
.popup#vehicle_base label.vehicle_type[for="vehicle_type_0"],
.popup#vehicle_base label.vehicle_type[for="vehicle_type_0"]:hover {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
}
.popup#vehicle_base label.vehicle_type[for="vehicle_type_0"]:hover {
background-image: url(https://static.directferries.co.uk/image/ico/white/foot.svg) !important;
}
.popup#vehicle_base label.vehicle_type.checked[for="vehicle_type_0"],
.popup#vehicle_base label.vehicle_type.checked[for="vehicle_type_0"]:hover {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/foot.svg) !important;
}
.popup#vehicle_base label.vehicle_type[for="vehicle_type_1"] {
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/bicycle.svg) !important;
}
.popup#vehicle_base label.vehicle_type[for="vehicle_type_1"],
.popup#vehicle_base label.vehicle_type[for="vehicle_type_1"]:hover {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
}
.popup#vehicle_base label.vehicle_type[for="vehicle_type_1"]:hover {
background-image: url(https://static.directferries.co.uk/image/ico/white/bicycle.svg) !important;
}
.popup#vehicle_base label.vehicle_type.checked[for="vehicle_type_1"],
.popup#vehicle_base label.vehicle_type.checked[for="vehicle_type_1"]:hover {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/bicycle.svg) !important;
}
.popup#vehicle_base label.vehicle_type[for="vehicle_type_2"] {
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/car.svg) !important;
}
.popup#vehicle_base label.vehicle_type[for="vehicle_type_2"],
.popup#vehicle_base label.vehicle_type[for="vehicle_type_2"]:hover {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
}
.popup#vehicle_base label.vehicle_type[for="vehicle_type_2"]:hover {
background-image: url(https://static.directferries.co.uk/image/ico/white/car.svg) !important;
}
.popup#vehicle_base label.vehicle_type.checked[for="vehicle_type_2"],
.popup#vehicle_base label.vehicle_type.checked[for="vehicle_type_2"]:hover {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/car.svg) !important;
}
.popup#vehicle_base label.vehicle_type[for="vehicle_type_3"] {
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/camper.svg) !important;
}
.popup#vehicle_base label.vehicle_type[for="vehicle_type_3"],
.popup#vehicle_base label.vehicle_type[for="vehicle_type_3"]:hover {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
}
.popup#vehicle_base label.vehicle_type[for="vehicle_type_3"]:hover {
background-image: url(https://static.directferries.co.uk/image/ico/white/camper.svg) !important;
}
.popup#vehicle_base label.vehicle_type.checked[for="vehicle_type_3"],
.popup#vehicle_base label.vehicle_type.checked[for="vehicle_type_3"]:hover {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/camper.svg) !important;
}
.popup#vehicle_base label.vehicle_type[for="vehicle_type_5"] {
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/motorcycle-sidecar.svg) !important;
}
.popup#vehicle_base label.vehicle_type[for="vehicle_type_5"],
.popup#vehicle_base label.vehicle_type[for="vehicle_type_5"]:hover {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
}
.popup#vehicle_base label.vehicle_type[for="vehicle_type_5"]:hover {
background-image: url(https://static.directferries.co.uk/image/ico/white/motorcycle-sidecar.svg) !important;
}
.popup#vehicle_base label.vehicle_type.checked[for="vehicle_type_5"],
.popup#vehicle_base label.vehicle_type.checked[for="vehicle_type_5"]:hover {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/motorcycle-sidecar.svg) !important;
}
.popup#vehicle_base label.vehicle_type[for="vehicle_type_7"] {
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/motorcycle.svg) !important;
}
.popup#vehicle_base label.vehicle_type[for="vehicle_type_7"],
.popup#vehicle_base label.vehicle_type[for="vehicle_type_7"]:hover {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
}
.popup#vehicle_base label.vehicle_type[for="vehicle_type_7"]:hover {
background-image: url(https://static.directferries.co.uk/image/ico/white/motorcycle.svg) !important;
}
.popup#vehicle_base label.vehicle_type.checked[for="vehicle_type_7"],
.popup#vehicle_base label.vehicle_type.checked[for="vehicle_type_7"]:hover {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/motorcycle.svg) !important;
}
.popup#vehicle_base label.vehicle_type[for="vehicle_type_10"] {
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/minibus.svg) !important;
}
.popup#vehicle_base label.vehicle_type[for="vehicle_type_10"],
.popup#vehicle_base label.vehicle_type[for="vehicle_type_10"]:hover {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
}
.popup#vehicle_base label.vehicle_type[for="vehicle_type_10"]:hover {
background-image: url(https://static.directferries.co.uk/image/ico/white/minibus.svg) !important;
}
.popup#vehicle_base label.vehicle_type.checked[for="vehicle_type_10"],
.popup#vehicle_base label.vehicle_type.checked[for="vehicle_type_10"]:hover {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/minibus.svg) !important;
}
.popup#vehicle_base label.vehicle_type[for="vehicle_type_11"] {
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/van.svg) !important;
}
.popup#vehicle_base label.vehicle_type[for="vehicle_type_11"],
.popup#vehicle_base label.vehicle_type[for="vehicle_type_11"]:hover {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
}
.popup#vehicle_base label.vehicle_type[for="vehicle_type_11"]:hover {
background-image: url(https://static.directferries.co.uk/image/ico/white/van.svg) !important;
}
.popup#vehicle_base label.vehicle_type.checked[for="vehicle_type_11"],
.popup#vehicle_base label.vehicle_type.checked[for="vehicle_type_11"]:hover {
padding-left: 48px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/van.svg) !important;
}
.df-dom-dealfinder #divNewFareSearch #deal_finder_container {
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
}
.df-dom-dealfinder #divNewFareSearch #deal_finder_container .mob-df-header,
.df-dom-dealfinder #divNewFareSearch #deal_finder_container .mob-df-title {
display: none !important;
}
.df-dom-dealfinder #divNewFareSearch #deal_finder_container #deal_finder1 {
height: auto !important;
border-radius: 0 !important;
margin: 0 !important;
display: grid;
grid-gap: 16px;
grid-template-rows: 1fr;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder_container
#deal_finder1[data-state="showing_routes_list"] {
grid-gap: 16px;
grid-template-rows: 1fr;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder_container
#deal_finder1[data-state="return_open_ticket"] {
grid-gap: 16px;
grid-template-rows: 32px 1fr;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder_container
#deal_finder1[data-state="showing_routes_list"]
.deal_finder_wrap {
height: 100%;
display: grid;
grid-column-gap: 8px !important;
grid-row-gap: 16px !important;
grid-template-rows: auto 1fr !important;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder_container
#deal_finder1[data-state="entering_search_term"] {
grid-gap: 16px;
grid-template-rows: 1fr;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder_container
#deal_finder1[data-state="entering_search_term"]
.deal_finder_wrap,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder_container
#deal_finder1[data-state="return_open_ticket"]
.deal_finder_wrap {
height: 100%;
display: grid;
grid-column-gap: 8px !important;
grid-row-gap: 16px !important;
grid-template-rows: auto 1fr !important;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder_container
#deal_finder1.different_journeys[data-state="entering_journey_info"],
.df-dom-dealfinder
#divNewFareSearch
#deal_finder_container
#deal_finder1[data-state="entering_journey_info"] {
grid-gap: 0;
grid-template-rows: 1fr;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder_container
#deal_finder1.invalid[data-state="entering_journey_info"]
.deal_finder_wrap,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder_container
#deal_finder1[data-state="entering_journey_info"]
.deal_finder_wrap {
height: 100%;
display: grid;
grid-column-gap: 8px !important;
grid-row-gap: 16px !important;
grid-template-rows: auto auto auto auto auto 1fr !important;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder_container
#deal_finder1[data-state="entering_date_outbound"],
.df-dom-dealfinder
#divNewFareSearch
#deal_finder_container
#deal_finder1[data-state="entering_date_return"],
.df-dom-dealfinder
#divNewFareSearch
#deal_finder_container
#deal_finder1[data-state="entering_time_outbound"],
.df-dom-dealfinder
#divNewFareSearch
#deal_finder_container
#deal_finder1[data-state="entering_time_return"] {
grid-template-rows: auto;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder_container
#deal_finder1[data-state="initial_blank"] {
height: 100% !important;
display: grid;
grid-gap: 16px !important;
grid-template-rows: auto 1fr !important;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder_container
#deal_finder1[data-state="initial_blank"]
.deal_finder_wrap {
height: 100%;
display: grid;
grid-column-gap: 8px !important;
grid-row-gap: 16px !important;
grid-template-rows: auto auto 1fr !important;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="entering_date_outbound"]
.deal_finder_wrap,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="entering_date_return"]
.deal_finder_wrap,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="entering_time_outbound"]
.deal_finder_wrap,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="entering_time_return"]
.deal_finder_wrap,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="return_open_ticket"]
.deal_finder_wrap {
height: 100%;
display: grid;
grid-column-gap: 8px !important;
grid-row-gap: 16px !important;
grid-template-rows: auto auto auto auto auto 1fr !important;
}
.df-dom-dealfinder #divNewFareSearch .mob-dealfinder .df_submit {
flex: 1 1 100%;
height: 48px;
background-color: #ff4a0e;
color: #fff;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
border-radius: 8px !important;
padding: 8px !important;
border: none;
cursor: pointer;
margin-bottom: 8px !important;
grid-column: span 2;
align-self: end;
margin-top: 0;
}
.df-dom-dealfinder
#divNewFareSearch
.ab2284
form#deal_finder1
.journey_type
label {
font-size: 1rem !important;
height: 40px;
}
#deal_finder1[data-state="entering_search_term"] .journey_type {
display: none;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="showing_routes_list"] {
height: 100%;
display: grid;
grid-gap: 16px !important;
grid-template-rows: auto 1fr !important;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="showing_routes_list"]
.deal_finder_wrap {
height: 100%;
display: grid;
grid-column-gap: 8px !important;
grid-row-gap: 16px !important;
grid-template-rows: auto 1fr !important;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="showing_routes_list"]
.deal_finder_wrap
.journey_type {
display: none;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1
.deal_finder_wrap
.journey_route {
margin: 0 !important;
height: 100%;
display: grid;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys
.deal_finder_wrap
.journey_route#journey_route_parent {
display: grid;
grid-row: 2;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys[data-state="entering_date_outbound"]
.deal_finder_wrap
.journey_type,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys[data-state="entering_date_return"]
.deal_finder_wrap
.journey_type,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys[data-state="entering_time_outbound"]
.deal_finder_wrap
.journey_type,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys[data-state="entering_time_return"]
.deal_finder_wrap
.journey_type {
display: grid;
grid-row: 1;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys[data-state="entering_date_outbound"]
.deal_finder_wrap
.journey_route#journey_route_parent,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys[data-state="entering_date_return"]
.deal_finder_wrap
.journey_route#journey_route_parent,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys[data-state="entering_time_outbound"]
.deal_finder_wrap
.journey_route#journey_route_parent,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys[data-state="entering_time_return"]
.deal_finder_wrap
.journey_route#journey_route_parent {
display: grid;
grid-row: 2;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys[data-state="entering_date_outbound"]
.deal_finder_wrap
.journey_route.diff_trip,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys[data-state="entering_date_return"]
.deal_finder_wrap
.journey_route.diff_trip,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys[data-state="entering_time_outbound"]
.deal_finder_wrap
.journey_route.diff_trip,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys[data-state="entering_time_return"]
.deal_finder_wrap
.journey_route.diff_trip {
display: grid;
grid-row: 3;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys[data-state="entering_search_term"]
.deal_finder_wrap
.journey_route.diff_trip {
display: grid;
grid-row: 1;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys[data-state="entering_search_term"]
.deal_finder_wrap
.journey_route#journey_route_parent {
display: grid;
grid-row: 2;
grid-template-rows: 56px 1fr;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys[data-state="entering_search_term"]
.deal_finder_wrap
.journey_route#journey_route_parent
#route_outbound,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys[data-state="showing_routes_list"]
.deal_finder_wrap
.journey_route#journey_route_parent
#route_outbound {
display: block;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys.showing_return_list[data-state="entering_search_term"]
.deal_finder_wrap
.journey_route#journey_route_parent
#route_outbound,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys.showing_return_list[data-state="showing_routes_list"]
.deal_finder_wrap
.journey_route#journey_route_parent
#route_outbound,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys[data-state="entering_search_term"]
.deal_finder_wrap
.journey_route.diff_trip
#route_return,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys[data-state="showing_routes_list"]
.deal_finder_wrap
.journey_route.diff_trip
#route_return {
display: none;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys.showing_return_list[data-state="entering_search_term"]
.deal_finder_wrap
.journey_route.diff_trip
#route_return,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys.showing_return_list[data-state="showing_routes_list"]
.deal_finder_wrap
.journey_route.diff_trip
#route_return {
display: block;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1
.deal_finder_wrap
.journey_route
.animate.fadeInUp {
overflow-y: auto;
max-height: 100%;
-ms-overflow-style: none;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1
.deal_finder_wrap
.journey_route
.animate.fadeInUp:empty {
display: none !important;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1
.deal_finder_wrap
.journey_route
.route_list {
margin: 0 !important;
height: 100%;
display: grid;
grid-template-rows: 64px auto;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1
.deal_finder_wrap
.journey_route
.route_list
ul {
margin: 0 !important;
height: fit-content;
height: -moz-fit-content;
display: grid;
grid-gap: 8px;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1
.deal_finder_wrap
.journey_route
.route_list
ul
li {
margin: 0 !important;
height: fit-content;
height: -moz-fit-content;
}
.df-dom-dealfinder #divNewFareSearch #deal_finder1 #ageRangePrompt {
margin: 0;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1
.journey_timing.timing_outbound
#cal_outbound,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1
.journey_timing.timing_return
#cal_return {
font-family: proxima-soft-bold, sans-serif !important;
font-size: 1rem !important;
line-height: 1.25rem;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1
.journey_timing.timing_outbound
#time_outbound,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1
.journey_timing.timing_returnd
#time_return {
font-family: proxima-soft-medium, sans-serif !important;
font-size: 1rem !important;
line-height: 1.25rem;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1
.journey_timing
.newDatepicker,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1
.journey_timing
.newTimepicker {
height: 380px;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1
.journey_timing
.open_ticket,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1
.journey_timing
[class^="open_ticket_note"] {
height: auto;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="return_open_ticket"]
.timing_return
.open_ticket_note_return
p {
height: 100%;
}
.df-dom-dealfinder #divNewFareSearch .datePickerControls {
display: grid;
grid-template-columns: 1fr 1fr;
padding: 0;
}
.df-dom-dealfinder #divNewFareSearch .datePickerControls span:first-child {
justify-self: start;
align-self: center;
}
.df-dom-dealfinder #divNewFareSearch .datePickerControls span:nth-child(2) {
justify-self: end;
align-self: center;
}
.df-dom-dealfinder #divNewFareSearch .datePickerControls span:first-child i {
font-size: 2rem;
}
.df-dom-dealfinder #divNewFareSearch .datePickerControls span:nth-child(2) i {
font-size: 1.5rem;
}
.df-dom-dealfinder #divNewFareSearch #deal_finder1 .journey_timing {
grid-row: 3;
border-radius: 8px !important;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys
.journey_timing {
grid-row: 4;
border-radius: 8px !important;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="return_open_ticket"]
.journey_timing {
grid-row: 1;
border-radius: 8px !important;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="entering_date_outbound"]
.journey_route,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="entering_date_outbound"]
.journey_type,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="entering_date_return"]
.journey_route,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="entering_date_return"]
.journey_type,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="entering_time_outbound"]
.journey_route,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="entering_time_outbound"]
.journey_type,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="entering_time_return"]
.journey_route,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="entering_time_return"]
.journey_type,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="return_open_ticket"]
.journey_route,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="return_open_ticket"]
.journey_type {
display: none;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="entering_date_outbound"]
.journey_type,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="entering_date_return"]
.journey_type,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="entering_time_outbound"]
.journey_type,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="entering_time_return"]
.journey_type,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="return_open_ticket"]
.journey_type {
display: grid;
grid-row: 1;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="entering_date_outbound"]
#journey_route_parent,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="entering_date_return"]
#journey_route_parent,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="entering_time_outbound"]
#journey_route_parent,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="entering_time_return"]
#journey_route_parent,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="return_open_ticket"]
#journey_route_parent {
display: grid;
grid-row: 2;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="entering_journey_info"]
.journey_timing {
border-radius: 8px !important;
height: 100%;
padding: 0 !important;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="entering_date_outbound"]
.journey_timing,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="entering_date_return"]
.journey_timing,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="entering_time_outbound"]
.journey_timing,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="entering_time_return"]
.journey_timing {
border-radius: 8px !important;
height: 100%;
padding: 16px !important;
grid-row: 3;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys[data-state="entering_date_outbound"]
.journey_timing,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys[data-state="entering_date_return"]
.journey_timing,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys[data-state="entering_time_outbound"]
.journey_timing,
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1.different_journeys[data-state="entering_time_return"]
.journey_timing {
border-radius: 8px !important;
height: 100%;
padding: 16px !important;
grid-row: 4;
}
.popup > * {
padding: 16px;
}
.df-dom-dealfinder #divNewFareSearch .popup {
background-color: #193354 !important;
color: #333;
padding: 0 !important;
}
.df-dom-dealfinder #divNewFareSearch .popup.popup_slider {
opacity: 1;
animation: slideup 0.3s ease-in-out forwards;
z-index: 1;
}
.df-dom-dealfinder #divNewFareSearch .popup-wrap {
display: grid;
grid-gap: 8px;
grid-template-columns: 1fr !important;
grid-template-rows: auto 1fr !important;
margin-bottom: 0 !important;
height: fit-content !important;
height: -moz-fit-content !important;
}
.df-dom-dealfinder #divNewFareSearch .popup-wrap .popup_head {
padding-bottom: 48px !important;
height: 48px !important;
}
.df-dom-dealfinder #divNewFareSearch .popup-wrap .popup_head h1 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: auto;
text-align: middle;
width: 100%;
text-align: center;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
font-size: 1.125rem !important;
line-height: 1.375rem !important;
color: #fff !important;
margin-bottom: 0 !important;
}
.df-dom-dealfinder #divNewFareSearch .popup-wrap .popup_body {
border-radius: 8px !important;
background: #fff !important;
margin: 0 16px !important;
padding: 16px !important;
position: relative !important;
display: grid;
grid-gap: 16px;
grid-template-columns: 1fr !important;
}
.df-dom-dealfinder #divNewFareSearch .item_hdg_top {
margin-top: 8px;
margin-bottom: 16px;
}
.df-dom-dealfinder #divNewFareSearch .popup .popup_closer {
right: auto;
left: 16px;
background: none;
top: 16px;
font-size: 1.5rem;
height: 24px;
width: 24px;
line-height: 1;
cursor: pointer;
}
.df-dom-dealfinder #divNewFareSearch .popup .popup_closer i {
color: #fff !important;
}
.df-dom-dealfinder #divNewFareSearch .popup > * input[type="radio"] {
width: 16px !important;
height: 16px !important;
}
.df-dom-dealfinder #divNewFareSearch .popup > * input[type="radio"]:after {
background-color: #d3d0c9 !important;
display: inline-block;
}
.df-dom-dealfinder #divNewFareSearch .popup > * input[type="radio"]:after,
.df-dom-dealfinder
#divNewFareSearch
.popup > *
input[type="radio"]:checked:after {
width: 16px !important;
height: 16px !important;
border-radius: 24px !important;
top: 0 !important;
left: 0 !important;
position: relative;
content: "";
visibility: visible !important;
border: 0 solid #fff !important;
}
.df-dom-dealfinder
#divNewFareSearch
.popup > *
input[type="radio"]:checked:after {
background-color: #193354 !important;
display: inline-block !important;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder_container
#deal_finder1[data-state="entering_journey_info"]
.deal_finder_wrap
.journey_info {
height: 100%;
display: grid;
grid-column-gap: 8px !important;
grid-row-gap: 8px !important;
grid-template-rows: auto auto auto auto 1fr !important;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder_container
#deal_finder1.different_journeys[data-state="entering_journey_info"]
.deal_finder_wrap
.journey_info {
height: 100%;
display: grid;
grid-column-gap: 8px !important;
grid-row-gap: 16px !important;
grid-template-rows: auto auto auto auto 1fr !important;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1
.journey_info
.trip_return.diff_trip {
margin-top: 0;
display: grid;
grid-gap: 8px;
grid-template-rows: auto auto auto;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1
.journey_info
.trip_return.diff_trip
ul {
margin-top: 0;
display: grid !important;
}
.df-dom-dealfinder
#divNewFareSearch
.ab2284
.journey_info.hide_until_summary
span.h4 {
display: block !important;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
color: #fff !important;
font-size: 1rem !important;
line-height: 1.25rem !important;
margin-top: 8px !important;
margin-bottom: 8px !important;
}
.df-dom-dealfinder
#divNewFareSearch
.ab2284
.journey_info.hide_until_summary
.trip_outbound
span.h4 {
display: none !important;
}
.df-dom-dealfinder
#divNewFareSearch
.ab2284
.journey_info.hide_until_summary
.trip_return.diff_trip
span.h4,
.df-dom-dealfinder
#divNewFareSearch
.ab2284
.journey_info.trip_return.diff_trip
.trip_outbound
span.h4 {
display: block !important;
}
.df-dom-dealfinder
#divNewFareSearch
.ab2284
.journey_info.trip_return.diff_trip
.trip_outbound
span.h4 {
display: none !important;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1
[data-popup].passengers.trip_return,
.df-dom-dealfinder #divNewFareSearch #deal_finder1 [data-popup].pets,
.df-dom-dealfinder #divNewFareSearch #deal_finder1 [data-popup].vehicle {
background-color: inherit;
}
.df-dom-dealfinder
#divNewFareSearch
.ab2284
#deal_finder1
.trip_return.diff_trip
[data-popup].passengers
i {
padding-bottom: 4px;
display: none;
}
.df-dom-dealfinder
#divNewFareSearch
.popup#currency_popup
.journey_currency
label,
.df-dom-dealfinder #divNewFareSearch .popup#pets_popup label.pet_counter,
.df-dom-dealfinder #divNewFareSearch .popup#vehicle_base label.vehicle_type,
.df-dom-dealfinder #divNewFareSearch .popup.vehicle_detail label,
.df-dom-dealfinder #divNewFareSearch [data-popup],
.df-dom-dealfinder #divNewFareSearch [data-popup].passengers,
.df-dom-dealfinder #divNewFareSearch [data-popup].pets,
.df-dom-dealfinder #divNewFareSearch [data-popup].vehicle {
margin-bottom: 0 !important;
}
.df-dom-dealfinder #divNewFareSearch #passengers_popup.popup-wrap {
display: grid;
grid-gap: 16px;
grid-template-columns: 1fr !important;
grid-template-rows: auto 1fr !important;
margin-bottom: 0 !important;
height: fit-content !important;
height: -moz-fit-content !important;
}
.df-dom-dealfinder
#divNewFareSearch
#passengers_popup.popup-wrap
.popup_body {
border-radius: 8px !important;
background: #fff !important;
margin: 0 16px !important;
padding: 8px !important;
position: relative !important;
display: grid;
grid-gap: 16px;
grid-template-columns: 1fr !important;
grid-template-rows: auto auto auto !important;
}
.df-dom-dealfinder #divNewFareSearch #pets_popup.popup-wrap {
display: grid;
grid-gap: 8px;
grid-template-columns: 1fr !important;
grid-template-rows: auto 1fr !important;
margin-bottom: 0 !important;
height: fit-content !important;
height: -moz-fit-content !important;
}
.df-dom-dealfinder #divNewFareSearch #pets_popup.popup-wrap .popup_body {
border-radius: 8px !important;
background: #fff !important;
margin: 0 16px !important;
padding: 8px !important;
position: relative !important;
display: grid;
grid-gap: 8px;
grid-template-columns: 1fr !important;
grid-template-rows: auto auto auto !important;
}
.df-dom-dealfinder
#divNewFareSearch
#pets_popup.popup-wrap
.popup_body
.pet_counter {
grid-column: 1 / span 3;
margin: 0 !important;
}
.df-dom-dealfinder
#divNewFareSearch
.popup#pets_popup
.pet_counter[for="petType1_outbound"] {
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/pets.svg) !important;
}
.df-dom-dealfinder
#divNewFareSearch
.popup#pets_popup
.pet_counter.checked[for="petType1_outbound"] {
background: #f7f6f2 !important;
color: #193354 !important;
box-shadow: 0 0 0 0 #193354;
font-family: proxima-soft-bold !important;
padding: 8px 8px 8px 40px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/pets.svg) !important;
}
.df-dom-dealfinder
#divNewFareSearch
.popup#pets_popup
.pet_counter[for="petType2_outbound"] {
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/pets.svg) !important;
}
.df-dom-dealfinder
#divNewFareSearch
.popup#pets_popup
.pet_counter.checked[for="petType2_outbound"] {
background: #f7f6f2 !important;
color: #193354 !important;
box-shadow: 0 0 0 0 #193354;
font-family: proxima-soft-bold !important;
padding: 8px 8px 8px 40px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/pets.svg) !important;
}
.df-dom-dealfinder
#divNewFareSearch
.popup#pets_popup
.pet_counter[for="petType3_outbound"] {
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/pets-assistant.svg) !important;
}
.df-dom-dealfinder
#divNewFareSearch
.popup#pets_popup
.pet_counter.checked[for="petType3_outbound"] {
background: #f7f6f2 !important;
color: #193354 !important;
box-shadow: 0 0 0 0 #193354;
font-family: proxima-soft-bold !important;
padding: 8px 8px 8px 40px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/pets-assistant.svg) !important;
}
.df-dom-dealfinder
#divNewFareSearch
.popup
label.long.checked[for="residentDiscounts_outbound"],
.df-dom-dealfinder
#divNewFareSearch
.popup
label.long.checked[for="residentDiscounts_return"],
.df-dom-dealfinder
#divNewFareSearch
.popup
label.long[for="residentDiscounts_outbound"],
.df-dom-dealfinder
#divNewFareSearch
.popup
label.long[for="residentDiscounts_return"] {
background: transparent !important;
border: none !important;
min-height: fit-content !important;
min-height: -moz-fit-content !important;
padding: 0 8px !important;
cursor: pointer;
color: #193354;
border-radius: 8px !important;
margin: 8px 0 !important;
font-size: 1rem !important;
background: #edebe6;
grid-column: 1 / span 3;
}
.df-dom-dealfinder
#divNewFareSearch
.popup
label.long[for="residentDiscounts_outbound"]
select,
.df-dom-dealfinder
#divNewFareSearch
.popup
label.long[for="residentDiscounts_return"]
select {
padding: 8px 40px 8px 8px;
border-radius: 8px;
color: #193354;
border: none;
color: #193354 !important;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
font-size: 1.125rem !important;
}
.df-dom-dealfinder #divNewFareSearch #vehicle_base.popup-wrap {
display: grid;
grid-gap: 16px;
grid-template-columns: 1fr !important;
grid-template-rows: auto 1fr !important;
margin-bottom: 0 !important;
height: fit-content !important;
height: -moz-fit-content !important;
}
.df-dom-dealfinder #divNewFareSearch #vehicle_base.popup-wrap .popup_body {
margin: 0 16px !important;
}
.df-dom-dealfinder #divNewFareSearch #vehicle_base.popup-wrap .popup_body,
.df-dom-dealfinder #divNewFareSearch .vehicle_detail .popup-wrap .popup_body {
border-radius: 8px !important;
background: #fff !important;
padding: 16px !important;
position: relative !important;
display: grid;
grid-gap: 16px;
grid-template-columns: 1fr !important;
}
.df-dom-dealfinder #divNewFareSearch .vehicle_detail .popup-wrap .popup_body {
margin: 0 16px 16px !important;
}
.df-dom-dealfinder #divNewFareSearch #vehicle_base.popup span {
top: 0 !important;
color: #193354;
font-size: 1rem !important;
font-family: proxima-soft-bold !important;
padding: 0 !important;
margin: 0 !important;
position: inherit !important;
width: 100%;
text-align: left;
}
.df-dom-dealfinder #divNewFareSearch .popup#vehicle_base label.vehicle_type,
.df-dom-dealfinder #divNewFareSearch .popup.vehicle_detail ol li label {
position: relative;
display: flex;
align-items: center;
min-height: 32px !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
padding-right: 8px !important;
cursor: pointer;
color: #193354 !important;
border-radius: 8px !important;
margin-bottom: 0 !important;
font-family: proxima-soft-medium !important;
font-size: 1rem !important;
line-height: 1.25rem !important;
background: #f7f6f2 !important;
transition-timing-function: ease-out;
transition: 0.25s;
height: auto;
grid-column: 1 / span 3;
}
.df-dom-dealfinder
#divNewFareSearch
.popup#vehicle_base
label.vehicle_type.checked,
.df-dom-dealfinder #divNewFareSearch .popup.vehicle_detail label.checked {
background: #ede9e1 !important;
color: #193354 !important;
padding: 8px !important;
box-shadow: 0 0 0 0 #193354;
font-family: proxima-soft-bold !important;
}
.df-dom-dealfinder #divNewFareSearch .popup footer .popup_done {
height: 48px;
background-color: #ff4a0e;
color: #fff;
font-size: 1.1875rem;
cursor: pointer;
padding: 8px;
flex: 1 1 100%;
border: none;
margin: 0;
}
.df-dom-dealfinder #divNewFareSearch .popup fieldset {
padding: 0;
border: none;
margin-left: 0;
margin-right: 0;
display: grid !important;
grid-row-gap: 0;
grid-column: 1 / span 3;
}
.df-dom-dealfinder #divNewFareSearch .popup.vehicle_detail ol {
padding: 0;
margin: 0;
display: grid !important;
grid-gap: 16px;
grid-column: 1 / span 2;
grid-template-columns: 1fr;
}
.df-dom-dealfinder
#divNewFareSearch
.popup.vehicle_detail
ol.custom_vehicle_height,
.df-dom-dealfinder
#divNewFareSearch
.popup.vehicle_detail
ol.custom_vehicle_length {
padding: 0;
margin: 0;
display: grid !important;
grid-gap: 8px;
grid-column: 1;
grid-template-columns: 1fr 1fr 1fr;
}
.df-dom-dealfinder #divNewFareSearch .item_hdg_extra_mgn {
margin-top: 24px;
display: inline-block;
font-size: 14px;
padding-left: 16px;
font-weight: 400;
margin-bottom: 16px;
}
.df-dom-dealfinder
#divNewFareSearch
.popup.vehicle_detail
.caravan_trailer
span,
.df-dom-dealfinder
#divNewFareSearch
.popup.vehicle_detail
.extra_luggage
span,
.df-dom-dealfinder #divNewFareSearch .popup.vehicle_detail .item_hdg {
display: inline-block;
color: #193354 !important;
font-size: 1.125rem !important;
line-height: 1.375rem !important;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
margin-top: 0 !important;
padding: 24px 0 16px !important;
grid-column: 1 / span 2;
}
.df-dom-dealfinder
#divNewFareSearch
.popup.vehicle_detail
.custom_vehicle_length
label,
.df-dom-dealfinder
#divNewFareSearch
.popup.vehicle_detail
.vehicle_make
label,
.df-dom-dealfinder #divNewFareSearch .popup.vehicle_detail label {
height: fit-content;
height: -moz-fit-content;
margin: 0 !important;
padding-top: 7px !important;
padding-bottom: 8px !important;
min-height: 32px !important;
border: solid #ede9e1;
}
.df-dom-dealfinder #divNewFareSearch .popup.vehicle_detail .extra_luggage {
display: grid;
margin: 0;
grid-template-columns: 1fr 1fr;
grid-column-gap: 16px;
grid-column: 1 / span 3;
}
.df-dom-dealfinder
#divNewFareSearch
.popup.vehicle_detail
.extra_luggage_yes {
display: grid;
margin: 0;
grid-template-columns: 1fr 1fr;
grid-column-gap: 16px;
}
.df-dom-dealfinder #divNewFareSearch .popup.vehicle_detail .caravan_trailer {
width: 100%;
display: grid !important;
grid-template-columns: 1fr auto;
grid-column-gap: 16px;
grid-row-gap: 8px !important;
margin: 0 0 16px !important;
grid-column: 1 / span 3;
}
.df-dom-dealfinder
#divNewFareSearch
.popup.vehicle_detail
.extra_luggage
.additional_dimensions {
margin-top: 8px;
grid-column: 1 / span 2;
display: grid;
grid-gap: 8px;
}
.df-dom-dealfinder
#divNewFareSearch
.additional_dimensions_height.checked
li.chosen,
.df-dom-dealfinder
#divNewFareSearch
.additional_dimensions_length.checked
li.chosen {
list-style-type: none;
grid-column: 1 / span 3;
margin-bottom: 0 !important;
}
.df-dom-dealfinder #divNewFareSearch .additional_dimensions_height li.chosen,
.df-dom-dealfinder #divNewFareSearch .additional_dimensions_length li.chosen,
.df-dom-dealfinder
#divNewFareSearch
.caravan_trailer_details_height
li.chosen,
.df-dom-dealfinder
#divNewFareSearch
.caravan_trailer_details_length
li.chosen {
list-style-type: none;
grid-column: 1 / span 3;
margin-top: 8px;
}
.df-dom-dealfinder #divNewFareSearch ol.custom_vehicle_height li.chosen,
.df-dom-dealfinder #divNewFareSearch ol.custom_vehicle_length li.chosen {
list-style-type: none;
grid-column: 1 / span 3;
margin-bottom: 8px !important;
margin-top: 8px;
}
.df-dom-dealfinder
#divNewFareSearch
.popup.vehicle_detail
.caravan_trailer
fieldset {
display: grid !important;
grid-template-columns: 1fr;
grid-template-rows: auto 1fr;
}
.df-dom-dealfinder
#divNewFareSearch
.popup.vehicle_detail
label
input[type="text"] {
padding: 8px;
vertical-align: middle;
border: 0 solid #ccc !important;
font-family: proxima-soft !important;
font-size: 1rem;
font-weight: 400;
width: 100%;
height: 40px;
line-height: 1.125rem;
color: #333;
background-color: #fff;
border-radius: 8px;
cursor: pointer;
margin: 0 !important;
}
.df-dom-dealfinder #divNewFareSearch .popup label.long {
border: solid #d3d0cb !important;
border-radius: 8px !important;
margin: 8px 0 !important;
}
.df-dom-dealfinder #divNewFareSearch .popup label.long,
.df-dom-dealfinder #divNewFareSearch .popup label.long.checked {
background: transparent !important;
min-height: fit-content !important;
min-height: -moz-fit-content !important;
padding: 0 !important;
cursor: pointer;
color: #193354;
font-size: 1rem !important;
background: #edebe6;
}
.df-dom-dealfinder #divNewFareSearch .popup label.long.checked {
border: solid #45b7ed !important;
border-radius: 8px !important;
margin: 0 0 8px !important;
}
.df-dom-dealfinder
#divNewFareSearch
#deal_finder1[data-state="entering_journey_info"]
.currency {
background-color: #475c77 !important;
color: #fff !important;
padding: 8px !important;
margin: 0 !important;
display: block !important;
height: auto !important;
grid-row: auto;
}
.df-dom-dealfinder #divNewFareSearch .popup.popup_slider footer {
display: grid !important;
grid-column: 1 / span 3;
}
.df-dom-dealfinder #divNewFareSearch .popup .error_messages {
background: #fee6e6 url(https://static.directferries.co.uk/image/ico/red/info.svg) 8px 8px no-repeat !important;
background-size: 24px !important;
color: #f10103 !important;
font-size: 14px !important;
line-height: 1.25rem !important;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
padding: 8px 16px 8px 40px !important;
margin-bottom: 8px !important;
border-radius: 8px !important;
opacity: 0;
animation: fadein 0.3s ease-in-out forwards;
min-height: 40px;
grid-column: 1 / span 3;
}
.df-dom-dealfinder #divNewFareSearch .popup .error_messages li {
font-size: 1rem;
line-height: 1.5rem;
font-weight: 400;
font-family: proxima-soft-bold !important;
}
.df-dom-dealfinder #divNewFareSearch .popup#currency_popup .popup_body {
border-radius: 8px !important;
background: #fff !important;
margin: 0 16px !important;
padding: 16px !important;
position: relative !important;
display: grid;
grid-gap: 16px;
grid-template-columns: 1fr !important;
}
.df-dom-dealfinder
#divNewFareSearch
.popup#currency_popup
.popup_body
section {
grid-column: 1 / span 3;
}
.df-dom-dealfinder
#divNewFareSearch
.popup#currency_popup
.popup_body
section
ol.item_list.journey_currency {
display: grid;
grid-gap: 8px;
}
.df-dom-dealfinder
#divNewFareSearch
.popup#currency_popup
.journey_currency
label.checked {
background: #ede9e1 !important;
color: #193354 !important;
padding: 8px !important;
box-shadow: 0 0 0 0 #193354;
font-family: proxima-soft-bold !important;
}
.df-dom-dealfinder #divNewFareSearch .resDiscount {
grid-column: span 2;
font-size: 1rem;
font-weight: 500;
padding: 10px 8px;
margin-bottom: 8px;
background: #e0f1fa;
border-radius: 4px;
display: flex;
align-items: center;
height: fit-content;
height: -moz-fit-content;
}
.df-dom-dealfinder #divNewFareSearch .resDiscount span {
background: rgba(100, 182, 230, 0.30980392156862746);
padding: 4px 8px;
border-radius: 3px;
margin-right: 2px;
color: #193354;
font-family: proxima-soft-bold !important;
line-height: 1.125rem;
}
.df-dom-dealfinder #divNewFareSearch .resDiscount .mat_i {
font-size: 1.5rem;
margin-right: 4px;
color: #193354;
}
.df-dom-dealfinder #divNewFareSearch #deal_finder1 .error_messages {
grid-column: span 2;
grid-row: 5;
background: #fee6e6 url(https://static.directferries.co.uk/image/ico/red/info.svg) 8px 8px no-repeat !important;
background-size: 24px !important;
color: #f10103 !important;
font-size: 14px !important;
line-height: 1.25rem !important;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
padding: 8px 16px 8px 40px !important;
margin-bottom: 8px !important;
border-radius: 8px !important;
opacity: 0;
animation: fadein 0.3s ease-in-out forwards;
min-height: 40px;
}
.df-dom-dealfinder #divNewFareSearch #deal_finder1.invalid .error_messages {
grid-row: auto;
}
#CustomerService.AppStyle #header,
.ABDivSubRow .subNav ul li.active {
display: none !important;
}
#deal_finder_container .mob-dealfinder {
position: relative;
align-content: start;
background-color: #193354 !important;
font-family: proxima-soft !important;
line-height: 1.125rem;
border-radius: 0 !important;
max-width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
grid-column-gap: 24px !important;
padding: 16px !important;
border-radius: 8px !important;
}
.mob-dealfinder .deal_finder_wrap {
flex: 100%;
position: relative;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 40px auto auto !important;
grid-column-gap: 8px !important;
grid-row-gap: 8px !important;
}
#deal_finder_container form.mob-dealfinder {
margin: 0 !important;
background-color: #193354 !important;
grid-template-columns: auto !important;
align-self: center;
}
.fsControl,
.mob-dealfinder .form-control {
display: block;
width: 100%;
height: 48px !important;
line-height: 1.125rem;
background-color: #fff !important;
color: #193354 !important;
background-image: none;
border: 2px solid #d3d0c9 !important;
font-size: 1rem !important;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
border-radius: 8px !important;
text-decoration: none;
padding: 8px !important;
}
.mob-dealfinder .journey_type input,
.mob-dealfinder .journey_type label {
margin: 0 8px 0 0;
}
.mob-dealfinder .journey_type label.checked {
background-color: #475c77 !important;
}
.mob-dealfinder .journey_type label,
.mob-dealfinder .journey_type label.checked {
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
font-size: 1rem !important;
color: #fff !important;
border-radius: 8px !important;
}
.mob-dealfinder .journey_type label {
background-color: #193354 !important;
}
.mob-dealfinder .journey_type label.checked,
.mob-dealfinder section.journey_type label:first-of-type,
.mob-dealfinder section.journey_type label:nth-of-type(2) {
border-top-right-radius: 8px !important;
border-bottom-right-radius: 8px !important;
border-top-left-radius: 8 !important;
border-bottom-left-radius: 8 !important;
border: 0 solid #edebe6 !important;
border-left: 0 !important;
}
.mob-dealfinder .journey_timing {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 24px 48px !important;
grid-column-gap: 8px !important;
}
.mob-dealfinder .journey_timing.timing_outbound.hide_until_times {
background-color: #fff;
}
.mob-dealfinder .journey_timing .open_ticket {
line-height: 1.25rem !important;
align-items: center;
background-color: #ecf7fd !important;
color: #193354 !important;
font-size: 1rem !important;
padding: 8px !important;
border-radius: 8px !important;
width: 100%;
margin-top: 16px;
margin-bottom: 0;
}
.mob-dealfinder .journey_timing .open_ticket .checkbox-label {
display: inline-block !important;
padding-top: 0 !important;
padding-left: 8px !important;
text-align: left !important;
}
.mob-dealfinder .journey_timing .open_ticket.selected {
background-color: #ecf7fd !important;
margin: 8px;
width: auto;
}
.mob-dealfinder .journey_timing.timing_outbound #cal_outbound,
.mob-dealfinder .journey_timing.timing_outbound #time_outbound {
grid-column: 1;
background-color: transparent !important;
border: none !important;
padding-left: 40px !important;
}
.mob-dealfinder .journey_timing.timing_return #cal_return,
.mob-dealfinder .journey_timing.timing_return #time_return {
grid-column: 2;
background-color: transparent !important;
border: none !important;
padding-left: 40px !important;
}
.mob-dealfinder[data-state="full_open_ticket"]
.timing_outbound
.open_ticket_note_full,
.mob-dealfinder[data-state="return_open_ticket"]
.timing_return
.open_ticket_note_return {
display: grid !important;
grid-template-rows: auto 1fr !important;
min-height: 320px !important;
}
.mob-dealfinder .journey_timing [class^="open_ticket_note"] {
grid-template-rows: 1fr 1fr;
justify-content: center;
text-align: center;
background-color: #fff;
grid-column: 1/3;
grid-row: 3;
opacity: 0;
animation: fadein 0.3s ease-in-out forwards;
min-height: 312px !important;
}
.mob-dealfinder[data-state="full_open_ticket"]
.timing_outbound
.open_ticket_note_full
span.h4,
.mob-dealfinder[data-state="return_open_ticket"]
.timing_return
.open_ticket_note_return
span.h4 {
font-size: 1.5rem;
font-weight: 400 !important;
padding-left: 16px;
margin: 8px 0;
padding-top: 96px;
background-repeat: no-repeat !important;
background-size: 80px !important;
background-position: center 12px !important;
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/booking.svg) !important;
color: #193354;
}
.mob-dealfinder[data-state="full_open_ticket"]
.timing_outbound
.open_ticket_note_full
p,
.mob-dealfinder[data-state="return_open_ticket"]
.timing_return
.open_ticket_note_return
p {
font-size: 1rem !important;
margin: 0 0 10px;
padding: 8px 24px;
line-height: 1.375rem;
color: #193354;
}
.mob-dealfinder .error_messages {
grid-column: span 2;
background: #fee6e6 url(https://static.directferries.co.uk/image/ico/red/info.svg) 8px 8px no-repeat !important;
background-size: 24px !important;
color: #f10103 !important;
font-size: 14px !important;
line-height: 1.25rem !important;
padding: 8px 16px 8px 40px !important;
margin-bottom: 8px !important;
border-radius: 8px !important;
opacity: 0;
animation: fadein 0.3s ease-in-out forwards;
min-height: 40px;
}
.mob-dealfinder .error_messages,
.mob-dealfinder .error_messages li {
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
}
.mob-dealfinder .error_messages li {
font-size: 1rem !important;
line-height: 1rem !important;
padding: 4px !important;
}
.mob-dealfinder .error_messages ul li {
color: #f10103 !important;
font-size: 14px !important;
line-height: 1.125rem !important;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
vertical-align: middle;
}
.mob-dealfinder input[type="radio"]:checked:after {
background-color: #193354;
}
.mob-dealfinder input[type="radio"]:after,
.mob-dealfinder input[type="radio"]:checked:after {
width: 24px;
height: 24px;
border-radius: 24px;
top: -6px;
left: -6px;
position: relative;
content: "";
display: inline-block;
visibility: hidden;
border: 4px solid #fff;
}
.mob-dealfinder input[type="radio"]:after {
background-color: #ede9e1;
}
.deal_finder1.one_way[data-state="entering_journey_info"] .journey_timing {
grid-column-end: 3 !important;
grid-template-columns: 1fr;
grid-template-rows: 30px;
}
form#deal_finder1[data-state="entering_date_outbound"] .deal_finder_wrap,
form#deal_finder1[data-state="entering_date_return"] .deal_finder_wrap,
form#deal_finder1[data-state="entering_time_outbound"] .deal_finder_wrap,
form#deal_finder1[data-state="entering_time_return"] .deal_finder_wrap,
form#deal_finder1[data-state="showing_routes_list"] .deal_finder_wrap {
padding: 0 !important;
background: transparent !important;
border-radius: 4px;
}
.mob-dealfinder .journey_route {
position: relative;
display: block;
margin-bottom: 8px !important;
margin-top: 8px !important;
}
.mob-dealfinder .journey_route.diff_trip {
position: relative;
display: block;
margin-bottom: 8px !important;
margin-top: 0 !important;
}
#deal_finder1.mob-dealfinder.deal_finder1 .animate.fadeInUp {
overflow-y: auto;
max-height: 400px;
-ms-overflow-style: none;
min-height: unset !important;
}
.mob-dealfinder .animate.fadeInUp::-webkit-scrollbar {
display: none;
}
.mob-dealfinder .route_list h5 {
font-size: 14px;
color: #fff !important;
margin: 8px 0;
font-size: 1.125rem;
padding: 16px 0 8px 16px !important;
font-family: proxima-soft-bold;
font-weight: 400 !important;
-webkit-font-smoothing: antialiased;
}
#journey_route_parent .route_list h5 {
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
color: #fff !important;
font-size: 1rem !important;
line-height: 1.25rem !important;
opacity: 1;
border-bottom: 0 solid #fff !important;
margin: 0 0 0 8px;
padding: 8px 0;
background: transparent !important;
}
.mob-dealfinder .route_list .routes li {
background-image: linear-gradient( 45deg, #fff 16.67%, #f7f6f2 0, #f7f6f2 50%, #fff 0, #fff 66.67%, #f7f6f2 0, #f7f6f2 ) !important;
background-size: 4.24px 4.24px !important;
padding: 0 16px;
min-height: 56px;
padding-top: 12px !important;
padding-bottom: 12px !important;
cursor: pointer;
color: #193354;
margin-bottom: 8px;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
border-radius: 8px !important;
}
.mob-dealfinder .route_list .routes li i.material-icons {
background: #ede9e1 !important;
border-radius: 50% !important;
padding: 4px !important;
font-size: 1.5rem !important;
}
.mob-dealfinder .route_list .routes li > div .port {
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
font-size: 1rem !important;
line-height: 1.25rem !important;
color: #193354 !important;
margin-bottom: 2px !important;
}
.mob-dealfinder .route_list .routes li > div .location {
font-family: proxima-soft-light !important;
font-weight: 300 !important;
font-size: 14px !important;
line-height: 1.125rem !important;
color: #193354 !important;
}
.mob-dealfinder .route_list .routes li > div .location mark,
.mob-dealfinder .route_list .routes li > div .port mark {
background-color: #e0f1fa;
color: #193354 !important;
border-radius: 4px;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
}
#deal_finder1 .mob-dealfinder .journey_timing {
grid-row: 3;
grid-column: 1/3;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 40px 40px auto 40px;
align-content: start;
border-radius: 8px !important;
flex-direction: column;
}
.mob-dealfinder[data-state="entering_journey_info"]
.journey_timing.timing_outbound,
.mob-dealfinder[data-state="entering_journey_info"]
.journey_timing.timing_return {
cursor: pointer;
background: #fff !important;
border-radius: 8px !important;
}
.mob-dealfinder[data-state="entering_journey_info"]
.journey_timing.timing_outbound
.form-control,
.mob-dealfinder[data-state="entering_journey_info"]
.journey_timing.timing_return
.form-control {
display: block;
width: 100%;
height: 48px !important;
line-height: 1.125rem;
background-color: transparent !important;
color: #193354 !important;
background-image: none;
border: 0 solid #d3d0c9 !important;
font-size: 1rem !important;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
border-radius: 8px !important;
text-decoration: none;
padding: 8px 8px 8px 36px !important;
}
.mob-dealfinder .journey_timing .journey_date.outbound {
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/leaving.svg) !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: 8px !important;
}
.mob-dealfinder .journey_timing .journey_date.inbound {
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/returning.svg) !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: 8px !important;
}
form.mob-dealfinder[data-state="entering_date_outbound"] .journey_timing,
form.mob-dealfinder[data-state="entering_date_return"] .journey_timing,
form.mob-dealfinder[data-state="entering_time_outbound"] .journey_timing,
form.mob-dealfinder[data-state="entering_time_return"] .journey_timing {
background-color: #fff !important;
padding: 8px !important;
border-radius: 8px !important;
}
form.mob-dealfinder[data-state="entering_date_outbound"] .deal_finder_wrap,
form.mob-dealfinder[data-state="entering_date_return"] .deal_finder_wrap,
form.mob-dealfinder[data-state="entering_time_outbound"] .deal_finder_wrap,
form.mob-dealfinder[data-state="entering_time_return"] .deal_finder_wrap {
flex: 100% !important;
position: relative;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 40px auto 1fr !important;
grid-column-gap: 8px !important;
grid-row-gap: 8px !important;
}
.mob-dealfinder
form.mob-dealfinder[data-state="entering_date_outbound"]
.journey_timing,
form.mob-dealfinder[data-state="entering_date_return"] .journey_timing,
form.mob-dealfinder[data-state="entering_time_outbound"] .journey_timing,
form.mob-dealfinder[data-state="entering_time_return"] .journey_timing {
display: flex !important;
align-items: center;
grid-template-rows: 0 40px auto 40px;
}
ul.sep-pax-select {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
justify-self: stretch !important;
grid-column-gap: 8px !important;
}
ul.sep-pax-select li {
width: 100% !important;
}
.trip_outbound {
display: grid;
grid-template-rows: auto;
grid-row-gap: 8px !important;
grid-template-columns: auto;
}
.trip_outbound ul {
display: grid;
grid-column: 1 / span 2;
}
#deal_finder1 .journey_info .trip_return.diff_trip {
margin-top: 8px;
display: grid;
grid-gap: 8px;
}
.trip_return.diff_trip ul {
display: grid;
grid-column: 1 / span 2;
}
.ab2284 ul.sep-pax-select {
display: grid !important;
grid-template-columns: 1fr 1fr 1fr !important;
justify-self: stretch !important;
grid-column-gap: 8px !important;
grid-column: 1 / span 2;
}
.ab2284 ul.sep-pax-select li {
width: 100% !important;
margin: 0 !important;
}
.mob-dealfinder .journey_info {
margin-top: 0;
}
.mob-dealfinder .journey_info span.h4 {
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
color: #fff !important;
font-size: 1rem !important;
line-height: 1.25rem !important;
margin-top: 4px !important;
margin-bottom: 8px !important;
}
.ab2284 .journey_info.hide_until_summary > span.h4 {
display: block !important;
}
.popup#currency_popup .journey_currency label,
.popup#pets_popup label.pet_counter,
.popup#vehicle_base label.vehicle_type,
.popup.vehicle_detail label,
[data-popup],
[data-popup].passengers,
[data-popup].pets,
[data-popup].vehicle {
min-height: 48px !important;
padding: 8px !important;
cursor: pointer;
color: #193354 !important;
border-radius: 8px !important;
margin-bottom: 8px !important;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
font-size: 1rem !important;
line-height: 1.25rem !important;
background: #f7f6f2 !important;
}
.mob-dealfinder .sep-pax-select [data-popup].passengers {
min-height: 48px !important;
padding: 46px 8px 8px !important;
cursor: pointer;
color: #193354 !important;
border-radius: 8px !important;
margin-bottom: 8px !important;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
font-size: 1rem !important;
line-height: 1.25rem !important;
background: transparent !important;
}
.ab2284 #deal_finder1 [data-popup].passengers i {
padding-bottom: 4px;
display: none;
}
.mob-dealfinder ul.sep-pax-select li:first-child {
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/passengers.svg) !important;
}
.mob-dealfinder ul.sep-pax-select li:first-child,
.mob-dealfinder ul.sep-pax-select li:nth-child(2) {
background-repeat: no-repeat !important;
background-size: 32px !important;
background-position: center 12px !important;
margin-bottom: 8px;
background-color: #fff;
border-radius: 8px;
height: inherit;
}
.mob-dealfinder ul.sep-pax-select li:nth-child(2) {
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/child.svg) !important;
}
.ab2284 .mob-dealfinder ul.sep-pax-select li:nth-child(3) {
background-repeat: no-repeat !important;
background-size: 32px !important;
background-position: center 12px !important;
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/pets.svg) !important;
margin-bottom: 8px;
background-color: #fff;
border-radius: 8px;
height: inherit;
}
.ab2284 ul.sep-pax-select li a span:nth-child(2) {
padding: 0;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
font-size: 1rem !important;
margin-top: 4px;
}
ul.sep-pax-select li a span:nth-child(2) {
padding: 0;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
font-size: 1.375rem !important;
margin-top: 4px;
}
i.material-icons.df-dark-blue {
color: #193354;
display: block;
position: absolute;
right: 8px !important;
}
ul.sep-pax-select li a span {
padding: 0;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
font-size: 1rem !important;
margin-top: 4px;
}
ul.sep-pax-select li a span#sep_pax_adults_count,
ul.sep-pax-select li a span#sep_pax_children_count,
ul.sep-pax-select li a span#sep_pax_pets_count {
padding: 0;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
font-size: 1.375rem !important;
margin-top: 4px;
}
form.mob-dealfinder .journey_info .diff_details {
background: transparent !important;
padding-left: 16px;
grid-row: 4;
flex-direction: row-reverse;
justify-content: flex-end;
display: flex;
align-items: center;
background-color: #fff;
padding: 8px !important;
border-radius: 0;
margin-bottom: 0;
justify-content: space-between;
}
.mob-dealfinder .journey_info .diff_details .checkbox-label {
color: #fff !important;
font-size: 1rem;
cursor: pointer;
display: inline-block;
font-weight: 500;
padding-top: 2px;
padding-left: 10px;
text-align: left;
}
.df-dom-dealfinder .mob-dealfinder .currency {
background-color: #475c77 !important;
color: #fff !important;
padding: 8px !important;
margin: 0 !important;
display: block !important;
min-height: 32px !important;
}
.mob-dealfinder .df_submit {
flex: 1 1 100%;
height: 48px;
background-color: #ff4a0e;
color: #fff;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
border-radius: 8px !important;
padding: 8px !important;
border: none;
cursor: pointer;
margin-bottom: 0 !important;
grid-column: span 2;
align-self: end;
margin-top: 8px;
}
.mob-dealfinder .df_submit img {
object-fit: unset;
width: 25%;
margin: 0 auto;
}
.mob-dealfinder #ageRangePrompt {
background: #e0f1fa;
color: #193354 !important;
margin-bottom: 10px;
padding: 12px 32px 12px 8px;
position: relative;
margin-top: 0;
width: 100%;
border-radius: 4px;
display: flex;
align-items: center;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
font-size: 1rem;
line-height: 1rem;
grid-column: span 2;
justify-self: start;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.mob-dealfinder #ageRangePrompt i.close-icon {
position: absolute;
top: 12px;
right: 8px;
padding: 0;
font-size: 1.25rem;
cursor: pointer;
}
.mob-dealfinder #ageRangePrompt i.age-icon {
padding-right: 16px;
}
.mob-dealfinder .journey_timing .newDatepicker.mbsc-material .mbsc-cal-month,
.mob-dealfinder .journey_timing .newDatepicker.mbsc-material .mbsc-cal-year,
.mob-dealfinder .journey_timing .newTimepicker.mbsc-material .mbsc-cal-month,
.mob-dealfinder .journey_timing .newTimepicker.mbsc-material .mbsc-cal-year {
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
}
#deal_finder_container form.mob-dealfinder .mbsc-material .mbsc-cal-day-date {
display: inline-block;
width: 28px !important;
height: 28px !important;
margin: 4px !important;
line-height: 1.625rem !important;
font-size: 1rem !important;
font-weight: 500;
border: 4px solid transparent !important;
margin: 0;
color: #193354 !important;
background-color: #ede9e1 !important;
transition: 0.2s;
transition-timing-function: ease-out;
}
#deal_finder_container
form.mob-dealfinder
.mbsc-material
.mbsc-cal-day-date:active {
color: #fff !important;
background-color: #193354 !important;
}
#deal_finder_container
form.mob-dealfinder
.mbsc-material
.mbsc-cal
.mbsc-cal-btn {
width: 40px !important;
height: 40px !important;
padding: 0 !important;
line-height: 2.5rem !important;
font-size: 2.25rem !important;
border-radius: 100px !important;
margin: 0 !important;
}
form#deal_finder1 .mbsc-cal-days,
form#deal_finder1 .mbsc-cal-slide {
padding: 0 !important;
}
#deal_finder_container form.mob-dealfinder .mbsc-cal-days {
padding: 0 8px;
border-top: 0 solid #eee !important;
border-bottom: 0 solid #eee !important;
padding: 0 !important;
margin-top: 0;
width: 100%;
line-height: 1.875em;
text-align: center;
}
#deal_finder_container
form.mob-dealfinder
.mbsc-material
.mbsc-selected
.mbsc-cal-day-date {
font-weight: 700 !important;
color: #fff !important;
background: #ff4a0e !important;
border: 4px solid #ff4a0e !important;
}
.mob-dealfinder .journey_timing .newDatepicker .mbsc-fr-w,
.mob-dealfinder .journey_timing .newTimepicker .mbsc-fr-w {
background-color: #fff;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
}
.mob-dealfinder .journey_timing .newDatepicker.mbsc-material .mbsc-fr-hdr,
.mob-dealfinder .journey_timing .newTimepicker.mbsc-material .mbsc-fr-hdr {
font-size: 1.125rem;
font-weight: 700;
padding: 0;
color: #193354;
height: 40px;
align-items: center;
text-transform: none;
}
.mbsc-material .mbsc-sc-whl-gr {
padding: 80px 0 !important;
}
#deal_finder_container form.mob-dealfinder .mbsc-material .mbsc-sc-whl-l {
border-top: 0 solid #ccc !important;
border-bottom: 0 solid #ccc !important;
background-color: #ede9e1;
border-radius: 100px;
color: #193354 !important;
}
#deal_finder_container
form.mob-dealfinder
.mbsc-sc-itm.mbsc-btn-e.mbsc-sc-itm-sel {
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
font-size: 1.625rem !important;
color: #193354 !important;
line-height: 2.25rem !important;
}
#deal_finder_container form.mob-dealfinder .mbsc-material .mbsc-sc-itm {
font-family: proxima-soft-light !important;
font-weight: 300 !important;
font-size: 1.375rem !important;
color: #193354 !important;
line-height: 2.25rem !important;
}
.mbsc-material.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover,
.mbsc-material .mbsc-sc-itm:focus {
outline: 0;
background: transparent !important;
border-radius: 100px;
cursor: pointer;
}
.ABDivSubRow .fsWrap {
background: transparent !important;
border-top-right-radius: 8px !important;
border-top-left-radius: 8px !important;
border-bottom-right-radius: 8px !important;
border-bottom-left-radius: 8px !important;
}
.popup {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 10 !important;
height: 100%;
opacity: 0;
animation: fadein 0.3s ease-in-out forwards;
display: flex;
flex-direction: column;
background-color: #193354 !important;
color: #333;
padding: 0 !important;
}
.popup > * {
margin-bottom: 0 !important;
height: 90% !important;
}
.popup-wrap .popup_head {
padding-bottom: 48px !important;
height: 0 !important;
}
.popup-wrap .popup_body {
border-radius: 8px !important;
background: #fff !important;
margin: 8px !important;
padding: 8px !important;
position: relative !important;
}
.popup .popup_closer {
right: auto;
left: 16px;
background: none;
top: 12px;
font-size: 1.5rem;
height: 24px;
width: 24px;
line-height: 1;
cursor: pointer;
}
.popup .popup_closer i {
color: #fff !important;
font-size: 1.25rem;
}
.popup h1 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: auto;
text-align: middle;
width: 100%;
text-align: center;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
font-size: 1.125rem !important;
line-height: 1.25rem !important;
color: #fff !important;
margin-bottom: 0 !important;
}
.popup#passengers_popup fieldset .passengers_list {
padding: 0 !important;
margin: 0 !important;
}
.popup#passengers_popup label.pax_counter,
.popup#pets_popup label.pet_counter {
min-height: 56px !important;
padding: 8px 8px 8px 40px !important;
cursor: auto;
color: #193354;
border-radius: 8px !important;
margin-bottom: 8px !important;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
font-size: 1rem !important;
background: #f7f6f2 !important;
position: relative;
display: flex;
align-items: center;
touch-action: manipulation;
}
.popup#passengers_popup label.pax_counter[for="total-adults"] {
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/passengers.svg) !important;
}
.popup#passengers_popup label.pax_counter[for="total-children"] {
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/child.svg) !important;
}
.popup#pets_popup .pet_counter[for="petType1_outbound"],
.popup#pets_popup .pet_counter[for="petType2_outbound"],
.popup#pets_popup .pet_counter[for="petType7_outbound"],
.popup#pets_popup .pet_counter[for="petType8_outbound"] {
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/pets.svg) !important;
}
.popup#pets_popup .pet_counter[for="petType3_outbound"] {
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/light-blue/pets-assistant.svg) !important;
}
.popup#passengers_popup .pax_counter span,
.popup#pets_popup .pet_counter span {
cursor: pointer;
background: transparent !important;
border-radius: 8px;
display: inline-flex;
justify-content: center;
align-items: center;
height: 40px;
border: 0 solid #ccc !important;
font-family: proxima-soft !important;
font-size: 1.75rem !important;
line-height: 1.75rem !important;
height: 32px !important;
width: 32px !important;
}
.popup#passengers_popup .pax_counter span:hover,
.popup#pets_popup .pet_counter span:hover {
cursor: pointer;
background: #f7f6f2 !important;
border-radius: 100px !important;
height: 32px;
}
.popup#passengers_popup .pax_counter span.decrement-pax,
.popup#passengers_popup .pax_counter span.increment-pax {
-webkit-tap-highlight-color: transparent;
}
.popup#passengers_popup .pax_counter output,
.popup#pets_popup .pet_counter output {
border-width: 0 !important;
border: none;
font-size: 1.25rem !important;
background-color: #ede9e1;
border-radius: 100px;
height: 32px !important;
width: 32px !important;
margin: 0 8px !important;
}
.notes p.pax-note {
display: flex;
justify-content: space-between;
align-items: center;
color: #193354 !important;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
font-size: 1rem !important;
margin: 8px 0 16px;
padding: 0 16px !important;
}
.child-age-inputs {
display: flex;
flex-wrap: wrap;
margin: 8px;
}
.child-age-inputs .child-age label.passenger_age_label {
visibility: hidden;
margin-bottom: 8px;
padding: 8px !important;
position: relative;
display: inline-block;
width: 100%;
}
.child-age-inputs .child-age label.passenger_age_label select {
width: 100%;
outline: none !important;
padding: 8px !important;
border-radius: 8px !important;
color: #193354 !important;
position: absolute !important;
border: none !important;
background-color: #f7f6f2 !important;
}
.popup label {
display: flex;
justify-content: space-between;
align-items: center;
color: #193354 !important;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
font-size: 1rem !important;
margin: 0 0 8px;
padding: 0 8px !important;
}
.popup label select {
padding: 8px 40px 8px 8px;
border-radius: 8px;
color: #193354;
border: none;
color: #193354 !important;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
font-size: 1.125rem !important;
}
.child-age-inputs .child-age i {
position: absolute;
right: 5px;
top: 8px;
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/dropdown.svg);
background-repeat: no-repeat;
background-size: 24px;
}
#vehicle_base.popup span {
top: -16px !important;
font-size: 12px !important;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
margin: 5px 0 !important;
}
.popup.vehicle_detail li.chosen {
grid-column: 1 / span all;
}
.popup.vehicle_detail
fieldset.caravan_trailer_details
.caravan_trailer_details_select {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 8px;
}
.popup#vehicle_base label.vehicle_type,
.popup.vehicle_detail ol li label {
position: relative;
display: flex;
align-items: center;
min-height: 32px !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
padding-right: 8px !important;
cursor: pointer;
color: #193354 !important;
border-radius: 8px !important;
margin-bottom: 8px !important;
font-family: proxima-soft !important;
font-size: 1rem !important;
background: #f7f6f2 !important;
transition-timing-function: ease-out;
transition: 0.25s;
height: auto;
}
.popup#currency_popup .journey_currency label.checked,
.popup#vehicle_base label.vehicle_type.checked,
.popup.vehicle_detail label.checked {
background: #e9eaee !important;
color: #193354 !important;
padding: 8px !important;
font-family: proxima-soft-bold, sans-serif !important;
}
.popup#pets_popup label.pet_counter.checked {
background-color: #e9eaee !important;
color: #193354 !important;
padding: 8px 8px 8px 40px !important;
}
.popup#currency_popup .journey_currency label.chosen,
.popup#vehicle_base label.vehicle_type.chosen,
.popup.vehicle_detail label.chosen {
background: #e9eaee !important;
color: #193354 !important;
padding: 8px !important;
}
.popup#pets_popup label.pet_counter.chosen {
background-color: #e9eaee !important;
color: #193354 !important;
padding: 8px 8px 8px 40px !important;
}
.popup#vehicle_base label.vehicle_type:hover,
.popup.vehicle_detail ol li label:hover {
color: #fff !important;
background: #193354 !important;
}
#vehicle_base.popup span {
top: -12px !important;
color: #193354;
font-size: 14px !important;
font-family: proxima-soft-light !important;
font-weight: 300 !important;
padding: 8px !important;
margin: 8px 0 !important;
position: inherit !important;
width: 100%;
text-align: center;
}
.popup#vehicle_base label.vehicle_type:first-child {
margin-bottom: 24px !important;
padding-left: 8px;
}
.popup.vehicle_detail .extra_luggage {
display: flex;
flex-wrap: wrap;
margin: 0;
background-color: #fff !important;
padding: 0 !important;
}
.popup.vehicle_detail .caravan_trailer {
width: 100%;
background-color: #fff !important;
padding: 0 !important;
}
.popup.vehicle_detail .caravan_trailer label {
padding: 8px !important;
cursor: pointer;
color: #193354 !important;
border-radius: 8px !important;
margin-bottom: 8px !important;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
font-size: 1rem !important;
line-height: 1.25rem !important;
background: #f7f6f2 !important;
}
.popup.vehicle_detail .caravan_trailer label.checked,
.popup.vehicle_detail .caravan_trailer label.chosen,
.popup.vehicle_detail .caravan_trailer label.selected {
background: #e9eaee !important;
color: #193354 !important;
padding: 8px !important;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
}
.popup.vehicle_detail .caravan_trailer fieldset {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto 1fr;
}
.popup.vehicle_detail .extra_luggage .additional_dimensions ol,
.popup.vehicle_detail fieldset ol.item_list.caravan_trailer_details_height,
.popup.vehicle_detail fieldset ol.item_list.caravan_trailer_details_length {
display: grid;
grid-template-columns: 1fr 1fr 1fr !important;
grid-column-gap: 8px !important;
}
.popup.vehicle_detail .caravan_trailer span,
.popup.vehicle_detail .extra_luggage span,
.popup.vehicle_detail .item_hdg {
display: inline-block;
color: #193354 !important;
font-size: 1.25rem !important;
line-height: 1.5rem !important;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
margin-top: 16px !important;
padding: 8px !important;
}
.item_hdg_extra_mgn,
.item_hdg_top,
.popup.vehicle_detail .caravan_trailer span,
.popup.vehicle_detail .extra_luggage span,
.popup.vehicle_detail .item_hdg,
h6 {
display: inline-block;
color: #193354 !important;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
font-size: 1.125rem !important;
line-height: 1.125rem !important;
padding-left: 16px;
margin-bottom: 8px;
}
.popup.vehicle_detail label input[type="text"] {
padding: 8px;
vertical-align: middle;
border: 2px solid #ede9e1 !important;
color: #193354 !important;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
line-height: unset !important;
font-weight: 700 !important;
font-size: 1rem !important;
line-height: 1.125rem !important;
width: 100%;
height: 36px;
background-color: #fff;
border-radius: 8px;
cursor: pointer;
margin: 8px 0 !important;
}
.popup.vehicle_detail label input[type="text"]::placeholder {
color: #193354 !important;
font-family: proxima-soft-light !important;
font-weight: 300 !important;
font-size: 1rem !important;
line-height: normal !important;
}
.popup .modal_opener {
position: relative;
align-items: center;
background-color: #fff !important;
border-radius: 4px !important;
width: auto !important;
font-size: 14px;
padding: 8px 8px 8px 40px !important;
border: none;
margin: 8px !important;
background-repeat: no-repeat !important;
background-size: 24px !important;
background-position: left 8px bottom 50% !important;
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/info.svg) !important;
font-size: 1rem !important;
line-height: 1.125rem !important;
}
.popup .modal_opener,
.popup footer {
color: #193354 !important;
font-family: proxima-soft-light !important;
font-weight: 300 !important;
}
.popup footer {
background: #fff !important;
padding: 0 !important;
font-size: 14px !important;
}
.popup footer .popup_done {
height: 48px;
background-color: #ff4a0e;
color: #fff;
font-size: 1.1875rem;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
cursor: pointer;
padding: 8px;
border-radius: 8px !important;
flex: 1 1 100%;
border: none;
margin: 8px;
}
.popup > * input[type="radio"] {
width: 16px !important;
height: 16px !important;
}
.popup > * input[type="radio"]:checked:after {
background-color: #193354 !important;
display: inline-block !important;
}
.popup > * input[type="radio"]:after,
.popup > * input[type="radio"]:checked:after {
width: 16px !important;
height: 16px !important;
border-radius: 24px !important;
top: 0 !important;
left: 0 !important;
position: relative;
content: "";
visibility: visible !important;
border: 0 solid #fff !important;
}
.popup > * input[type="radio"]:after {
background-color: #ede9e1 !important;
display: inline-block;
}
}
@media (min-width: 769px) and (max-width: 810px) {
.mob-dealfinder .journey_type label,
.mob-dealfinder .journey_type label.checked {
font-size: 14px !important;
}
}
.allOpRoutes .accordion ul li h5 {
display: block;
font-weight: 700;
color: #193354;
font-size: 1.125rem;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
cursor: pointer;
background-color: transparent;
margin-bottom: 0;
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/dropdown.svg);
background-position: 100%;
background-repeat: no-repeat;
background-size: 24px;
padding: 0 0 8px;
}
.allOpRoutes .accordion ul li h5.up {
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/dropup.svg);
}
.allOpRoutes .accordion > ul > li {
margin-bottom: 24px;
}
.allOpRoutes .accordion > ul > li:last-of-type {
margin-bottom: 0;
}
.allOpRoutes .df__crossing--wrapper {
-webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.32));
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.32));
box-shadow: none;
padding: 8px 0;
background: transparent;
}
.allOpRoutes .df__crossing--wrapper .df__route-crossing a:first-of-type li {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.allOpRoutes .df__crossing--wrapper li.df__crossing:last-of-type {
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}
.df__crossing--wrapper {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
padding: 8px;
background: #fff;
}
@media (min-width: 769px) {
.df__crossing--wrapper .df__crossing {
grid-template-columns: 1fr 2fr 28px;
}
}
@media (min-width: 1025px) {
.df__crossing--wrapper .df__crossing {
grid-template-columns: 1fr 2fr 40px;
}
}
@media (min-width: 769px) {
.df__crossing--wrapper .df__crossing--op-details {
grid-template-columns: repeat(auto-fit, minmax(132px, max-content));
}
}
@media (min-width: 1025px) {
.df__crossing--wrapper .df__crossing--op-details {
grid-template-columns: repeat(auto-fit, minmax(142px, max-content));
}
}
@media (min-width: 769px) {
.df__crossing--wrapper .df__crossing--sailing-details {
grid-template-columns: repeat(auto-fit, minmax(180px, min-content));
}
}
@media (min-width: 1025px) {
.df__crossing--wrapper .df__crossing--sailing-details {
grid-template-columns: repeat(auto-fit, minmax(200px, min-content));
}
}
.df__crossing--wrapper .op--logo {
padding: 8px;
}
.df__crossing--wrapper .op--logo a {
width: auto;
margin-bottom: 0 !important;
margin-top: 0 !important;
}
.df__crossing--wrapper .op--logo img {
width: auto;
}
.df__crossing--wrapper .df__crossing--menu .df__menu--dropdown ul li a {
font-size: 1rem !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.df__crossing--wrapper .df__route-crossing {
color: #193354;
}
.df__crossing--wrapper .df__route-crossing a {
display: block;
}
.df__crossing--wrapper .df__route-crossing a li {
border-bottom: 4px dotted #ede9e1;
}
.df__crossing--wrapper .df__route-crossing a:last-of-type li {
border-bottom: none;
}
.df__crossing--wrapper .df__route-crossing--out,
.df__crossing--wrapper .df__route-crossing--ret {
position: relative;
}
.df__crossing--wrapper .df__route-crossing--out .df__port--from,
.df__crossing--wrapper .df__route-crossing--ret .df__port--from {
padding-bottom: 8px;
}
@media (min-width: 769px) {
.df__crossing--wrapper .df__route-crossing--out .df__port--from,
.df__crossing--wrapper .df__route-crossing--ret .df__port--from {
padding-bottom: 0;
}
}
.df__crossing--wrapper
.df__route-crossing--out
.df__port--from
.df__port--port-name,
.df__crossing--wrapper
.df__route-crossing--out
.df__port--to
.df__port--port-name,
.df__crossing--wrapper
.df__route-crossing--ret
.df__port--from
.df__port--port-name,
.df__crossing--wrapper
.df__route-crossing--ret
.df__port--to
.df__port--port-name {
padding-left: 8px;
}
@media (min-width: 769px) {
.df__crossing--wrapper
.df__route-crossing--out
.df__port--from
.df__port--port-name,
.df__crossing--wrapper
.df__route-crossing--out
.df__port--to
.df__port--port-name,
.df__crossing--wrapper
.df__route-crossing--ret
.df__port--from
.df__port--port-name,
.df__crossing--wrapper
.df__route-crossing--ret
.df__port--to
.df__port--port-name {
padding-left: 16px;
}
}
@media (min-width: 769px) {
.df__crossing--wrapper
.df__route-crossing--out
.df__port--from
.df__port--port-name
.port-name,
.df__crossing--wrapper
.df__route-crossing--out
.df__port--to
.df__port--port-name
.port-name,
.df__crossing--wrapper
.df__route-crossing--ret
.df__port--from
.df__port--port-name
.port-name,
.df__crossing--wrapper
.df__route-crossing--ret
.df__port--to
.df__port--port-name
.port-name {
font-size: 1.25rem;
line-height: 1.5rem;
}
}
.df__crossing--wrapper
.df__route-crossing--out
.df__port--from
.df__port--port-name
.port-country,
.df__crossing--wrapper
.df__route-crossing--out
.df__port--to
.df__port--port-name
.port-country,
.df__crossing--wrapper
.df__route-crossing--ret
.df__port--from
.df__port--port-name
.port-country,
.df__crossing--wrapper
.df__route-crossing--ret
.df__port--to
.df__port--port-name
.port-country {
font-size: 1rem;
line-height: 1.25rem;
}
@media (min-width: 769px) {
.df__crossing--wrapper
.df__route-crossing--out
.df__port--from
.df__port--port-name
.port-country,
.df__crossing--wrapper
.df__route-crossing--out
.df__port--to
.df__port--port-name
.port-country,
.df__crossing--wrapper
.df__route-crossing--ret
.df__port--from
.df__port--port-name
.port-country,
.df__crossing--wrapper
.df__route-crossing--ret
.df__port--to
.df__port--port-name
.port-country {
font-size: 1.125rem;
line-height: 1.375rem;
}
}
.df__crossing--wrapper .df__route-crossing--out .df__route-crossing--icon,
.df__crossing--wrapper .df__route-crossing--ret .df__route-crossing--icon {
position: absolute;
right: 16px;
transform: rotate(90deg);
}
@media (min-width: 769px) {
.df__crossing--wrapper .df__route-crossing--out .df__route-crossing--icon,
.df__crossing--wrapper .df__route-crossing--ret .df__route-crossing--icon {
position: relative;
transform: none;
}
}
.df__crossing--wrapper .lang_flag {
max-width: 28px;
height: 20px;
align-self: start;
margin-top: 4px;
}
@media (min-width: 769px) {
.df__crossing--wrapper .lang_flag {
max-width: 32px;
height: 24px;
}
}
#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 {
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;
}
.df__lp-section-navigation {
height: auto;
width: 100%;
background-color: transparent;
border-radius: 8px;
max-width: 100%;
overflow: hidden;
}
@media (min-width: 1200px) {
.df__lp-section-navigation {
display: grid;
grid-template-rows: auto auto auto;
grid-gap: 16px;
}
}
.df__lp-section-navigation .df-dom-operator-brand {
display: grid;
grid-template-columns: 3fr auto;
padding: 16px;
}
@media (min-width: 426px) {
.df__lp-section-navigation .df-dom-operator-brand {
grid-gap: 24px;
}
}
.df__lp-section-navigation .df-dom-operator-brand .df-dom-operator-brand-name {
font-family: proxima-soft-bold;
font-size: 2rem;
line-height: 2rem;
color: #193354;
align-self: center;
display: none;
}
@media (min-width: 1025px) {
.df__lp-section-navigation
.df-dom-operator-brand
.df-dom-operator-brand-name {
display: block;
}
}
.df__lp-section-navigation .df-dom-operator-brand .df-dom-operator-brand-logo {
align-self: center;
margin-bottom: 16px;
}
@media (min-width: 426px) {
.df__lp-section-navigation
.df-dom-operator-brand
.df-dom-operator-brand-logo {
justify-self: start;
}
}
@media (min-width: 769px) {
.df__lp-section-navigation
.df-dom-operator-brand
.df-dom-operator-brand-logo {
margin-bottom: unset;
}
}
.df__lp-section-navigation
.df-dom-operator-brand
.df-dom-operator-brand-logo
img,
.df__lp-section-navigation
.df-dom-operator-brand
.df-dom-operator-brand-logo
picture {
display: block;
margin: auto;
padding: 8px;
background-color: #fff;
border-radius: 8px;
width: auto;
height: auto;
object-fit: unset;
max-width: 160px;
}
@media (min-width: 1025px) {
.df__lp-section-navigation
.df-dom-operator-brand
.df-dom-operator-brand-logo
img,
.df__lp-section-navigation
.df-dom-operator-brand
.df-dom-operator-brand-logo
picture {
padding: 8px 24px;
}
}
.df__lp-section-navigation .df-dom-operator-boxes {
display: grid;
grid-template-rows: 1fr 1fr 1fr 1fr;
grid-gap: 16px;
padding: 0;
}
@media (min-width: 426px) {
.df__lp-section-navigation .df-dom-operator-boxes {
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
padding: 0 16px;
}
}
@media (min-width: 1025px) {
.df__lp-section-navigation .df-dom-operator-boxes {
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: unset;
}
}
@media (min-width: 1200px) {
.df__lp-section-navigation .df-dom-operator-boxes {
grid-gap: 24px;
}
}
.df__lp-section-navigation .df-dom-operator-boxes .df-dom-operator-box-info {
display: grid;
grid-template-rows: max-content;
background-color: #f7f6f2;
border-radius: 8px;
background-repeat: no-repeat !important;
background-size: 32px !important;
background-position: left 16px center !important;
margin-bottom: 0;
padding: 8px 16px 8px 64px;
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: auto;
}
@media (min-width: 1025px) {
.df__lp-section-navigation .df-dom-operator-boxes .df-dom-operator-box-info {
min-height: 80px;
background-size: 40px !important;
background-position: center 16px !important;
margin-bottom: 8px;
padding: 72px 16px 16px;
height: 100%;
}
}
@media (min-width: 1200px) {
.df__lp-section-navigation .df-dom-operator-boxes .df-dom-operator-box-info {
background-size: 48px !important;
background-position: center 24px !important;
padding: 88px 24px 24px;
}
}
.df__lp-section-navigation
.df-dom-operator-boxes
.df-dom-operator-box-info:hover {
background-color: #ede9e1;
color: #193354;
}
.df__lp-section-navigation .df-dom-operator-boxes .df-dom-operator-box-info h4 {
font-family: proxima-soft-bold;
font-size: 1rem;
line-height: 1rem;
text-align: left;
color: #193354;
align-self: center;
}
@media (min-width: 426px) {
.df__lp-section-navigation
.df-dom-operator-boxes
.df-dom-operator-box-info
h4 {
font-size: 1.125rem;
line-height: 1.125rem;
}
}
@media (min-width: 1025px) {
.df__lp-section-navigation
.df-dom-operator-boxes
.df-dom-operator-box-info
h4 {
text-align: center;
align-self: unset;
}
}
@media (min-width: 1200px) {
.df__lp-section-navigation
.df-dom-operator-boxes
.df-dom-operator-box-info
h4 {
font-size: 1.25rem;
line-height: 1.25rem;
}
}
.df__lp-section-navigation
.df-dom-operator-boxes
.df-dom-operator-box-info
span {
font-family: proxima-soft;
font-size: 0.875rem;
line-height: 1rem;
text-align: left;
color: #193354;
margin-bottom: 4px;
align-self: center;
}
@media (min-width: 1025px) {
.df__lp-section-navigation
.df-dom-operator-boxes
.df-dom-operator-box-info
span {
text-align: center;
margin-bottom: 8px;
align-self: unset;
}
}
@media (min-width: 1200px) {
.df__lp-section-navigation
.df-dom-operator-boxes
.df-dom-operator-box-info
span {
font-size: 16px;
line-height: 20px;
}
}
.df__lp-section-navigation
.df-dom-operator-boxes
.df-dom-operator-box-info.ico-port {
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/port.svg) !important;
}
.df__lp-section-navigation
.df-dom-operator-boxes
.df-dom-operator-box-info.ico-ship {
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/ship.svg) !important;
}
.df__lp-section-navigation
.df-dom-operator-boxes
.df-dom-operator-box-info.ico-map {
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/map.svg) !important;
}
.df__lp-section-navigation
.df-dom-operator-boxes
.df-dom-operator-box-info.ico-info {
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/info.svg) !important;
}
.df__lp-section-navigation .df-dom-operator-description {
font-family: proxima-soft;
font-size: 1.125rem;
line-height: 1.375rem;
color: #193354;
padding: 16px;
margin-top: 16px;
}
@media (min-width: 769px) {
.df__lp-section-navigation .df-dom-operator-description {
margin-top: unset;
}
}
@media (min-width: 1200px) {
.df__lp-section-navigation .df-dom-operator-description {
font-size: 1.25rem;
line-height: 1.5rem;
}
}
.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;
}
.reviewSum {
display: grid;
}
.reviewSum h2,
.reviewSum 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) {
.reviewSum h2,
.reviewSum h3 {
font-size: 1.75rem;
line-height: 2rem;
}
}
.reviewSum .ulTbl {
display: grid;
grid-row-gap: 16px;
width: 100%;
margin: 0;
padding: 16px 0;
}
.reviewSum .ulTbl li {
display: grid;
grid-template-rows: 3fr auto;
background-color: #e0f1fa;
border-radius: 8px;
margin: 0;
padding: 16px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
overflow: hidden;
height: min-content;
}
@media (min-width: 769px) {
.reviewSum .ulTbl li {
grid-template-columns: 1fr 100px;
}
}
.reviewSum .ulTbl li div {
font-size: 0.875rem;
font-family: proxima-soft-medium, sans-serif;
font-weight: 500;
color: #193354;
white-space: nowrap;
}
.reviewSum .ulTbl li div:first-child {
font-size: 1rem;
line-height: 1.25rem;
font-family: proxima-soft-bold, sans-serif;
-webkit-font-smoothing: antialiased;
font-weight: 700;
color: #193354;
grid-row: 2;
}
@media (min-width: 769px) {
.reviewSum .ulTbl li div:first-child {
grid-row: initial;
}
}
.reviewSum .ulTbl .hreview > div {
border-top: 0 solid #45b7ed;
border-bottom: none;
padding: 0;
vertical-align: middle;
height: fit-content;
height: -moz-fit-content;
display: grid;
grid-gap: 8px;
height: min-content;
white-space: normal;
word-break: break-word;
margin-bottom: 8px;
}
@media (min-width: 769px) {
.reviewSum .ulTbl .hreview > div {
margin-bottom: 0;
}
}
.reviewSum .ulTbl .hreview > div .moreLink {
color: #193354;
cursor: pointer;
display: inline-block;
margin-bottom: 0;
margin-top: 8px;
font-family: proxima-soft, sans-serif;
font-size: 0.875rem;
margin-left: 0;
background: #fff;
border-radius: 8px;
padding: 4px 12px;
width: fit-content;
width: -moz-fit-content;
}
.reviewSum .ulTbl .hreview > div .moreLink:hover {
text-decoration: underline;
}
.reviewSum .ulTbl .hreview > div .lessLink {
display: none;
color: #193354;
cursor: pointer;
margin-bottom: 0;
margin-top: 8px;
font-family: proxima-soft, sans-serif;
font-size: 0.875rem;
margin-left: 0;
background: #fff;
border-radius: 8px;
padding: 4px 12px;
width: fit-content;
width: -moz-fit-content;
}
.reviewSum .ulTbl .hreview > div .lessLink:hover {
text-decoration: underline;
}
.reviewSum .ulTbl .hreview > div p:empty {
display: none !important;
}
.reviewSum .ulTbl .hreview .summary {
margin: 0;
padding: 0;
text-transform: capitalize;
line-height: 1.75rem;
font-family: proxima-soft-bold, sans-serif;
-webkit-font-smoothing: antialiased;
font-weight: 700;
font-size: 1.5rem;
white-space: normal;
}
.reviewSum .ulTbl .hreview .more {
display: none;
}
#divAlternatives {
display: grid;
grid-column-gap: 16px;
background-color: #fbe7cf !important;
border-radius: 8px;
padding: 8px 16px 16px;
}
#divAlternatives h4 {
padding: 16px 24px 16px 0;
border-bottom: 0 solid #45b7ed;
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
color: #193354;
font-size: 1.125rem;
line-height: 2rem;
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/dropdown.svg);
background-repeat: no-repeat;
background-size: 24px;
background-position: right 50%;
cursor: pointer;
}
#divAlternatives h4.up {
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/dropup.svg);
}
#divAlternatives .ulTbl {
display: grid;
width: 100%;
margin: 0;
padding: 0;
grid-row-gap: 16px;
}
#divAlternatives .ulTbl > li {
background-color: #fff;
border-radius: 8px;
display: grid;
grid-template-columns: auto;
}
@media (min-width: 769px) {
#divAlternatives .ulTbl > li {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
}
#divAlternatives .ulTbl > li div:first-child {
padding: 8px;
grid-row: 2;
}
@media (min-width: 769px) {
#divAlternatives .ulTbl > li div:first-child {
grid-row: 1;
}
}
#divAlternatives .ulTbl > li div:first-child a {
font-family: proxima-soft-bold !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 700 !important;
font-size: 1.125rem;
line-height: 2rem;
}
#divAlternatives .ulTbl > li .altImg {
width: unset;
padding: 16px;
justify-self: auto;
}
@media (min-width: 769px) {
#divAlternatives .ulTbl > li .altImg {
width: 160px;
align-self: center;
place-self: center;
}
}
#divAlternatives .ulTbl > li .altImg img {
max-height: 30px;
width: auto;
margin: auto;
}
.smPortLst {
padding-top: 8px;
}
.smPortLst ul {
display: grid;
grid-row-gap: 8px;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.smPortLst ul > li {
border-bottom: 0 solid #45b7ed;
background-color: #fff;
border-radius: 8px;
display: grid;
grid-gap: 16px;
grid-template-columns: 1fr;
margin-bottom: 16px;
padding: 16px;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
@media (min-width: 769px) {
.smPortLst ul > li {
grid-template-columns: 3fr 2fr;
}
}
.smPortLst ul > li > a {
display: grid;
grid-template-columns: auto 1fr;
align-self: center;
font-family: proxima-soft-bold;
-webkit-font-smoothing: antialiased;
font-weight: 700;
font-size: 1.25rem;
color: #0070a0;
text-decoration: none;
}
.smPortLst ul > li > a > img {
margin-right: 16px !important;
margin-top: 0 !important;
border: 0 solid #e6e6e6 !important;
width: 32px !important;
border-radius: 4px !important;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.smPortLst ul > li > ul {
border-bottom: 0 solid #45b7ed;
background-color: #fff;
border-radius: 8px;
padding: 16px;
display: grid;
}
.smPortLst ul > li > ul > li {
background: url(https://static.directferries.co.uk/image/ico/dark-blue/port.svg) no-repeat left 0 center !important;
background-repeat: no-repeat;
background-size: 24px !important;
padding: 4px 8px 4px 32px;
font-size: 1rem;
font-family: proxima-soft-medium !important;
font-weight: 500 !important;
margin-bottom: 0;
box-shadow: none;
}
.smPortLst ul > li > ul > li a {
font-size: 1rem;
}
.opRoutes {
display: grid;
align-self: start;
background: #ede9e1;
padding: 16px;
border-radius: 8px;
}
@media (min-width: 769px) {
.opRoutes {
margin-top: 24px;
margin-bottom: 40px;
}
}
.opRoutes h2 {
font-family: proxima-soft-bold, sans-serif;
-webkit-font-smoothing: antialiased;
font-weight: 700;
font-size: 1.25rem;
color: #193354;
margin-top: 0;
margin-bottom: 16px;
}
.main-right-content #map .opRoutes {
margin: 0;
padding: 0;
}
.main-right-content .opRoutes {
display: grid;
align-self: start;
background: #ede9e1;
padding: 16px;
border-radius: 8px;
margin: 0 16px;
}
@media (min-width: 769px) {
.main-right-content .opRoutes {
margin: 16px;
}
}
.main-right-content .opRoutes h2 {
font-family: proxima-soft-bold, sans-serif;
-webkit-font-smoothing: antialiased;
font-weight: 700;
font-size: 1.25rem;
color: #193354;
margin-top: 0;
margin-bottom: 16px;
}
.allOpRoutes {
background: #ede9e1;
padding: 16px;
border-radius: 8px;
margin-top: 16px;
margin-bottom: 16px;
}
.df__crossing--wrapper {
-webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.32));
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.32));
padding: 8px 0;
border-radius: 8px;
color: #193354;
}
.df__crossing--wrapper .df__crossing {
position: relative;
background-color: #fff;
display: grid;
padding: 16px 0 16px 8px;
color: #193354;
grid-gap: 8px;
grid-template-columns: 1fr auto;
grid-template-areas: "op-details crossing-menu" "sailing-details crossing-menu";
border-bottom: 4px dotted #ede9e1;
}
.df__crossing--wrapper .df__crossing:last-child {
border-bottom: 0;
}
.df__crossing--wrapper .df__crossing:first-child {
padding: 8px 0 16px 8px;
}
@media (min-width: 426px) {
.df__crossing--wrapper .df__crossing {
grid-template-columns: 4fr 5fr 40px;
grid-template-areas: "op-details sailing-details crossing-menu";
}
}
@media (min-width: 769px) {
.df__crossing--wrapper .df__crossing {
grid-template-columns: 4fr 5fr 28px;
}
}
@media (min-width: 1025px) {
.df__crossing--wrapper .df__crossing {
grid-template-columns: 4fr 5fr 40px;
}
}
.df__crossing--wrapper .df__crossing--op-details {
display: grid;
grid-template-columns: 1fr;
grid-area: op-details;
grid-gap: 16px;
}
@media (min-width: 426px) {
.df__crossing--wrapper .df__crossing--op-details {
grid-template-columns: 1fr;
grid-gap: unset;
}
}
@media (min-width: 769px) {
.df__crossing--wrapper .df__crossing--op-details {
grid-template-columns: repeat(auto-fit, minmax(130px, max-content));
}
}
.df__crossing--wrapper .df__crossing--sailing-details {
display: grid;
grid-template-columns: 1fr;
grid-area: sailing-details;
}
@media (min-width: 769px) {
.df__crossing--wrapper .df__crossing--sailing-details {
grid-template-columns: repeat(auto-fit, minmax(170px, min-content));
}
}
.df__crossing--wrapper .op--logo {
padding: 0 8px;
border-radius: 8px;
display: grid;
height: 54px;
align-self: center;
}
.df__crossing--wrapper .op--logo a,
.df__crossing--wrapper .op--logo img {
max-height: 48px;
max-width: 120px;
height: auto;
align-self: center;
}
.df__crossing--wrapper .content__block {
display: grid;
grid-template-columns: min-content 1fr;
min-height: 40px;
}
@media (min-width: 769px) {
.df__crossing--wrapper .content__block {
padding: 8px;
}
}
.df__crossing--wrapper .content__block .img-icon {
display: grid;
padding: 8px;
}
.df__crossing--wrapper .content__block .img-icon img {
align-self: center;
width: 24px;
height: auto;
}
.df__crossing--wrapper .content__block a {
align-self: center;
}
.df__crossing--wrapper .content__block .content__block--desc {
align-self: center;
font-family: proxima-soft-bold;
font-size: 0.875rem;
}
.df__crossing--wrapper .content__block .content__block--desc.pill .pill-lbl {
background-color: #f7f6f2;
padding: 4px 8px;
border-radius: 4px;
font-family: proxima-soft;
display: inline-block;
font-size: 0.875rem;
}
.df__crossing--wrapper
.content__block
.content__block--desc.pill
.pill-lbl
span {
font-family: proxima-soft-bold;
font-size: 1rem;
}
.df__crossing--wrapper .df__crossing--menu {
display: flex;
justify-content: center;
align-items: center;
grid-area: crossing-menu;
}
.df__crossing--wrapper .df__crossing--menu .df__menu--toggle-round {
cursor: pointer;
height: 40px;
width: 40px;
border-radius: 60px;
text-align: center;
background: #fff;
-webkit-transition: 0.35s ease-in-out;
-moz-transition: 0.35s ease-in-out;
-o-transition: 0.35s ease-in-out;
transition: 0.35s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
}
.df__crossing--wrapper .df__crossing--menu .df__menu--toggle-round img {
height: 24px;
width: 24px;
}
.df__crossing--wrapper .df__crossing--menu .df__menu--toggle.open {
background: #f7f6f2;
}
.df__crossing--wrapper
.df__crossing--menu
.df__menu--toggle.open + .df__menu--dropdown {
display: block;
-webkit-animation-name: openPullDown;
animation-name: openPullDown;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-transform-origin: right top;
transform-origin: right top;
}
.df__crossing--wrapper .df__crossing--menu .df__menu--toggle:hover {
background: #f7f6f2;
}
.df__crossing--wrapper .df__crossing--menu .df__menu--dropdown {
position: absolute;
top: 72px;
right: 0;
width: 100%;
background-color: #f7f6f2;
border-radius: 4px;
display: none;
z-index: 10;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
padding: 8px 0;
}
@media (min-width: 426px) {
.df__crossing--wrapper .df__crossing--menu .df__menu--dropdown {
top: 16px;
right: 12px;
width: max-content;
}
}
.df__crossing--wrapper .df__crossing--menu .df__menu--dropdown ul {
list-style: none;
padding: 0;
}
.df__crossing--wrapper .df__crossing--menu .df__menu--dropdown ul li {
padding: 0;
margin: 0;
min-height: 40px;
}
.df__crossing--wrapper .df__crossing--menu .df__menu--dropdown ul li a {
display: block;
padding: 8px;
font-size: 1rem;
line-height: 1.25rem;
cursor: pointer;
text-decoration: none;
font-family: proxima-soft-semibold;
transition: 0.4s;
}
.df__crossing--wrapper .df__crossing--menu .df__menu--dropdown ul li a:hover {
background: #fff;
transition: 0.4s;
}
.df__crossing--wrapper .df__route-crossing li {
border-bottom: 4px dotted #ede9e1;
}
.df__crossing--wrapper .df__route-crossing li:last-of-type {
border-bottom: none;
}
.df__crossing--wrapper .df__route-crossing .cut {
display: none;
}
.df__crossing--wrapper .df__route-crossing .cut:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 16px;
height: 16px;
background-color: #fff;
left: 0;
right: unset;
}
.df__crossing--wrapper .df__route-crossing .cut:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 16px;
height: 16px;
background-color: #fff;
left: unset;
right: 0;
}
.df__crossing--wrapper .df__route-crossing .cut:last-child {
display: block;
margin: -0.5px 16px;
position: relative;
height: 16px;
background-color: #fff;
background-image: url(https://static.directferries.co.uk/image/ico/divider-dot-ede9e1.svg);
background-position: 50%;
background-repeat: repeat-x;
background-size: 8px 4px;
}
.df__crossing--wrapper .df__route-crossing .cut:last-child:before {
content: url(https://account.directferries.com/assets/images/dividers/divider-left.svg);
left: -16px;
right: unset;
background-color: unset;
}
.df__crossing--wrapper .df__route-crossing .cut:last-child:after {
content: url(https://account.directferries.com/assets/images/dividers/divider-right.svg);
right: -16px;
left: unset;
background-color: unset;
}
.df__crossing--wrapper .df__route-crossing--out,
.df__crossing--wrapper .df__route-crossing--ret {
display: grid;
grid-template-columns: 1fr;
padding: 16px;
background-image: linear-gradient( 45deg, #f7f6f2 16.67%, #fff 0, #fff 50%, #f7f6f2 0, #f7f6f2 66.67%, #fff 0, #fff );
background-size: 4.24px 4.24px;
align-items: center;
}
@media (min-width: 769px) {
.df__crossing--wrapper .df__route-crossing--out,
.df__crossing--wrapper .df__route-crossing--ret {
grid-template-columns: 1fr 80px 1fr;
}
}
.df__crossing--wrapper .df__route-crossing--out .df__port--from,
.df__crossing--wrapper .df__route-crossing--out .df__port--to,
.df__crossing--wrapper .df__route-crossing--ret .df__port--from,
.df__crossing--wrapper .df__route-crossing--ret .df__port--to {
grid-template-columns: 40px 1fr;
display: grid;
align-items: center;
}
.df__crossing--wrapper
.df__route-crossing--out
.df__port--from
.df__port--port-name,
.df__crossing--wrapper
.df__route-crossing--out
.df__port--to
.df__port--port-name,
.df__crossing--wrapper
.df__route-crossing--ret
.df__port--from
.df__port--port-name,
.df__crossing--wrapper
.df__route-crossing--ret
.df__port--to
.df__port--port-name {
padding-left: 16px;
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: center;
}
.df__crossing--wrapper
.df__route-crossing--out
.df__port--from
.df__port--port-name
.port-name,
.df__crossing--wrapper
.df__route-crossing--out
.df__port--to
.df__port--port-name
.port-name,
.df__crossing--wrapper
.df__route-crossing--ret
.df__port--from
.df__port--port-name
.port-name,
.df__crossing--wrapper
.df__route-crossing--ret
.df__port--to
.df__port--port-name
.port-name {
font-size: 1.125rem;
font-family: proxima-soft-bold;
line-height: 1.375rem;
}
.df__crossing--wrapper
.df__route-crossing--out
.df__port--from
.df__port--port-name
.port-country,
.df__crossing--wrapper
.df__route-crossing--out
.df__port--to
.df__port--port-name
.port-country,
.df__crossing--wrapper
.df__route-crossing--ret
.df__port--from
.df__port--port-name
.port-country,
.df__crossing--wrapper
.df__route-crossing--ret
.df__port--to
.df__port--port-name
.port-country {
font-family: proxima-soft;
}
.df__crossing--wrapper .df__route-crossing--out .df__route-crossing--icon,
.df__crossing--wrapper .df__route-crossing--ret .df__route-crossing--icon {
background-color: #ede9e1 !important;
border-radius: 50%;
padding: 0 !important;
background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/one-way.svg);
background-repeat: no-repeat;
background-size: 32px;
background-position: 50%;
height: 40px;
width: 40px;
justify-self: center;
}
.df__crossing--wrapper .lang_flag {
border: 2px solid #d3d0c9;
border-radius: 4px;
background-repeat: no-repeat;
background-size: 100%;
aspect-ratio: 4/3;
max-width: 32px;
height: 24px;
}
@-webkit-keyframes openPullDown {
0% {
opacity: 0;
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes openPullDown {
0% {
opacity: 0;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
}
to {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.glide__arrow {
position: absolute;
display: block;
top: 50%;
z-index: 2;
color: #fff;
text-transform: uppercase;
padding: 9px 12px;
background-color: transparent;
border: 2px solid hsla(0, 0%, 100%, 0.5);
border-radius: 4px;
box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
text-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1);
opacity: 1;
cursor: pointer;
transition: opacity 0.15s ease, border 0.3s ease-in-out;
transform: translateY(-50%);
line-height: 1;
}
.glide__arrow:focus {
outline: none;
}
.glide__arrow:hover {
border-color: #fff;
}
.glide__arrow--left {
left: 2em;
}
.glide__arrow--right {
right: 2em;
}
.glide__arrow--disabled {
opacity: 0.33;
}
.glide__bullets {
position: absolute;
z-index: 2;
bottom: 2em;
left: 50%;
display: inline-flex;
list-style: none;
transform: translateX(-50%);
}
.glide__bullet {
background-color: hsla(0, 0%, 100%, 0.5);
width: 12px;
height: 12px;
padding: 0;
border-radius: 50%;
border: 2px solid transparent;
transition: all 0.3s ease-in-out;
cursor: pointer;
line-height: 0;
box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
margin: 0 0.25em;
}
.glide__bullet:focus {
outline: none;
}
.glide__bullet:focus,
.glide__bullet:hover {
border: 2px solid #fff;
background-color: hsla(0, 0%, 100%, 0.5);
}
.glide__bullet--active {
background-color: #fff;
}
.glide--swipeable {
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
}
.glide--dragging {
cursor: grabbing;
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}
.glide__bullets-slides {
position: absolute;
z-index: 2;
bottom: 2em;
left: 50%;
display: inline-flex;
list-style: none;
transform: translateX(-50%);
}
.glide__bullet-slides {
background-color: hsla(0, 0%, 100%, 0.5);
width: 12px;
height: 12px;
padding: 0;
border-radius: 50%;
border: 2px solid transparent;
transition: all 0.3s ease-in-out;
cursor: pointer;
line-height: 0;
box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
margin: 0 0.25em;
}
.glide__bullet-slides:focus {
outline: none;
}
.glide__bullet-slides:hover,
.glide__bulletv:focus {
border: 2px solid #fff;
background-color: hsla(0, 0%, 100%, 0.5);
}
.glide__bullet-slides--active {
background-color: #fff;
}
.glide__arrow-hero {
position: absolute;
display: block;
top: 50%;
z-index: 2;
color: #fff;
text-transform: uppercase;
padding: 8px;
background-color: hsla(0, 0%, 100%, 0.1);
border: 0 solid hsla(0, 0%, 100%, 0.5);
border-radius: 160px;
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);
opacity: 1;
cursor: pointer;
transition: opacity 0.15s ease, border 0.3s ease-in-out;
transform: translateY(-50%);
line-height: 1;
}
.controls-icon {
width: 40px;
}
.glide__arrow-hero:focus {
outline: none;
}
.glide__arrow-hero:hover {
border-color: #fff;
background-color: hsla(0, 0%, 100%, 0.2);
transition: opacity 0.15s ease, border 0.3s ease-in-out;
}
.glide__arrow-hero--left {
left: 1em;
}
.glide__arrow-hero--right {
right: 1em;
}
.glide__arrow-hero--disabled {
opacity: 0.33;
}
.glide__arrow-cards {
position: absolute;
display: block;
top: 50%;
z-index: 2;
color: #fff;
text-transform: uppercase;
padding: 8px;
background-color: #fff;
border: 0 solid hsla(0, 0%, 100%, 0.5);
border-radius: 160px;
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);
opacity: 1;
cursor: pointer;
transition: opacity 0.15s ease, border 0.3s ease-in-out;
transform: translateY(-50%);
line-height: 1;
}
.controls-icon {
width: 40px !important;
height: auto;
}
.glide__arrow-cards:focus {
outline: none;
}
.glide__arrow-cards:hover {
border-color: #fff;
background-color: #f7f6f2;
transition: opacity 0.15s ease, border 0.3s ease-in-out;
}
.glide__arrow-cards--left {
right: -32px;
top: calc(50% + 32px);
}
.glide__arrow-cards--right {
right: -32px;
top: calc(50% - 32px);
}
.glide__arrow-cards--disabled {
opacity: 0.33;
}
.glide {
position: absolute;
width: 100%;
box-sizing: border-box;
z-index: 0;
height: auto;
background: #193354;
}
.glide * {
box-sizing: inherit;
}
.glide__slides,
.glide__track {
overflow: hidden;
}
.glide__slides {
position: relative;
width: 100%;
list-style: none;
backface-visibility: hidden;
transform-style: preserve-3d;
touch-action: pan-Y;
padding: 0;
white-space: nowrap;
display: flex;
flex-wrap: nowrap;
will-change: transform;
}
.glide__slide,
.glide__slides--dragging {
user-select: none;
}
.glide__slide {
width: 100%;
height: 100%;
flex-shrink: 0;
white-space: normal;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
}
.glide__slide a {
user-select: none;
-webkit-user-drag: none;
-moz-user-select: none;
-ms-user-select: none;
color: inherit;
}
.glide__arrows,
.glide__arrows-cards,
.glide__arrows-hero,
.glide__bullets {
-webkit-touch-callout: none;
user-select: none;
}
.glide--rtl {
direction: rtl;
}
img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.glide__slides {
transform: none !important;
width: auto !important;
display: grid;
grid-template-areas: "slide";
}
.glide__slide {
position: relative;
opacity: 0;
transition: opacity 0.5s ease-in;
grid-area: slide;
}
.glide__slide--active {
z-index: 1;
opacity: 1;
}
.glide_box {
position: relative;
width: 100%;
box-sizing: border-box;
}
.glide__slides_box {
position: relative;
width: 100%;
list-style: none;
backface-visibility: hidden;
transform-style: preserve-3d;
touch-action: pan-Y;
overflow: hidden;
padding: 0;
white-space: nowrap;
display: flex;
flex-wrap: nowrap;
will-change: transform;
}
.glide__slide_box {
line-height: 100px;
margin: 8px;
text-align: center;
}
.glide-article-offer,
.glide-c2c,
.glide-destination,
.glide-ferry-to-port,
.glide-news-article,
.glide-offers,
.glide-operator,
.glide-port,
.glide-route,
.glide-ship {
position: absolute;
width: 100%;
box-sizing: border-box;
z-index: 0;
height: auto;
background: #193354;
}
.mbsc-cloak {
visibility: hidden !important;
}
.mbsc-empty {
text-align: center;
margin: 3em;
color: inherit;
}
.mbsc-empty h3 {
margin: 0.666666em 0;
padding: 0;
color: inherit;
font-size: 1.5em;
font-weight: 400;
font-family: inherit;
}
.mbsc-empty p {
margin: 1em 0;
padding: 0;
font-size: 1em;
line-height: 1.5;
}
.mbsc-anim-trans .mbsc-fr-scroll {
overflow: hidden;
}
.mbsc-anim-trans-flip .mbsc-fr-persp,
.mbsc-anim-trans-swing .mbsc-fr-persp {
-webkit-perspective: 1000px;
perspective: 1000px;
}
.mbsc-anim-trans .mbsc-fr-overlay,
.mbsc-anim-trans .mbsc-fr-popup {
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.mbsc-anim-in .mbsc-fr-overlay,
.mbsc-anim-in .mbsc-fr-popup {
-webkit-animation-timing-function: ease-out;
-webkit-animation-duration: 225ms;
animation-timing-function: ease-out;
animation-duration: 225ms;
}
.mbsc-anim-out .mbsc-fr-overlay,
.mbsc-anim-out .mbsc-fr-popup {
-webkit-animation-timing-function: ease-in;
-webkit-animation-duration: 195ms;
animation-timing-function: ease-in;
animation-duration: 195ms;
}
.mbsc-anim-in .mbsc-fr-overlay {
-webkit-animation-name: mbsc-anim-f-in;
animation-name: mbsc-anim-f-in;
}
.mbsc-anim-out .mbsc-fr-overlay {
-webkit-animation-name: mbsc-anim-f-out;
animation-name: mbsc-anim-f-out;
}
.mbsc-anim-fade,
.mbsc-anim-flip,
.mbsc-anim-slidedown,
.mbsc-anim-slidehorizontal,
.mbsc-anim-slideup,
.mbsc-anim-slidevertical,
.mbsc-anim-swing {
-webkit-backface-visibility: hidden;
-webkit-transform: translateX(0);
backface-visibility: hidden;
transform: translateX(0);
}
.mbsc-anim-fade,
.mbsc-anim-slidedown,
.mbsc-anim-slidehorizontal,
.mbsc-anim-slideup,
.mbsc-anim-slidevertical,
.mbsc-anim-swing {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.mbsc-anim-flip,
.mbsc-anim-pop {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.mbsc-anim-in .mbsc-anim-pop {
opacity: 1;
-webkit-animation-name: mbsc-anim-p-in;
-webkit-animation-duration: 0.1s;
-webkit-transform: scale(1);
animation-name: mbsc-anim-p-in;
animation-duration: 0.1s;
transform: scale(1);
}
.mbsc-anim-out .mbsc-anim-pop {
opacity: 0;
-webkit-animation-name: mbsc-anim-p-out;
animation-name: mbsc-anim-p-out;
}
.mbsc-anim-out .mbsc-anim-pop,
.mbsc-anim-trans-pop .mbsc-fr-overlay {
-webkit-animation-duration: 0.15s;
animation-duration: 0.15s;
}
.mbsc-anim-in .mbsc-anim-flip {
opacity: 1;
-webkit-animation-name: mbsc-anim-fl-in;
-webkit-transform: scale(1);
animation-name: mbsc-anim-fl-in;
transform: scale(1);
}
.mbsc-anim-out .mbsc-anim-flip {
opacity: 0;
-webkit-animation-name: mbsc-anim-fl-out;
animation-name: mbsc-anim-fl-out;
}
.mbsc-anim-in .mbsc-anim-swing {
opacity: 1;
-webkit-animation-name: mbsc-anim-sw-in;
-webkit-transform: scale(1);
transform: scale(1);
animation-name: mbsc-anim-sw-in;
}
.mbsc-anim-out .mbsc-anim-swing {
opacity: 0;
-webkit-animation-name: mbsc-anim-sw-out;
animation-name: mbsc-anim-sw-out;
}
.mbsc-anim-in .mbsc-anim-slidehorizontal {
opacity: 1;
-webkit-animation-name: mbsc-anim-sh-in;
-webkit-transform: scale(1);
transform: scale(1);
animation-name: mbsc-anim-sh-in;
}
.mbsc-anim-out .mbsc-anim-slidehorizontal {
opacity: 0;
-webkit-animation-name: mbsc-anim-sh-out;
animation-name: mbsc-anim-sh-out;
}
.mbsc-anim-in .mbsc-anim-slidevertical {
opacity: 1;
-webkit-animation-name: mbsc-anim-sv-in;
-webkit-transform: scale(1);
animation-name: mbsc-anim-sv-in;
transform: scale(1);
}
.mbsc-anim-out .mbsc-anim-slidevertical {
opacity: 0;
-webkit-animation-name: mbsc-anim-sv-out;
animation-name: mbsc-anim-sv-out;
}
.mbsc-anim-in .mbsc-anim-slidedown {
-webkit-animation-name: mbsc-anim-sd-in;
-webkit-transform: scale(1);
animation-name: mbsc-anim-sd-in;
transform: scale(1);
}
.mbsc-anim-out .mbsc-anim-slidedown {
-webkit-animation-name: mbsc-anim-sd-out;
-webkit-transform: translateY(-100%);
animation-name: mbsc-anim-sd-out;
}
.mbsc-anim-in .mbsc-anim-slideup {
-webkit-animation-name: mbsc-anim-su-in;
-webkit-transform: scale(1);
transform: scale(1);
animation-name: mbsc-anim-su-in;
}
.mbsc-anim-out .mbsc-anim-slideup {
-webkit-animation-name: mbsc-anim-su-out;
-webkit-transform: translateY(100%);
animation-name: mbsc-anim-su-out;
}
.mbsc-anim-in .mbsc-anim-fade {
opacity: 1;
-webkit-animation-name: mbsc-anim-f-in;
animation-name: mbsc-anim-f-in;
}
.mbsc-anim-out .mbsc-anim-fade {
opacity: 0;
-webkit-animation-name: mbsc-anim-f-out;
animation-name: mbsc-anim-f-out;
}
.mbsc-fr-pointer.mbsc-anim-in .mbsc-anim-slidedown {
-webkit-animation-name: mbsc-anim-sd-in, mbsc-anim-f-in;
animation-name: mbsc-anim-sd-in, mbsc-anim-f-in;
}
.mbsc-fr-pointer.mbsc-anim-out .mbsc-anim-slidedown {
-webkit-animation-name: mbsc-anim-sd-out, mbsc-anim-f-out;
animation-name: mbsc-anim-sd-out, mbsc-anim-f-out;
}
.mbsc-fr-pointer.mbsc-anim-in .mbsc-anim-slideup {
-webkit-animation-name: mbsc-anim-su-in, mbsc-anim-f-in;
animation-name: mbsc-anim-su-in, mbsc-anim-f-in;
}
.mbsc-fr-pointer.mbsc-anim-out .mbsc-anim-slideup {
-webkit-animation-name: mbsc-anim-su-out, mbsc-anim-f-out;
animation-name: mbsc-anim-su-out, mbsc-anim-f-out;
}
@keyframes mbsc-anim-f-in {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes mbsc-anim-f-in {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes mbsc-anim-f-out {
0% {
visibility: visible;
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes mbsc-anim-f-out {
0% {
visibility: visible;
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes mbsc-anim-p-in {
0% {
opacity: 0;
transform: scale(0.8);
}
to {
opacity: 1;
transform: scale(1);
}
}
@-webkit-keyframes mbsc-anim-p-in {
0% {
opacity: 0;
-webkit-transform: scale(0.8);
}
to {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes mbsc-anim-p-out {
0% {
opacity: 1;
transform: scale(1);
}
to {
opacity: 0;
transform: scale(0.8);
}
}
@-webkit-keyframes mbsc-anim-p-out {
0% {
opacity: 1;
-webkit-transform: scale(1);
}
to {
opacity: 0;
-webkit-transform: scale(0.8);
}
}
@keyframes mbsc-anim-fl-in {
0% {
opacity: 0;
transform: rotateY(90deg);
}
to {
opacity: 1;
transform: rotateY(0);
}
}
@-webkit-keyframes mbsc-anim-fl-in {
0% {
opacity: 0;
-webkit-transform: rotateY(90deg);
}
to {
opacity: 1;
-webkit-transform: rotateY(0);
}
}
@keyframes mbsc-anim-fl-out {
0% {
opacity: 1;
transform: rotateY(0deg);
}
to {
opacity: 0;
transform: rotateY(-90deg);
}
}
@-webkit-keyframes mbsc-anim-fl-out {
0% {
opacity: 1;
-webkit-transform: rotateY(0deg);
}
to {
opacity: 0;
-webkit-transform: rotateY(-90deg);
}
}
@keyframes mbsc-anim-sw-in {
0% {
opacity: 0;
transform: rotateY(-90deg);
}
to {
opacity: 1;
transform: rotateY(0deg);
}
}
@-webkit-keyframes mbsc-anim-sw-in {
0% {
opacity: 0;
-webkit-transform: rotateY(-90deg);
}
to {
opacity: 1;
-webkit-transform: rotateY(0deg);
}
}
@keyframes mbsc-anim-sw-out {
0% {
opacity: 1;
transform: rotateY(0deg);
}
to {
opacity: 0;
transform: rotateY(-90deg);
}
}
@-webkit-keyframes mbsc-anim-sw-out {
0% {
opacity: 1;
-webkit-transform: rotateY(0deg);
}
to {
opacity: 0;
-webkit-transform: rotateY(-90deg);
}
}
@keyframes mbsc-anim-sh-in {
0% {
opacity: 0;
transform: translateX(-100%);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@-webkit-keyframes mbsc-anim-sh-in {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
}
to {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes mbsc-anim-sh-out {
0% {
opacity: 1;
transform: translateX(0);
}
to {
opacity: 0;
transform: translateX(100%);
}
}
@-webkit-keyframes mbsc-anim-sh-out {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
to {
opacity: 0;
-webkit-transform: translateX(100%);
}
}
@keyframes mbsc-anim-sv-in {
0% {
opacity: 0;
transform: translateY(-100%);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@-webkit-keyframes mbsc-anim-sv-in {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes mbsc-anim-sv-out {
0% {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 0;
transform: translateY(100%);
}
}
@-webkit-keyframes mbsc-anim-sv-out {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
to {
opacity: 0;
-webkit-transform: translateY(100%);
}
}
@keyframes mbsc-anim-sd-in {
0% {
transform: translateY(-100%);
}
to {
transform: translateY(0);
}
}
@-webkit-keyframes mbsc-anim-sd-in {
0% {
opacity: 1;
-webkit-transform: translateY(-100%);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes mbsc-anim-sd-out {
0% {
transform: translateY(0);
}
to {
transform: translateY(-100%);
}
}
@-webkit-keyframes mbsc-anim-sd-out {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
to {
opacity: 1;
-webkit-transform: translateY(-100%);
}
}
@keyframes mbsc-anim-su-in {
0% {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
@-webkit-keyframes mbsc-anim-su-in {
0% {
opacity: 1;
-webkit-transform: translateY(100%);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes mbsc-anim-su-out {
0% {
transform: translateY(0);
}
to {
transform: translateY(100%);
}
}
@-webkit-keyframes mbsc-anim-su-out {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
to {
opacity: 1;
-webkit-transform: translateY(100%);
}
}
@font-face {
font-family: icons_mobiscroll;
src: url(data:application/x-font-woff;base64,d09GRgABAAAAAAmsAAsAAAAAEHAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIwleU9TLzIAAAFEAAAAQgAAAFY5s0N2Y21hcAAAAYgAAAC6AAACzng88DZnbHlmAAACRAAABHkAAAbMRBaTjGhlYWQAAAbAAAAAMAAAADYS66cpaGhlYQAABvAAAAAeAAAAJAPDAdtobXR4AAAHEAAAABUAAABsNAD//2xvY2EAAAcoAAAAOAAAADgVYhbYbWF4cAAAB2AAAAAfAAAAIAEoADduYW1lAAAHgAAAASMAAAIKN+tXw3Bvc3QAAAikAAABBwAAAj5XwuOBeJxjYGRgYOBiMGCwY2DKSSzJY+BzcfMJYZBiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCAClZBUgAeJxjYGR8yziBgZWBgUGEMQ1IukPprwySDC0MDEwMrMwMWEFAmmsKg8MrxldSjAf+H2DQYzzA4AAUZgTJAQC5/gudAAB4nO3R2RHCIBhF4YPBuEXjvlCDhViABflksTSh/+Vahpn5OANDMhkApkAX7iFDepPQ84rV1NY7lm0982x7stZr+XxiTBpjnts4ib05vtgzY84i3lsxsGbDyJYdew4cOXHmwpUbJV7q+T+DhvT4zYrO1dpJTwy1M91Yzaazr1PTbdbeUGeGOjfUhaEuTbdcV4Y6mP6urg11Y6ijoW4NdWeoe0M9GOrRUE+GejbUi6FeDfVmqMUoX4cTPdAAAHicZVTdT9tWFL8HZDuQxakdf2ACCbFjXy0BQz4tCA0RHe2gQUGbgqjKqoFWTVteNpWu3Vum8VpNmpSoldb9AUN97luV1/WdvO1pb2iPmzRpUrJz7RDGGsfn2veec36/82UCBH/wG5TJDUJijskrSdDyG1AuOmYUNrnoNPeWF/m33HSUewM5Lixyv3L4F8Pca9+UkOHv8A28ZPa2pvDmMjhFtM9rShTg62sGE9fdjexRNOFjEsFV+q89NMNRvs1xbT4ahtqQCGF8FHEn/H9cj1cCzmjrR/DDGBYB34G9whSRM9LkTackFct5DB2aCBANh6OI1RMYmAAB8iXXUa5sLR/gobmPDm+uwzTeydVEIOA7xJ1FTym01bVCKl9GdGdSoAL1qKd7ugDng54aefQookJNNoyPEvXdRL2e2K0n6tCOvXoVM2TIyMbgz+TubrJe9+Ulvy76n8bVMnlV8nT0DK2+ZHQ6BrQNeXBWq0FTNsZ8oIf6kyTGsp+S7BSzUsakoDPoQ2bQRxI+ogFNtpFFR+O9EW4PtgmHtaCCDrR3L/EESOLzYGFYwyEKgBZRSByz5zJ+ggiqkgAEq0Kp6ESBFkoFFV6GD9aW6urKplmxQJ3Pza8etlq1/QtvZ5nyH+ZxF/cyN9dbrWbzKo4utMkUkZCBolWA0U/ZFrUES01h3L/IxpCAuqN9qe0gf587qalqdtRLf0Mf8zBHCEdzDsWrVKxCIa/pTCaQpsDjBSS5FV+M6cnywlxelvNzC+WkHluMbwlz1blFk1J8n1GUGTyn1Fycq45yc4ZxT+FKLQkj1AslKIR6maehLtSyg04nc44VIMML1DsjBjFJhtWvVHTBFGGeZWoegprchKIjmE6RjRfvoQo+qNDGJK3l5tUgKpQ/4p02jJVTWqagZjFd+M8aEvaBL3rsNG30snFK4yOObZBY/WKs/+jPx8eJNu74y9WcbsNtpmNTv8rb/ulnR9d19uEW09kAbGXhta9ydHyURJVLHC0419FJgPMkgAnO+7DP5hKcLARxYzFxup5GtAsW34UW+QRuyX4Y8ves9n7euoRnM6Vj3S1F87CbKN7MAcugoKZKf8lG0/hpfVmOx9z1LLRUQ5KM9uPc3bAoyrIohu/mHmdVdRwHqxl2LrBOFYG1ab7sWSK+uTDqDQEL+e1M1XIbS0sNt3IoLoqb71sVEzt01pW3urCqx93GYcPd9uwVs3K7Yiq4O6p1Hzm/h9VOIkYAgFOAJZ8M/GPTKSJMWiqmCcja8erq8QkTa27D9X26DWvhqxufQmd0gGLQHp2gAK39QXzV7+0/cDa72FXENgVaLlKPfbowN6qiC+x7qeU9HV/8XWjPyM8nJrqxguMUnWAtxJ5PpIvp9BfSvZAYOpCdkm3HBeFAQg3pIMTP2nbBHs8hi2uKfU/sZcDvm+DpNAoe3YAkYM+cv1hff3FinZ5aR3vqnQfp9IM76j+RZ88iD7t7e93kyv1qaH8/VL1/1U+BP2Lr1AscAjm1TgI3aPIwMEbNfwENpiSqAAAAeJxjYGRgYABifz+Zj/H8Nl8ZuJkYQODGM2N/GP3////HTIyMq4FcDgawNABE5QxyeJxjYGRgYDzw/wADAxPDfyBgYmQAiqAAaQCligafAAB4nGNgYGBgIhr//0+8WkwMAIXpAjMAAAAAAAAAACAAQABcAHoAlgC2AOYA/gEiATQBYgGCAbABxAICAhQCJgI2AkYCYAKKAroC8AMmA04DZnicY2BkYGCQZtBmYGYAASYg5gJCBob/YD4DAA+bAWAAeJxdkEFugkAYhR+KmkpimjTtqmlm1S6agLr0ALp3YdIl4IAaYMgwauwJeoKeoKfoAZoeq0/yb8pMmPne+98/wAC4xQ88XIeHUbteR488Eu6TJsI++V54gACPwkP6L8JjvCIUDnCHN57g+Td0JiiEe+R34T75Q9gnfwoP8IAv4SH9b+ExNvgVDvDsPZ11kpnKrXV+LGIrSraNts3eVGoWTsVZ6Urb2OmtSi6qOeVz5zKVWVOqJau6KIyqrTno1IU75+pFFGXih6kpcYZGggwGFRzWVDmO/K8YtlP7rzZUFg32rVaY8Y6mncyKqmpzMZXGlrkEF64NTnzPnK5jWvGx7ClJS+nV/IaCrFC3tQOdlH6IXdtVY4GIM+vkQ6Z40h9etlruAHicdZDdUsIwEIVzUFTkHwUUcMYX6GV5n227pZmEppOmom8vUm3KjN2rc77N7G6O6Im6+uL/2qKHG9yijzvc4wEDPGKIEcaYYIoZ5ljgCc9YYoU1XvCKDbbYiSFZa05BYk55+Ks1p66t96NaW3nIXNg2+0FtqiJcHMmxlaSDiGJVFhTz3CNj1JGsem9InHGszvwzMJXTMucg0pSryfWDtbfaVMnlSm0omTY8Yc2utSmlD2Ol47Enmg5+bOZcUe4aq/grMmSTwKfQ2fyJ4q2reYlj09WtCn+Bpoj1qrG5cTKVMTlp8nLWYMup5TLzHyvPgSSVZj+ozMjy0ltH9i/M8RUV4htyy7f2AA==) format("woff"), url(data:application/ttf;base64,AAEAAAALAIAAAwAwR1NVQiCMJXkAAAE4AAAAVE9TLzI5s0N2AAABjAAAAFZjbWFweDzwNgAAAlAAAALOZ2x5ZkQWk4wAAAVYAAAGzGhlYWQS66cpAAAA4AAAADZoaGVhA8MB2wAAALwAAAAkaG10eDQA//8AAAHkAAAAbGxvY2EVYhbYAAAFIAAAADhtYXhwASgANwAAARgAAAAgbmFtZTfrV8MAAAwkAAACCnBvc3RXwuOBAAAOMAAAAj4AAQAAAcD/wAAAAgD/////AgEAAQAAAAAAAAAAAAAAAAAAABsAAQAAAAEAAE9OSalfDzz1AAsCAAAAAADY5jNPAAAAANjmM0/////jAgEBqwAAAAgAAgAAAAAAAAABAAAAGwArAAMAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACbGF0bgAOREZMVAAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAEB7QGQAAUAAAAUAWYAAABHABQBZgAAAPUAGQCEAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAQOoB6hoBwP/AAC4BwABAAAAAAQAAAAAAAAAAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgD//wIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAAAAAUAAAADAAAALAAAAAQAAAGGAAEAAAAAAIAAAwABAAAALAADAAoAAAGGAAQAVAAAAAQABAABAADqGv//AADqAf//AAAAAQAEAAAAAQACAAMABAAFAAYABwAIAAkACgALAAwADQAOAA8AEAARABIAEwAUABUAFgAXABgAGQAaAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAFIAAAAAAAAABoAAOoBAADqAQAAAAEAAOoCAADqAgAAAAIAAOoDAADqAwAAAAMAAOoEAADqBAAAAAQAAOoFAADqBQAAAAUAAOoGAADqBgAAAAYAAOoHAADqBwAAAAcAAOoIAADqCAAAAAgAAOoJAADqCQAAAAkAAOoKAADqCgAAAAoAAOoLAADqCwAAAAsAAOoMAADqDAAAAAwAAOoNAADqDQAAAA0AAOoOAADqDgAAAA4AAOoPAADqDwAAAA8AAOoQAADqEAAAABAAAOoRAADqEQAAABEAAOoSAADqEgAAABIAAOoTAADqEwAAABMAAOoUAADqFAAAABQAAOoVAADqFQAAABUAAOoWAADqFgAAABYAAOoXAADqFwAAABcAAOoYAADqGAAAABgAAOoZAADqGQAAABkAAOoaAADqGgAAABoAAAAAAAAAIABAAFwAegCWALYA5gD+ASIBNAFiAYIBsAHEAgICFAImAjYCRgJgAooCugLwAyYDTgNmAAEAAAAAAd0BNgAQAAATJiIGFB8BFjI/ATY0JiIPAUIFDwoFygYOBsoFCg8FvgExBQsOBckFBckFDgsFtwAAAAABAAD/4wF2AZ0AEAAAJRYUBiIvASY0PwE2MhYUDwEBcQULDgXJBQXJBQ4LBbcCBQ8KBcoGDgbKBQoPBb4AAAAAAQAAAAABVQFTAA0AAAERFAYiLwEmND8BNjIWAVULDwaABQWABg8LAUD/AAcLBYAGDgaABQsAAAABAAD/4wF2AZ0AEAAANwYUFjI/ATY0LwEmIgYUHwGPBQsOBckFBckFDwoFtwIFDwoFygYOBsoFCg8FvgABAAAAAAFVAVMADgAAJRQPAQYiJjURNDYyHwEWAVUGgAUPCwsPBYAGwAcGgAULBwEABwsFgAYAAAEAAAAAAd0BNgAQAAAlFjI2NC8BJiIPAQYUFjI/AQG+BQ8KBcoGDgbKBQoPBb5PBQsOBckFBckFDgsFtwAAAAACAAAAAAIAAYEADgAaAAABISIPARcWMyEyNjURNCYDBycHJzcnNxc3FwcB1f7AFQ1zcw0VAUASGRlSHkxNHkxMHk1MHkwBgBOtrRMZEgEqEhn+9B9NTR9MTB9NTR9MAAABAAAAAAGWAYEACgAAASMiBhURNxcRNCYBa9YRGZWVGQGAGRL+q0BAAVUSGQAAAAACAAAAAAHAAYEAAwATAAABESERJSEiBhURFBYzITI2NRE0JgGV/tYBKv7WEhkZEgEqEhkZAVX+1gEqKxkS/tYSGRkSASoSGQABAAAAAAHAAUkABQAANycHFwEnwFkedwEAHmdZHncBAB4AAAAC//8AAAIBAWsAFAAbAAAlLgEjIgYHDgEVFB4BMyEyPgE1NCYPASczNTMVAZ0LWDotTBUwQiI7IwEVHTEdOVxra0BW6jdKLycGSDIiOyMdMR0qPTxra1VVAAAAAAIAAAAAAZYBgAAJABEAADcUFjsBMjY1ESElIycjByMVIYAZEqoSGf8AARVKFmoWSgEqKxIZGRIBAEAVFSsAAAABAAD/+AHWAYEAHAAABScxJicmJyY1ND4BMzIWFz4BMzIeARUUBwYHBgcBAB9FGywTFx82IBwyEhIyHCA2HxcTLBtFBxw+HCwiJycgNh8YFBQYHzYgJyciLBw+AAEAAAAAAasBawAJAAABJyMRMzUzFzM1ATMIwCp4CJYBQCv+lZUq1QADAAD/6gGrAasAGQAiACoAAAEjNTQuASIOAR0BIyIGHQEUFjMhMjY9ATQmByImNDYyFhQGNyM1NDYyFhUBgBUdMToxHRUSGRkSAQASGRmSEhkZJBkZMIQnNicBFSsdMR0dMR0rGRHWERkZEdYRGcAZJBkZJBnAKxsnJxsAAQAAAAABgAERAAUAABMXNxcHJ55iYh6AgAERYmIegIAAAAAAAQAAAAABSQFGAAUAACUnNycHFwFJYmIegIBkYWIegIAAAAAAAQAAAAABVgFDAAUAAD8BJzcXB7diYh6AgGFiYR+AgAABAAAAAAGAARYABQAAPwEXNycHnmJiHoCAd2JiHoCAAAEAAAAAAdYBVgAOAAABJisBIgYdARQWOwEyPwEBeA0W6hIZGRLqFg1dAUMSGRHWERkSgwACAAD/6gGrAZYABgAaAAAXMjY1IxQWNzU0Jic1NCYiBh0BDgEdAQcVITX1EhlVGZw8LxIbEy48KwFrFRkRERmAdTFLCw4OEhIODgtLMXUrFRUAAAABAAAAAAGrAWsAHgAAAS4BIyIOARQeATMyNjcjDgEjIi4BND4BMzIWFwczNQF5GD4jLk8tLU8uO1wOLA5CKSM7IiI7IxouEkWWATkXGy5PXE8uSTclMCI7RjsiFBJFlgADAAD/6gHWAZYADAAZAB8AAAEiDgEUHgEyPgE0LgEDIi4BND4BMh4BFA4BAyMVFzcnAQA6Yjk5YnRiOTliOi5PLi5PXE8uLk8jIHAQYAGVOWJ0Yjk5YnRiOf6ALk9cTy4uT1xPLgEWgEQbOQABAAD/7AHAAZYAIgAAJSIHJzY0JzcWMjY0JiIGFRQXByYiBhQWMjcXBhUUFjI2NCYBgBgSmAIClhMzJiY0JgKWEzMmJjMTmAIkNCQkaRFZCA4IWBImNSUlGwcHWBEmNCYRWAgGGiUlMyUAAAACAAAAAAHWAZYACQATAAAlLwEPARcHNxcnDwE3Jz8BHwEHFwHVmTw8mXQjhIQjYVAVR14kJF5HFfsNjY0NZZZQUJYfMFs+CFZWCD5bAAAAAAEAAAAAAdYBlgAJAAAlFyc3LwEPARcHAQCEI3SZPDyZdCNQUJZlDY2NDWWWAAAAAAAAEADGAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAKwAuAAEAAAAAAAsAEwBZAAMAAQQJAAEADgBsAAMAAQQJAAIADgB6AAMAAQQJAAMADgCIAAMAAQQJAAQADgCWAAMAAQQJAAUAFgCkAAMAAQQJAAYADgC6AAMAAQQJAAoAVgDIAAMAAQQJAAsAJgEed2ViZm9udFJlZ3VsYXJ3ZWJmb250d2ViZm9udFZlcnNpb24gMS4wd2ViZm9udEdlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAHcAZQBiAGYAbwBuAHQAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAG8AbgB0AHcAZQBiAGYAbwBuAHQAVgBlAHIAcwBpAG8AbgAgADEALgAwAHcAZQBiAGYAbwBuAHQARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAbAQIBAwEEAQUBBgEHAQgBCQEKAQsBDAENAQ4BDwEQAREBEgETARQBFQEWARcBGAEZARoBGwEcAAthcnJvdy1kb3duNQthcnJvdy1sZWZ0NQthcnJvdy1sZWZ0NgxhcnJvdy1yaWdodDUMYXJyb3ctcmlnaHQ2CWFycm93LXVwNRJtYXRlcmlhbC1iYWNrc3BhY2URbWF0ZXJpYWwtYm9va21hcmsgbWF0ZXJpYWwtY2hlY2stYm94LW91dGxpbmUtYmxhbmsObWF0ZXJpYWwtY2hlY2sXbWF0ZXJpYWwtY2xvdWQtZG93bmxvYWQPbWF0ZXJpYWwtZGVsZXRlEW1hdGVyaWFsLWZhdm9yaXRlDW1hdGVyaWFsLWZsYWcObWF0ZXJpYWwtaHR0cHMcbWF0ZXJpYWwta2V5Ym9hcmQtYXJyb3ctZG93bhxtYXRlcmlhbC1rZXlib2FyZC1hcnJvdy1sZWZ0HW1hdGVyaWFsLWtleWJvYXJkLWFycm93LXJpZ2h0Gm1hdGVyaWFsLWtleWJvYXJkLWFycm93LXVwDm1hdGVyaWFsLWxhYmVsFm1hdGVyaWFsLW5vdGlmaWNhdGlvbnMQbWF0ZXJpYWwtcmVmcmVzaBFtYXRlcmlhbC1zY2hlZHVsZQ5tYXRlcmlhbC1zaGFyZRVtYXRlcmlhbC1zdGFyLW91dGxpbmUNbWF0ZXJpYWwtc3RhcgAAAAA=) format("truetype");
font-weight: 400;
font-style: normal;
}
.mbsc-ic:before {
font-family: icons_mobiscroll;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mbsc-ic-arrow-down5:before {
content: "";
}
.mbsc-ic-arrow-left5:before {
content: "";
}
.mbsc-ic-arrow-left6:before {
content: "";
}
.mbsc-ic-arrow-right5:before {
content: "";
}
.mbsc-ic-arrow-right6:before {
content: "";
}
.mbsc-ic-arrow-up5:before {
content: "";
}
.mbsc-ic-material-backspace:before {
content: "";
}
.mbsc-ic-material-bookmark:before {
content: "";
}
.mbsc-ic-material-check-box-outline-blank:before {
content: "";
}
.mbsc-ic-material-check:before {
content: "";
}
.mbsc-ic-material-cloud-download:before {
content: "";
}
.mbsc-ic-material-delete:before {
content: "";
}
.mbsc-ic-material-favorite:before {
content: "";
}
.mbsc-ic-material-flag:before {
content: "";
}
.mbsc-ic-material-https:before {
content: "";
}
.mbsc-ic-material-keyboard-arrow-down:before {
content: "";
}
.mbsc-ic-material-keyboard-arrow-left:before {
content: "";
}
.mbsc-ic-material-keyboard-arrow-right:before {
content: "";
}
.mbsc-ic-material-keyboard-arrow-up:before {
content: "";
}
.mbsc-ic-material-label:before {
content: "";
}
.mbsc-ic-material-notifications:before {
content: "";
}
.mbsc-ic-material-refresh:before {
content: "";
}
.mbsc-ic-material-schedule:before {
content: "";
}
.mbsc-ic-material-share:before {
content: "";
}
.mbsc-ic-material-star-outline:before {
content: "";
}
.mbsc-ic-material-star:before {
content: "";
}
.mbsc-fr-overlay,
.mbsc-fr-w {
-webkit-transform: translateZ(0);
}
.mbsc-fr {
pointer-events: none;
z-index: 99998;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-text-size-adjust: 100%;
}
.mbsc-fr-lock-ctx {
position: relative;
}
.mbsc-fr-lock.mbsc-fr-lock-ios {
overflow: hidden;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: auto;
}
.mbsc-fr-pos {
visibility: hidden;
}
.mbsc-fr-scroll {
position: relative;
width: 100%;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.mbsc-fr-popup,
.mbsc-fr-scroll {
z-index: 2;
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.mbsc-fr-popup {
max-width: 98%;
position: absolute;
top: 0;
left: 0;
font-size: 12px;
text-shadow: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mbsc-rtl {
direction: rtl;
}
.mbsc-fr-arr,
.mbsc-fr-btn-cont,
.mbsc-fr-popup {
box-sizing: border-box;
}
.mbsc-fr .mbsc-fr-w {
box-sizing: content-box;
}
.mbsc-fr-w {
min-width: 200px;
max-width: 100%;
overflow: hidden;
text-align: center;
font-family: arial, verdana, sans-serif;
}
.mbsc-fr,
.mbsc-fr-overlay,
.mbsc-fr-persp {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mbsc-fr-lock .mbsc-fr-persp {
-ms-touch-action: none;
touch-action: none;
}
.mbsc-fr-lock-ctx .mbsc-fr-overlay,
.mbsc-fr-lock-ctx .mbsc-fr-persp,
.mbsc-fr-lock-ctx > .mbsc-fr {
position: absolute;
}
.mbsc-fr-persp {
pointer-events: auto;
overflow: hidden;
}
.mbsc-fr-overlay {
z-index: 1;
background: rgba(0, 0, 0, 0.7);
}
.mbsc-fr-liq .mbsc-fr-popup {
max-width: 100%;
}
.mbsc-fr-bottom .mbsc-fr-popup,
.mbsc-fr-top .mbsc-fr-popup {
width: 100%;
max-width: 100%;
}
.mbsc-fr-bottom .mbsc-fr-w,
.mbsc-fr-top .mbsc-fr-w {
padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
}
.mbsc-fr-bottom .mbsc-fr-w {
padding-bottom: env(safe-area-inset-bottom);
}
.mbsc-fr-top .mbsc-fr-popup {
padding-top: env(safe-area-inset-top);
}
.mbsc-fr-inline {
position: relative;
pointer-events: auto;
z-index: 0;
}
.mbsc-fr-inline .mbsc-fr-popup {
position: static;
max-width: 100%;
}
.mbsc-fr-bubble,
.mbsc-fr-bubble .mbsc-fr-persp {
position: absolute;
}
.mbsc-fr-bubble .mbsc-fr-arr-w {
position: absolute;
z-index: 1;
left: 0;
width: 100%;
overflow: hidden;
}
.mbsc-fr-bubble-top .mbsc-fr-arr-w {
top: 100%;
}
.mbsc-fr-bubble-bottom .mbsc-fr-arr-w {
bottom: 100%;
}
.mbsc-fr-bubble .mbsc-fr-arr-i {
margin: 0 1.75em;
position: relative;
direction: ltr;
}
.mbsc-fr-bubble .mbsc-fr-arr {
display: block;
}
.mbsc-fr-arr {
display: none;
position: relative;
left: 0;
width: 2em;
height: 2em;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-left: -1em;
}
.mbsc-fr-bubble-bottom .mbsc-fr-arr {
top: 1.333334em;
}
.mbsc-fr-bubble-top .mbsc-fr-arr {
top: -1.333334em;
}
.mbsc-fr-hdn {
width: 0;
height: 0;
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
}
.mbsc-fr-hdr {
text-align: center;
}
.mbsc-fr-btn,
.mbsc-fr-hdr {
overflow: hidden;
text-overflow: ellipsis;
}
.mbsc-fr-btn {
display: block;
text-decoration: none;
white-space: nowrap;
vertical-align: top;
}
.mbsc-fr-btn-e {
cursor: pointer;
}
.mbsc-fr-btn.mbsc-disabled {
cursor: not-allowed;
}
.mbsc-fr-btn-cont {
display: table;
width: 100%;
text-align: center;
white-space: normal;
}
.mbsc-fr-btn-cont .mbsc-disabled {
opacity: 0.3;
}
.mbsc-fr-btn-w {
vertical-align: top;
display: table-cell;
position: relative;
z-index: 5;
}
.mbsc-fr-btn-w .mbsc-fr-btn:before {
padding: 0.375em;
}
.mbsc-fr-pointer.mbsc-fr .mbsc-fr-w .mbsc-fr-inline .mbsc-fr-w {
box-shadow: none;
border-radius: 0;
}
.mbsc-fr-pointer .mbsc-ltr .mbsc-fr-w,
.mbsc-fr-pointer .mbsc-ltr .mbsc-sc-whl .mbsc-sel-gr {
text-align: left;
}
.mbsc-fr-pointer .mbsc-rtl .mbsc-fr-w,
.mbsc-fr-pointer .mbsc-rtl .mbsc-sc-whl .mbsc-sel-gr {
text-align: right;
}
.mbsc-fr-pointer.mbsc-fr-bottom .mbsc-fr-w,
.mbsc-fr-pointer.mbsc-fr-top .mbsc-fr-w {
pointer-events: auto;
display: inline-block;
margin-top: 3em;
margin-bottom: 3em;
max-width: 98%;
}
.mbsc-fr-pointer.mbsc-fr-bottom .mbsc-fr-popup,
.mbsc-fr-pointer.mbsc-fr-top .mbsc-fr-popup {
text-align: center;
pointer-events: none;
}
.mbsc-fr-pointer.mbsc-fr-bubble .mbsc-fr-arr-w {
display: none;
}
.mbsc-fr-pointer .mbsc-sel-empty {
text-align: center;
}
.mbsc-mobiscroll .mbsc-fr-w {
min-width: 16em;
background: #f7f7f7;
color: #454545;
font-size: 16px;
}
.mbsc-mobiscroll .mbsc-fr-hdr {
padding: 0.6666em 0.6666em 0;
color: #4eccc4;
font-size: 0.75em;
text-transform: uppercase;
min-height: 2em;
line-height: 2em;
}
.mbsc-mobiscroll .mbsc-fr-btn-cont {
display: block;
overflow: hidden;
text-align: right;
padding: 0 0.5em 0.5em;
}
.mbsc-mobiscroll .mbsc-ltr .mbsc-fr-btn-cont {
text-align: right;
}
.mbsc-mobiscroll .mbsc-rtl .mbsc-fr-btn-cont {
text-align: left;
}
.mbsc-mobiscroll .mbsc-fr-btn-w {
display: inline-block;
}
.mbsc-mobiscroll .mbsc-fr-btn {
height: 2.5em;
line-height: 2.5em;
padding: 0 1em;
color: #4eccc4;
text-transform: uppercase;
}
.mbsc-mobiscroll .mbsc-fr-btn.mbsc-active,
.mbsc-mobiscroll.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover {
background: rgba(78, 204, 196, 0.3);
}
.mbsc-mobiscroll.mbsc-fr-bubble .mbsc-fr-w,
.mbsc-mobiscroll.mbsc-fr-center .mbsc-fr-w {
border-radius: 0.25em;
}
.mbsc-mobiscroll .mbsc-fr-arr {
background: #f7f7f7;
}
.mbsc-mobiscroll.mbsc-fr-no-overlay .mbsc-fr-arr {
box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
}
.mbsc-mobiscroll.mbsc-fr-no-overlay .mbsc-fr-w {
box-shadow: 0 0.125em 1em rgba(0, 0, 0, 0.3);
}
.mbsc-mobiscroll.mbsc-fr-no-overlay.mbsc-fr-bubble .mbsc-fr-w {
border-radius: 0.25em;
}
.mbsc-sc-btn,
.mbsc-sc-whl-o {
-webkit-transform: translateZ(0);
}
.mbsc-sc .mbsc-sc-whl,
.mbsc-sc .mbsc-sc-whl-c,
.mbsc-sc .mbsc-sc-whl-gr-c,
.mbsc-sc .mbsc-sc-whl-l {
box-sizing: content-box;
}
.mbsc-sc-itm,
.mbsc-sc-whl-gr-c {
box-sizing: border-box;
}
.mbsc-sc-whl-gr-c {
position: relative;
max-width: 100%;
vertical-align: middle;
display: inline-block;
overflow: hidden;
}
.mbsc-fr-bottom .mbsc-sc-whl-gr-c:first-child:last-child,
.mbsc-fr-inline .mbsc-sc-whl-gr-c:first-child:last-child,
.mbsc-fr-liq .mbsc-sc-whl-gr-c,
.mbsc-fr-top .mbsc-sc-whl-gr-c:first-child:last-child {
display: block;
}
.mbsc-sc-whl-gr {
margin: 0 auto;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.mbsc-sc-whl-w {
max-width: 100%;
position: relative;
-ms-touch-action: none;
touch-action: none;
}
.mbsc-fr-liq .mbsc-sc-whl-w,
.mbsc-fr-pointer .mbsc-sc-whl-w {
-webkit-box-flex: 1;
-webkit-flex: 1 auto;
-ms-flex: 1 auto;
flex: 1 auto;
}
.mbsc-sc-whl-o {
z-index: 2;
top: 0;
bottom: 0;
}
.mbsc-sc-whl-l,
.mbsc-sc-whl-o {
position: absolute;
right: 0;
left: 0;
pointer-events: none;
display: none;
}
.mbsc-sc-whl-l {
top: 50%;
}
.mbsc-sc-whl-w .mbsc-sc-whl-l {
display: block;
}
.mbsc-sc-whl {
overflow: hidden;
margin: -1px 0;
}
.mbsc-sc-whl,
.mbsc-sc-whl-c {
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}
.mbsc-sc-whl-c {
z-index: 1;
top: 50%;
}
.mbsc-sc-itm,
.mbsc-sc-whl-c,
.mbsc-sc-whl-sc {
position: relative;
}
.mbsc-sc-itm {
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.mbsc-sc-itm-inv,
.mbsc-sc-itm-inv-h {
opacity: 0.3;
}
.mbsc-sc-lbl {
position: absolute;
left: 0;
right: 0;
bottom: 100%;
display: none;
}
.mbsc-sc-lbl-v .mbsc-sc-lbl {
display: block;
}
.mbsc-sc-btn {
position: absolute;
z-index: 2;
left: 0;
right: 0;
cursor: pointer;
opacity: 1;
text-align: center;
transition: opacity 0.2s linear;
}
.mbsc-sc-btn:before {
position: absolute;
top: 0;
right: 0;
left: 0;
}
.mbsc-sc-whl-a .mbsc-sc-btn {
opacity: 0;
}
.mbsc-sc-btn-plus {
bottom: 0;
}
.mbsc-sc-btn-minus {
top: 0;
}
.mbsc-sc-whl-gr-3d {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.mbsc-sc-whl-gr-3d .mbsc-sc-whl {
overflow: visible;
}
.mbsc-sc-whl-gr-3d .mbsc-sc-whl-c {
overflow: hidden;
}
.mbsc-sc-whl-3d {
position: absolute;
top: 50%;
left: 0;
right: 0;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.mbsc-sc-itm-3d {
position: absolute;
width: 100%;
top: 0;
left: 0;
cursor: pointer;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.mbsc-sc-itm-del {
display: none;
}
.mbsc-sc-itm-ml {
width: 100%;
height: auto;
display: inline-block;
vertical-align: middle;
white-space: normal;
}
.mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
position: absolute;
top: 0;
left: 0;
width: 1em;
text-align: center;
}
.mbsc-fr-pointer .mbsc-fr-w .mbsc-sc-whl-gr,
.mbsc-fr-pointer .mbsc-fr-w .mbsc-sc-whl-gr-c {
padding: 0;
}
.mbsc-fr-pointer .mbsc-sc-whl-gr-c:first-child:last-child {
display: block;
}
.mbsc-sc-bar-c {
z-index: 2;
bottom: 0;
opacity: 0;
background: rgba(0, 0, 0, 0.05);
transform: translateZ(0);
transition: opacity 0.2s;
}
.mbsc-sc-bar,
.mbsc-sc-bar-c {
position: absolute;
top: 0;
right: 0;
width: 10px;
}
.mbsc-sc-bar {
height: 100%;
}
.mbsc-sc-bar:after {
content: "";
position: absolute;
top: 2px;
right: 2px;
bottom: 2px;
left: 2px;
background: rgba(0, 0, 0, 0.5);
border-radius: 3px;
}
.mbsc-sc-whl-anim .mbsc-sc-bar-c,
.mbsc-sc-whl-w:hover .mbsc-sc-bar-c {
opacity: 1;
}
.mbsc-mobiscroll .mbsc-sc-whl-gr {
padding: 0.5em 0.25em;
}
.mbsc-mobiscroll .mbsc-sc-whl-w {
margin: 0 0.25em;
}
.mbsc-mobiscroll .mbsc-sc-lbl-v .mbsc-sc-whl-w {
margin-top: 1.875em;
}
.mbsc-mobiscroll .mbsc-sc-lbl {
color: #4eccc4;
font-size: 0.75em;
line-height: 2.5em;
text-transform: uppercase;
}
.mbsc-mobiscroll .mbsc-sc-whl-l {
border-top: 1px solid #4eccc4;
border-bottom: 1px solid #4eccc4;
}
.mbsc-mobiscroll .mbsc-sc-cp .mbsc-sc-whl-w {
padding: 2em 0;
}
.mbsc-mobiscroll .mbsc-sc-btn {
height: 2em;
line-height: 2em;
color: #4eccc4;
background: #f7f7f7;
}
.mbsc-mobiscroll .mbsc-sc-btn:before {
font-size: 1.5em;
}
.mbsc-mobiscroll .mbsc-sc-itm {
padding: 0 0.25em;
font-size: 1.375em;
}
.mbsc-mobiscroll.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover,
.mbsc-mobiscroll .mbsc-sc-itm:focus {
outline: 0;
background: rgba(69, 69, 69, 0.1);
}
.mbsc-mobiscroll.mbsc-no-touch .mbsc-sc-btn:hover:before,
.mbsc-mobiscroll .mbsc-sc-btn.mbsc-active:before,
.mbsc-mobiscroll.mbsc-sc .mbsc-sc-whl .mbsc-sc-itm.mbsc-active {
background: rgba(78, 204, 196, 0.3);
}
.mbsc-mobiscroll .mbsc-sc-whl-multi .mbsc-sc-itm {
padding: 0 1.818181em;
}
.mbsc-mobiscroll .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
font-size: 1.818181em;
color: #4eccc4;
}
.mbsc-mobiscroll.mbsc-fr-pointer .mbsc-sc-lbl {
padding-left: 1.666667em;
padding-right: 1.666667em;
}
.mbsc-mobiscroll.mbsc-fr-pointer .mbsc-sc-whl-w {
margin-left: 0;
margin-right: 0;
}
.mbsc-mobiscroll.mbsc-fr-pointer .mbsc-sc-itm {
font-size: 1em;
padding: 0 1.25em;
}
.mbsc-mobiscroll.mbsc-fr-pointer .mbsc-sc-whl-multi .mbsc-sc-itm {
padding: 0 2.5em;
}
.mbsc-mobiscroll.mbsc-fr-pointer .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
font-size: 2em;
}
.mbsc-mobiscroll.mbsc-fr-pointer
.mbsc-ltr
.mbsc-sc-whl-multi
.mbsc-sc-itm-sel:before {
left: 0.125em;
}
.mbsc-mobiscroll.mbsc-fr-pointer
.mbsc-rtl
.mbsc-sc-whl-multi
.mbsc-sc-itm-sel:before {
right: 0.125em;
}
.mbsc-mobiscroll .mbsc-empty {
color: #787878;
}
.mbsc-cal-day,
.mbsc-cal-day-i,
.mbsc-cal-slide {
box-sizing: border-box;
}
.mbsc-cal .mbsc-cal-day-date {
text-align: center;
box-sizing: content-box;
}
.mbsc-cal-btn-w,
.mbsc-cal-days,
.mbsc-cal-days-c,
.mbsc-cal-hdr,
.mbsc-cal-tabbed .mbsc-fr-c .mbsc-sc-whl-gr-c {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.mbsc-cal-btn-w,
.mbsc-cal-days,
.mbsc-cal-days > div,
.mbsc-cal-month,
.mbsc-cal-year {
-webkit-box-flex: 1;
-webkit-flex: 1 auto;
-ms-flex: 1 auto;
flex: 1 auto;
}
.mbsc-cal-c {
position: relative;
display: inline-block;
vertical-align: middle;
text-align: center;
}
.mbsc-cal-btn-w {
width: 50%;
}
.mbsc-cal-month,
.mbsc-cal-year {
width: 1%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
}
.mbsc-cal-btn.mbsc-disabled {
opacity: 0.3;
cursor: not-allowed;
}
.mbsc-cal-days {
line-height: 1.875em;
text-align: center;
}
.mbsc-cal-days > div {
width: 14.285715%;
}
.mbsc-cal-body {
position: relative;
}
.mbsc-cal-scroll-c {
overflow: hidden;
height: 100%;
}
.mbsc-cal-scroll,
.mbsc-cal-slide {
width: 100%;
height: 100%;
}
.mbsc-cal-slide {
position: absolute;
z-index: 0;
top: 0;
left: 0;
}
.mbsc-cal-slide:first-child {
position: relative;
}
.mbsc-cal-table {
display: table;
width: 100%;
height: 100%;
table-layout: fixed;
}
.mbsc-cal-row {
display: table-row;
}
.mbsc-cal-cell {
display: table-cell;
vertical-align: middle;
}
.mbsc-cal-cell:focus {
outline: 0;
}
.mbsc-cal-picker {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 0.9375em 0;
transition: all 0.2s ease-in-out;
}
.mbsc-cal-picker .mbsc-cal-cell {
width: 33.333333%;
height: 25%;
cursor: pointer;
}
.mbsc-cal-h {
visibility: hidden;
opacity: 0;
}
.mbsc-cal-day {
max-width: 14.285715%;
height: 16.666667%;
position: relative;
text-align: center;
cursor: pointer;
}
.mbsc-cal-day-i {
position: relative;
height: 100%;
}
.mbsc-cal-day-diff .mbsc-cal-day-date {
opacity: 0.5;
}
.mbsc-cal-day-diff.mbsc-selected .mbsc-cal-day-date,
.mbsc-cal-week-view .mbsc-cal-day-date {
opacity: 1;
}
.mbsc-cal-cell.mbsc-disabled {
cursor: not-allowed;
}
.mbsc-cal-cell.mbsc-disabled .mbsc-cal-cell-txt {
opacity: 0.2;
}
.mbsc-cal-hide-diff .mbsc-cal-day-diff {
cursor: default;
}
.mbsc-cal-hide-diff .mbsc-cal-day-diff .mbsc-cal-day-i {
visibility: hidden;
}
.mbsc-ltr .mbsc-cal-weeks .mbsc-cal-days {
margin-left: 1.625em;
}
.mbsc-rtl .mbsc-cal-weeks .mbsc-cal-days {
margin-right: 1.625em;
}
.mbsc-cal-week-nr {
width: 1.625em;
text-align: center;
}
.mbsc-cal-multi .mbsc-cal-hdr {
display: block;
}
.mbsc-cal-multi .mbsc-cal-btn-w {
width: auto;
}
.mbsc-cal-multi .mbsc-cal-days,
.mbsc-cal-multi .mbsc-cal-slide {
padding: 0 0.5em;
}
.mbsc-fr-liq .mbsc-cal-c {
display: block;
}
.mbsc-calendar.mbsc-fr-liq.mbsc-fr-center .mbsc-fr-overlay {
display: none;
}
.mbsc-calendar.mbsc-fr-liq.mbsc-fr-center .mbsc-fr-w {
border-radius: 0;
padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
padding-bottom: env(safe-area-inset-bottom);
}
.mbsc-cal-tabs-c {
display: none;
}
.mbsc-cal-tabs {
display: table;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
.mbsc-cal-tab {
width: 33.33%;
display: table-cell;
overflow: hidden;
cursor: pointer;
text-align: center;
}
.mbsc-cal-tab,
.mbsc-cal-tabbed .mbsc-fr-c {
position: relative;
}
.mbsc-cal-tabbed .mbsc-w-p {
transition: opacity 0.2s ease-in-out;
}
.mbsc-cal-tabbed .mbsc-sc-whl-gr-c {
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
max-width: none;
height: 100%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-box-align: center;
align-items: center;
}
.mbsc-cal-tabbed .mbsc-cal-c,
.mbsc-cal-tabbed .mbsc-cal-tabs-c {
display: block;
}
.mbsc-cal-tabbed .mbsc-fr-pos .mbsc-sc-whl-gr-c {
width: auto;
}
.mbsc-cal-has-marks .mbsc-cal-day {
padding-bottom: 0.25em;
}
.mbsc-cal-marks {
position: absolute;
left: 0;
right: 0;
height: 0.375em;
margin-top: -0.125em;
overflow: hidden;
white-space: nowrap;
}
.mbsc-cal-mark {
display: inline-block;
vertical-align: top;
width: 0.25em;
height: 0.25em;
margin: 0.0625em;
border-radius: 0.25em;
}
.mbsc-cal-txt-w {
position: absolute;
z-index: 2;
pointer-events: none;
}
.mbsc-ltr .mbsc-cal-txt {
text-align: left;
}
.mbsc-rtl .mbsc-cal-txt {
text-align: right;
}
.mbsc-cal-txt,
.mbsc-cal-txt-more,
.mbsc-cal-txt-ph {
position: relative;
height: 1.6em;
line-height: 1.6em;
overflow: hidden;
padding: 0 0.3em;
font-size: 0.625em;
white-space: nowrap;
text-overflow: ellipsis;
margin: 0 0.1em 0.2em;
}
.mbsc-no-touch .mbsc-cal-txt:before {
content: "";
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: background-color 0.2s;
}
.mbsc-no-touch .mbsc-cal-txt.mbsc-hover:before {
background-color: rgba(0, 0, 0, 0.2);
}
.mbsc-no-touch .mbsc-cal-txt-more:hover {
background-color: rgba(0, 0, 0, 0.1);
}
.mbsc-cal-txt-more {
text-align: left;
transition: background-color 0.2s;
}
.mbsc-cal .mbsc-cal-btn {
position: relative;
z-index: 1;
}
.mbsc-mobiscroll .mbsc-cal-c {
padding: 0.5em;
}
.mbsc-mobiscroll .mbsc-cal-btn-w {
font-size: 1.125em;
line-height: 2.222223em;
}
.mbsc-mobiscroll .mbsc-cal .mbsc-cal-btn {
width: 2.666667em;
height: 2.666667em;
line-height: 2.666667em;
padding: 0;
border-radius: 2em;
margin: -0.222222em;
}
.mbsc-mobiscroll .mbsc-cal-picker {
border-top: 1px solid transparent;
background: #f7f7f7;
}
.mbsc-mobiscroll .mbsc-cal-picker .mbsc-cal-cell-i {
display: inline-block;
height: 2em;
padding: 0 1em;
line-height: 2em;
border-radius: 2em;
white-space: nowrap;
}
.mbsc-mobiscroll .mbsc-cal-days > div {
border-bottom: 1px solid #4eccc4;
color: #4eccc4;
font-size: 0.6875em;
}
.mbsc-mobiscroll .mbsc-cal-day-date {
display: inline-block;
width: 2.153847em;
height: 2.153847em;
margin: 0.307692em 0;
line-height: 2.153847em;
font-size: 0.8125em;
border: 2px solid transparent;
border-radius: 2em;
}
.mbsc-mobiscroll .mbsc-cal-today {
color: #4eccc4;
}
.mbsc-mobiscroll .mbsc-cal-cell:focus .mbsc-cal-cell-txt,
.mbsc-mobiscroll.mbsc-no-touch
.mbsc-cal-day:not(.mbsc-disabled)
.mbsc-cal-day-date:hover,
.mbsc-mobiscroll.mbsc-no-touch:not(.mbsc-ev-cal)
.mbsc-cal-cell:not(.mbsc-disabled):hover
.mbsc-cal-cell-txt {
background: rgba(78, 204, 196, 0.3);
}
.mbsc-mobiscroll
.mbsc-cal-c
.mbsc-cal
.mbsc-cal-body
.mbsc-cal-row
.mbsc-selected
.mbsc-cal-cell-txt {
background: #4eccc4;
color: #f7f7f7;
}
.mbsc-mobiscroll .mbsc-cal-day-colored.mbsc-selected .mbsc-cal-day-date {
border-color: #4eccc4;
}
.mbsc-mobiscroll .mbsc-cal-week-nr {
width: 2.363637em;
font-size: 0.6875em;
color: #4eccc4;
}
.mbsc-mobiscroll .mbsc-cal-tabs-c {
line-height: 1.875em;
padding: 0.5em 0.5em 0;
text-transform: uppercase;
}
.mbsc-mobiscroll .mbsc-cal-tab {
border: 1px solid #4eccc4;
font-size: 0.7em;
padding: 0 1.2em;
color: #454545;
}
.mbsc-mobiscroll .mbsc-ltr .mbsc-cal-tab:first-child {
border-right: 0;
}
.mbsc-mobiscroll .mbsc-ltr .mbsc-cal-tab:last-child {
border-left: 0;
}
.mbsc-mobiscroll .mbsc-rtl .mbsc-cal-tab:last-child {
border-right: 0;
}
.mbsc-mobiscroll .mbsc-rtl .mbsc-cal-tab:first-child {
border-left: 0;
}
.mbsc-mobiscroll
.mbsc-fr-w
.mbsc-cal-tabs-c
.mbsc-cal-tabs
.mbsc-cal-tab.mbsc-selected {
background: #4eccc4;
color: #f7f7f7;
}
.mbsc-mobiscroll .mbsc-cal-mark {
background: #454545;
}
.mbsc-mobiscroll .mbsc-cal-txt {
color: #f7f7f7;
background: #454545;
}
.mbsc-mobiscroll .mbsc-cal-icons {
color: #454545;
}
.mbsc-mobiscroll-dark .mbsc-fr-w {
background: #263238;
color: #f7f7f7;
}
.mbsc-mobiscroll-dark .mbsc-fr-hdr {
color: #4fccc4;
}
.mbsc-mobiscroll-dark .mbsc-fr-btn.mbsc-active,
.mbsc-mobiscroll-dark.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover {
background: rgba(79, 204, 196, 0.3);
}
.mbsc-mobiscroll-dark .mbsc-fr-btn {
color: #4fccc4;
}
.mbsc-mobiscroll-dark .mbsc-fr-arr {
background: #263238;
}
.mbsc-mobiscroll-dark .mbsc-sc-lbl {
color: #4fccc4;
}
.mbsc-mobiscroll-dark .mbsc-sc-whl-l {
border-color: #4fccc4;
}
.mbsc-mobiscroll-dark .mbsc-sc-btn {
color: #4fccc4;
background: #263238;
}
.mbsc-mobiscroll-dark.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover,
.mbsc-mobiscroll-dark .mbsc-sc-itm:focus {
background: hsla(0, 0%, 96.9%, 0.1);
}
.mbsc-mobiscroll-dark.mbsc-no-touch .mbsc-sc-btn:hover:before,
.mbsc-mobiscroll-dark .mbsc-sc-btn.mbsc-active:before,
.mbsc-mobiscroll-dark.mbsc-sc .mbsc-sc-whl .mbsc-sc-itm.mbsc-active {
background: rgba(79, 204, 196, 0.3);
}
.mbsc-mobiscroll-dark .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
color: #4fccc4;
}
.mbsc-mobiscroll-dark .mbsc-sc-bar-c {
background: hsla(0, 0%, 100%, 0.2);
}
.mbsc-mobiscroll-dark .mbsc-sel-gr-whl.mbsc-sel-one .mbsc-sc-itm-sel {
color: #4fccc4;
}
.mbsc-mobiscroll-dark.mbsc-fr-pointer
.mbsc-sel-one.mbsc-sc-whl-multi
.mbsc-sc-itm-sel {
color: #f7f7f7;
background: rgba(79, 204, 196, 0.3);
}
.mbsc-mobiscroll-dark .mbsc-cal-picker {
background: #263238;
}
.mbsc-mobiscroll-dark .mbsc-cal-days > div {
border-bottom-color: #4fccc4;
color: #4fccc4;
}
.mbsc-mobiscroll-dark .mbsc-cal-today {
color: #4fccc4;
}
.mbsc-mobiscroll-dark .mbsc-cal-cell:focus .mbsc-cal-cell-txt,
.mbsc-mobiscroll-dark.mbsc-no-touch
.mbsc-cal-day:not(.mbsc-disabled)
.mbsc-cal-day-date:hover,
.mbsc-mobiscroll-dark.mbsc-no-touch:not(.mbsc-ev-cal)
.mbsc-cal-cell:not(.mbsc-disabled):hover
.mbsc-cal-cell-txt {
background: rgba(79, 204, 196, 0.3);
}
.mbsc-mobiscroll-dark
.mbsc-cal-c
.mbsc-cal
.mbsc-cal-body
.mbsc-cal-row
.mbsc-selected
.mbsc-cal-cell-txt {
background: #4fccc4;
color: #263238;
}
.mbsc-mobiscroll-dark .mbsc-cal-week-nr {
color: #4fccc4;
}
.mbsc-mobiscroll-dark .mbsc-cal-tab {
border-color: #4fccc4;
color: #f7f7f7;
}
.mbsc-mobiscroll-dark
.mbsc-fr-w
.mbsc-cal-tabs-c
.mbsc-cal-tabs
.mbsc-cal-tab.mbsc-selected {
background: #4fccc4;
color: #263238;
}
.mbsc-mobiscroll-dark .mbsc-cal-mark {
background: #f7f7f7;
}
.mbsc-mobiscroll-dark .mbsc-cal-txt {
color: #263238;
background: #f7f7f7;
}
.mbsc-mobiscroll-dark .mbsc-cal-icons {
color: #f7f7f7;
}
.mbsc-mobiscroll-dark.mbsc-cal-events-popup .mbsc-fr-w {
border-color: #fff;
}
.mbsc-mobiscroll-dark.mbsc-cal-events-popup .mbsc-fr-arr {
background: #fff;
}
.mbsc-mobiscroll-dark .mbsc-cal-event-color {
background: #4fccc4;
}
.mbsc-mobiscroll-dark .mbsc-cal-event-dur,
.mbsc-mobiscroll-dark .mbsc-cal-event-time {
color: #4fccc4;
}
.mbsc-mobiscroll-dark .mbsc-event-list .mbsc-lv-gr-title {
background: #263238;
color: #4fccc4;
}
.mbsc-mobiscroll-dark .mbsc-event-color {
background: hsla(0, 0%, 96.9%, 0.3);
}
.mbsc-mobiscroll-dark.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-cell,
.mbsc-mobiscroll-dark.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-table {
border-color: #364850;
}
.mbsc-mobiscroll-dark .mbsc-range-btn {
border-color: #4fccc4;
}
.mbsc-mobiscroll-dark.mbsc-range
.mbsc-range-btn-t
.mbsc-range-btn.mbsc-selected {
background: #4fccc4;
color: #263238;
}
.mbsc-mobiscroll-dark.mbsc-range
.mbsc-cal
.mbsc-cal-row
.mbsc-cal-day.mbsc-selected
.mbsc-cal-day-date {
background: none;
color: #f7f7f7;
}
.mbsc-mobiscroll-dark.mbsc-range
.mbsc-cal
.mbsc-cal-row
.mbsc-cal-day.mbsc-cal-day-hl
.mbsc-cal-day-date {
background: #4fccc4;
color: #263238;
}
.mbsc-mobiscroll-dark.mbsc-range .mbsc-cal-day.mbsc-selected:after {
background: rgba(79, 204, 196, 0.3);
}
.mbsc-mobiscroll-dark .mbsc-np-del {
color: #4fccc4;
}
.mbsc-mobiscroll-dark .mbsc-color-active,
.mbsc-no-touch.mbsc-mobiscroll-dark .mbsc-color-item-c:hover {
box-shadow: inset 0 0 0 0.1875em #4fccc4;
}
.mbsc-mobiscroll-dark .mbsc-color-preview-item-empty {
border-color: #34444d;
}
.mbsc-mobiscroll-dark .mbsc-color-preview-cont {
border-top-color: #435863;
}
.mbsc-mobiscroll-dark.mbsc-form .mbsc-color-input {
border-bottom: 1px solid #fff;
color: #d1d1d1;
}
.mbsc-mobiscroll-dark .mbsc-color-clear-item {
background: rgba(223, 222, 222, 0.3);
}
.mbsc-mobiscroll-dark.mbsc-card.mbsc-form,
.mbsc-mobiscroll-dark.mbsc-card .mbsc-lv-item {
background: #2e3d44;
}
.mbsc-mobiscroll-dark .mbsc-card-footer {
border-top: 1px solid #49606c;
}
.mbsc-mobiscroll-dark.mbsc-card .mbsc-input.mbsc-input-outline .mbsc-label {
background: #2e3d44;
}
.mbsc-mobiscroll-dark .mbsc-lv {
background: #435863;
}
.mbsc-mobiscroll-dark .mbsc-lv-item {
background: #263238;
color: #f7f7f7;
}
.mbsc-mobiscroll-dark .mbsc-lv-gr-title {
background: #4fccc4;
color: #263238;
}
.mbsc-mobiscroll-dark .mbsc-lv-item-active.mbsc-lv-item-actionable:before,
.mbsc-mobiscroll-dark.mbsc-no-touch .mbsc-lv-item-actionable:hover:before {
background: rgba(79, 204, 196, 0.15);
}
.mbsc-mobiscroll-dark.mbsc-lv-alt-row .mbsc-lv-item:nth-child(2n) {
background: #1d272b;
}
.mbsc-mobiscroll-dark .mbsc-lv-item-hl:before {
background: rgba(79, 204, 196, 0.15);
}
.mbsc-mobiscroll-dark .mbsc-lv-arr {
color: #4fccc4;
}
.mbsc-mobiscroll-dark .mbsc-lv-handle-bar {
background: #4fccc4;
}
.mbsc-mobiscroll-dark .mbsc-lv-item.mbsc-lv-item-dragging {
background: #4fccc4;
color: #263238;
}
.mbsc-mobiscroll-dark .mbsc-lv-item-dragging .mbsc-lv-handle-bar {
background: #263238;
}
.mbsc-mobiscroll-dark .mbsc-lv-item-dragging .mbsc-lv-arr {
color: #263238;
}
.mbsc-mobiscroll-dark .mbsc-lv-loading .mbsc-ic {
color: #f7f7f7;
}
.mbsc-mobiscroll-dark.mbsc-lv-cont .mbsc-lv-item.mbsc-selected:before {
background: rgba(79, 204, 196, 0.3);
}
.mbsc-mobiscroll-dark.mbsc-ms-c {
background: #263238;
}
.mbsc-mobiscroll-dark .mbsc-ms .mbsc-ms-item {
color: #f7f7f7;
}
.mbsc-mobiscroll-dark.mbsc-ms-c
.mbsc-scv-sc
.mbsc-ms
.mbsc-ms-item.mbsc-active {
background: rgba(79, 204, 196, 0.3);
}
.mbsc-mobiscroll-dark.mbsc-no-touch .mbsc-ms-item:not(.mbsc-disabled):hover {
background: rgba(79, 204, 196, 0.1);
}
.mbsc-mobiscroll-dark.mbsc-ms-b .mbsc-ms-item-sel {
border-bottom-color: #4fccc4;
}
.mbsc-mobiscroll-dark.mbsc-ms-b.mbsc-ms-bottom,
.mbsc-mobiscroll-dark.mbsc-ms-b.mbsc-ms-top {
border-color: #4fccc4;
}
.mbsc-mobiscroll-dark.mbsc-ms-b.mbsc-ms-bottom .mbsc-ms-item-sel {
border-top-color: #4fccc4;
border-bottom-color: transparent;
}
.mbsc-mobiscroll-dark.mbsc-ms-a.mbsc-ms-bottom,
.mbsc-mobiscroll-dark.mbsc-ms-a.mbsc-ms-top {
border-color: #49606c;
}
.mbsc-mobiscroll-dark.mbsc-ms-a .mbsc-ms-item-sel {
color: #4fccc4;
}
.mbsc-mobiscroll-dark.mbsc-progress .mbsc-input-ic {
color: #fff;
}
.mbsc-mobiscroll-dark .mbsc-progress-track {
background: #364850;
}
.mbsc-mobiscroll-dark .mbsc-progress-bar {
background: #4fccc4;
}
.mbsc-mobiscroll-dark .mbsc-slider-step {
background: #263238;
}
.mbsc-mobiscroll-dark .mbsc-slider-handle {
background: #4fccc4;
}
.mbsc-mobiscroll-dark .mbsc-slider-tooltip {
color: #263238;
background: #4fccc4;
}
.mbsc-mobiscroll-dark.mbsc-page {
background: #263238;
color: #f7f7f7;
}
.mbsc-mobiscroll-dark.mbsc-page ::-moz-selection {
background: #4fccc4;
}
.mbsc-mobiscroll-dark.mbsc-page ::selection {
background: #4fccc4;
}
.mbsc-mobiscroll-dark.mbsc-form {
background: #263238;
color: #f7f7f7;
}
.mbsc-mobiscroll-dark.mbsc-form ::-moz-selection {
background: #4fccc4;
}
.mbsc-mobiscroll-dark.mbsc-form ::selection {
background: #4fccc4;
}
.mbsc-mobiscroll-dark .mbsc-divider,
.mbsc-mobiscroll-dark .mbsc-form-group-title,
.mbsc-mobiscroll-dark a {
color: #4fccc4;
}
.mbsc-mobiscroll-dark .mbsc-input input,
.mbsc-mobiscroll-dark .mbsc-input textarea {
border-bottom: 1px solid #fff;
color: #d1d1d1;
}
.mbsc-mobiscroll-dark .mbsc-input input:focus,
.mbsc-mobiscroll-dark .mbsc-input select:focus ~ input,
.mbsc-mobiscroll-dark .mbsc-input textarea:focus {
border-color: #4fccc4;
}
.mbsc-mobiscroll-dark .mbsc-input-ic {
color: #fff;
}
.mbsc-mobiscroll-dark .mbsc-input-box.mbsc-input .mbsc-input-wrap {
background: #3b4d56;
}
.mbsc-mobiscroll-dark .mbsc-input-outline.mbsc-input input,
.mbsc-mobiscroll-dark .mbsc-input-outline.mbsc-input textarea {
border-color: #fff;
}
.mbsc-mobiscroll-dark .mbsc-input-outline.mbsc-input .mbsc-label {
background: #263238;
}
.mbsc-mobiscroll-dark .mbsc-input-outline.mbsc-err input,
.mbsc-mobiscroll-dark .mbsc-input-outline.mbsc-input input:focus,
.mbsc-mobiscroll-dark .mbsc-input-outline.mbsc-input select:focus ~ input {
border-color: #4fccc4;
}
.mbsc-mobiscroll-dark .mbsc-input-outline.mbsc-err input {
border-color: #de3226;
}
.mbsc-mobiscroll-dark .mbsc-input-outline textarea:focus {
border-color: #4fccc4;
}
.mbsc-mobiscroll-dark .mbsc-input-outline.mbsc-err textarea {
border-color: #de3226;
}
.mbsc-mobiscroll-dark .mbsc-checkbox-box {
background: #4fccc4;
}
.mbsc-mobiscroll-dark .mbsc-checkbox-box:after {
border: 0.125em solid #263238;
border-top: 0;
border-right: 0;
}
.mbsc-mobiscroll-dark .mbsc-checkbox input:disabled + .mbsc-checkbox-box {
background: #101417;
}
.mbsc-mobiscroll-dark .mbsc-radio-box {
border: 0.125em solid #4fccc4;
}
.mbsc-mobiscroll-dark .mbsc-radio-box:after {
background: #4fccc4;
}
.mbsc-mobiscroll-dark .mbsc-radio input:checked + .mbsc-radio-box {
background: transparent;
}
.mbsc-mobiscroll-dark .mbsc-radio input:disabled + .mbsc-radio-box {
border-color: #101417;
}
.mbsc-mobiscroll-dark .mbsc-radio input:disabled + .mbsc-radio-box:after {
background: #101417;
}
.mbsc-mobiscroll-dark .mbsc-btn {
background: #4fccc4;
color: #263238;
}
.mbsc-mobiscroll-dark .mbsc-btn:disabled {
background: #364850;
}
.mbsc-mobiscroll-dark .mbsc-btn.mbsc-btn-outline:disabled {
color: #364850;
border-color: #364850;
background: transparent;
}
.mbsc-mobiscroll-dark.mbsc-no-touch
.mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover {
background: rgba(79, 204, 196, 0.1);
}
.mbsc-mobiscroll-dark .mbsc-btn-flat.mbsc-active {
background: rgba(79, 204, 196, 0.3);
}
.mbsc-mobiscroll-dark .mbsc-btn-flat {
background: transparent;
color: #4fccc4;
border-color: transparent;
}
.mbsc-mobiscroll-dark .mbsc-btn-flat:disabled {
background: transparent;
color: #435863;
}
.mbsc-mobiscroll-dark .mbsc-switch-track {
background: #364850;
}
.mbsc-mobiscroll-dark .mbsc-switch-handle {
background: #435863;
}
.mbsc-mobiscroll-dark .mbsc-switch input:checked + .mbsc-switch-track {
background: #b5e6e2;
}
.mbsc-mobiscroll-dark
.mbsc-switch
input:checked + .mbsc-switch-track
.mbsc-switch-handle {
background: #4fccc4;
}
.mbsc-mobiscroll-dark .mbsc-switch input:disabled + .mbsc-switch-track {
background: #101417;
}
.mbsc-mobiscroll-dark
.mbsc-switch
input:disabled + .mbsc-switch-track
.mbsc-switch-handle {
background: #182024;
}
.mbsc-mobiscroll-dark .mbsc-segmented-content {
border-color: #4fccc4;
color: #4fccc4;
}
.mbsc-mobiscroll-dark .mbsc-stepper input {
color: #f7f7f7;
}
.mbsc-mobiscroll-dark
.mbsc-segmented
.mbsc-segmented-item.mbsc-stepper-control.mbsc-active
.mbsc-segmented-content,
.mbsc-mobiscroll-dark
.mbsc-segmented
.mbsc-segmented-item
input:checked + .mbsc-segmented-content {
background: #4fccc4;
color: #263238;
}
.mbsc-mobiscroll-dark
.mbsc-segmented
.mbsc-segmented-item
input.mbsc-active + .mbsc-segmented-content {
background: rgba(79, 204, 196, 0.3);
}
.mbsc-mobiscroll-dark .mbsc-stepper-cont {
padding: 1.75em 12.875em 1.75em 1em;
}
.mbsc-mobiscroll-dark .mbsc-stepper {
margin-top: -1.25em;
}
.mbsc-mobiscroll-dark
.mbsc-segmented
.mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled
.mbsc-segmented-content,
.mbsc-mobiscroll-dark
.mbsc-segmented
.mbsc-segmented-item
input:disabled + .mbsc-segmented-content,
.mbsc-mobiscroll-dark
.mbsc-segmented
input:disabled ~ .mbsc-segmented-item
.mbsc-segmented-content {
color: #101417;
border-color: #101417;
background: transparent;
}
.mbsc-mobiscroll-dark .mbsc-stepper input:disabled {
color: #101417;
-webkit-text-fill-color: #101417;
}
.mbsc-mobiscroll-dark
.mbsc-segmented
input:disabled:checked + .mbsc-segmented-content {
background: #364850;
border-color: #364850;
color: #263238;
}
.mbsc-mobiscroll-dark
.mbsc-stepper
.mbsc-active.mbsc-disabled
.mbsc-segmented-content {
color: #101417;
}
.mbsc-mobiscroll-dark.mbsc-no-touch
.mbsc-segmented-item:hover
.mbsc-segmented-content {
background: rgba(79, 204, 196, 0.1);
}
.mbsc-mobiscroll-dark.mbsc-rating .mbsc-progress-track {
color: #4fccc4;
}
.mbsc-mobiscroll-dark .mbsc-empty {
color: #f7f7f7;
}
.mbsc-material .mbsc-ripple {
position: absolute;
top: 0;
left: 0;
opacity: 0;
border-radius: 1000em;
background: #000;
pointer-events: none;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.mbsc-material .mbsc-ripple-scaled {
-webkit-transform: scale(1);
transform: scale(1);
}
.mbsc-material .mbsc-ripple-visible {
opacity: 0.1;
}
.mbsc-material .mbsc-empty {
color: #5b5b5b;
}
.mbsc-material .mbsc-fr-overlay {
background: rgba(0, 0, 0, 0.6);
}
.mbsc-material .mbsc-fr-w {
background: #eee;
border-radius: 0.1875em;
color: #5b5b5b;
min-width: 15em;
font-size: 16px;
box-shadow: 0 0.25em 1.5em rgba(0, 0, 0, 0.3);
}
.mbsc-material .mbsc-fr-hdr {
padding: 0.6666em 0.6666em 0;
color: #009688;
font-size: 0.75em;
font-weight: 700;
text-transform: uppercase;
min-height: 2em;
line-height: 2em;
}
.mbsc-material .mbsc-fr-btn-cont {
display: block;
overflow: hidden;
padding: 0 0.5em 0.5em;
}
.mbsc-material .mbsc-ltr .mbsc-fr-btn-cont {
text-align: right;
}
.mbsc-material .mbsc-rtl .mbsc-fr-btn-cont {
text-align: left;
}
.mbsc-material .mbsc-fr-btn-w {
display: inline-block;
}
.mbsc-material .mbsc-fr-btn {
position: relative;
height: 2.4em;
line-height: 2.4em;
padding: 0 1em;
border-radius: 2px;
font-weight: 700;
color: #009688;
text-transform: uppercase;
}
.mbsc-material .mbsc-fr-btn-cont .mbsc-fr-btn {
font-size: 0.9375em;
}
.mbsc-material .mbsc-fr-btn-e {
transition: background-color 0.2s ease-out;
}
.mbsc-material .mbsc-fr-btn.mbsc-active,
.mbsc-material.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover {
background: rgba(0, 0, 0, 0.1);
}
.mbsc-material.mbsc-fr-inline .mbsc-fr-w {
box-shadow: none;
}
.mbsc-material.mbsc-fr-bottom .mbsc-fr-w,
.mbsc-material.mbsc-fr-inline .mbsc-fr-w,
.mbsc-material.mbsc-fr-top .mbsc-fr-w {
border-radius: 0;
}
.mbsc-material .mbsc-fr-arr {
background: #eee;
box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.2);
}
.mbsc-material .mbsc-sc-whl-gr {
padding: 2em 0.25em;
}
.mbsc-material .mbsc-sc-cp {
padding: 0.5em 0.25em;
}
.mbsc-material .mbsc-sc-lbl-v .mbsc-sc-whl-gr {
padding-top: 2.5em;
padding-bottom: 0;
}
.mbsc-material .mbsc-sc-lbl {
line-height: 2.666666em;
color: #009688;
font-size: 0.75em;
font-weight: 700;
text-transform: uppercase;
}
.mbsc-material .mbsc-sc-whl-w {
margin: 0 0.25em;
padding: 0.5em 0;
}
.mbsc-material .mbsc-sc-itm {
padding: 0 0.272727em;
font-size: 1.375em;
}
.mbsc-material.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover,
.mbsc-material .mbsc-sc-itm:focus {
outline: 0;
background: rgba(0, 0, 0, 0.05);
}
.mbsc-material.mbsc-sc .mbsc-sc-whl .mbsc-sc-itm.mbsc-active {
background: rgba(0, 0, 0, 0.1);
border-radius: 2px;
}
.mbsc-material .mbsc-sc-whl-l {
border-top: 2px solid #009688;
border-bottom: 2px solid #009688;
}
.mbsc-material .mbsc-sc-cp .mbsc-sc-whl-w {
padding: 2em 0;
}
.mbsc-material .mbsc-sc-btn {
height: 2em;
line-height: 2em;
color: #009688;
background: #eee;
overflow: hidden;
}
.mbsc-material .mbsc-sc-btn:before {
font-size: 1.5em;
}
.mbsc-material.mbsc-no-touch .mbsc-sc-btn:hover,
.mbsc-material .mbsc-sc-btn.mbsc-active {
background: rgba(0, 0, 0, 0.1);
}
.mbsc-material .mbsc-sc-whl-multi .mbsc-sc-itm {
padding: 0 1.818181em;
}
.mbsc-material .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
width: 1.818181em;
color: #009688;
}
.mbsc-material.mbsc-fr-pointer .mbsc-sc-lbl {
padding-left: 1.666667em;
padding-right: 1.666667em;
}
.mbsc-material.mbsc-fr-pointer .mbsc-sc-whl-w {
margin: 0;
padding: 0;
}
.mbsc-material.mbsc-fr-pointer .mbsc-sc-itm {
font-size: 1em;
padding: 0 1.25em;
}
.mbsc-material.mbsc-fr-pointer .mbsc-sc-whl-multi .mbsc-sc-itm {
padding: 0 2.5em;
}
.mbsc-material.mbsc-fr-pointer .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
width: 2em;
}
.mbsc-material.mbsc-fr-pointer
.mbsc-ltr
.mbsc-sc-whl-multi
.mbsc-sc-itm-sel:before {
left: 0.25em;
}
.mbsc-material.mbsc-fr-pointer
.mbsc-rtl
.mbsc-sc-whl-multi
.mbsc-sc-itm-sel:before {
right: 0.25em;
}
.mbsc-material .mbsc-cal-c {
padding: 0.5em;
}
.mbsc-material .mbsc-cal .mbsc-cal-btn {
width: 1.5em;
height: 1.5em;
padding: 0;
line-height: 1.5em;
font-size: 2em;
border-radius: 2em;
margin: -0.125em;
}
.mbsc-material .mbsc-cal-month,
.mbsc-material .mbsc-cal-year {
font-size: 1.125em;
font-weight: 700;
line-height: 2.222223em;
}
.mbsc-material .mbsc-cal-picker {
background: #eee;
}
.mbsc-material .mbsc-cal-picker .mbsc-cal-cell-i {
display: inline-block;
height: 2em;
padding: 0 1em;
line-height: 2em;
border-radius: 2em;
white-space: nowrap;
}
.mbsc-material .mbsc-cal-days > div {
font-size: 0.75em;
font-weight: 700;
}
.mbsc-material .mbsc-cal-day-date {
display: inline-block;
width: 2.461539em;
height: 2.461539em;
margin: 0.153846em 0;
line-height: 2.461539em;
font-size: 0.8125em;
border: 2px solid transparent;
border-radius: 2em;
}
.mbsc-material .mbsc-cal-today {
color: #009688;
}
.mbsc-material .mbsc-cal-cell:focus .mbsc-cal-cell-txt,
.mbsc-material.mbsc-no-touch
.mbsc-cal-day:not(.mbsc-disabled)
.mbsc-cal-day-date:hover,
.mbsc-material.mbsc-no-touch:not(.mbsc-ev-cal)
.mbsc-cal-cell:not(.mbsc-disabled):hover
.mbsc-cal-cell-txt {
background: rgba(0, 0, 0, 0.1);
}
.mbsc-material
.mbsc-cal-c
.mbsc-cal
.mbsc-cal-body
.mbsc-cal-row
.mbsc-selected
.mbsc-cal-cell-txt {
background: rgba(0, 150, 136, 0.3);
}
.mbsc-material
.mbsc-cal-c
.mbsc-cal-day-colored.mbsc-selected
.mbsc-cal-day-date {
border-color: #009688;
}
.mbsc-material .mbsc-cal-week-nr {
width: 2.363636em;
font-size: 0.6875em;
font-weight: 700;
}
.mbsc-material .mbsc-cal-tabs-c {
line-height: 1.875em;
padding: 0.5em 0.5em 0;
text-transform: uppercase;
}
.mbsc-material .mbsc-cal-tab {
font-size: 0.75em;
padding: 0 0.5em;
}
.mbsc-material .mbsc-cal-tab.mbsc-selected {
color: #009688;
}
.mbsc-material.mbsc-cal-tabbed .mbsc-cal-c,
.mbsc-material.mbsc-cal-tabbed .mbsc-fr-hdr {
padding-top: 0;
}
.mbsc-material .mbsc-cal-marks {
margin-top: -0.5em;
transition: transform 0.1s ease-out;
}
.mbsc-material .mbsc-cal-mark {
background: #009688;
}
.mbsc-material.mbsc-no-touch
.mbsc-cal-day:not(.mbsc-disabled):hover
.mbsc-cal-marks,
.mbsc-material .mbsc-selected .mbsc-cal-marks {
-webkit-transform: translate3d(0, 0.375em, 0);
transform: translate3d(0, 0.375em, 0);
}
.mbsc-material .mbsc-cal-txt {
color: #eee;
background: #7c7c7c;
border-radius: 0.2em;
}
.mbsc-material .mbsc-cal-icons {
color: #5b5b5b;
}
.mbsc-lv-material-dark .mbsc-ripple,
.mbsc-material-dark .mbsc-ripple {
background: #fff;
}
.mbsc-material-dark .mbsc-empty {
color: #c2c2c2;
}
.mbsc-material-dark .mbsc-fr-w {
background: #303030;
color: #c2c2c2;
}
.mbsc-material-dark .mbsc-fr-btn,
.mbsc-material-dark .mbsc-fr-hdr {
color: #81ccc4;
}
.mbsc-material-dark .mbsc-fr-btn.mbsc-active,
.mbsc-material-dark.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover {
background: hsla(0, 0%, 100%, 0.1);
}
.mbsc-material-dark .mbsc-fr-arr {
background: #303030;
}
.mbsc-material-dark .mbsc-sc-lbl {
color: #81ccc4;
}
.mbsc-material-dark .mbsc-sc-itm.mbsc-active {
background: hsla(0, 0%, 100%, 0.1);
}
.mbsc-material-dark .mbsc-sc-whl-l {
border-color: #81ccc4;
}
.mbsc-material-dark .mbsc-sc-btn {
color: #81ccc4;
background: #303030;
}
.mbsc-material-dark.mbsc-no-touch .mbsc-sc-btn:hover,
.mbsc-material-dark .mbsc-sc-btn.mbsc-active {
background: hsla(0, 0%, 100%, 0.1);
}
.mbsc-material-dark .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
color: #81ccc4;
}
.mbsc-material-dark .mbsc-sc-bar-c {
background: hsla(0, 0%, 100%, 0.2);
}
.mbsc-material-dark .mbsc-np-del {
color: #81ccc4;
}
.mbsc-material-dark .mbsc-cal-picker {
background: #303030;
}
.mbsc-material-dark .mbsc-cal-today {
color: #81ccc4;
}
.mbsc-material-dark .mbsc-cal-cell:focus .mbsc-cal-cell-txt,
.mbsc-material-dark.mbsc-no-touch
.mbsc-cal-day:not(.mbsc-disabled)
.mbsc-cal-day-date:hover,
.mbsc-material-dark.mbsc-no-touch:not(.mbsc-ev-cal)
.mbsc-cal-cell:not(.mbsc-disabled):hover
.mbsc-cal-cell-txt {
background: hsla(0, 0%, 100%, 0.1);
}
.mbsc-material-dark
.mbsc-cal-c
.mbsc-cal
.mbsc-cal-body
.mbsc-cal-row
.mbsc-selected
.mbsc-cal-cell-txt {
background: rgba(129, 204, 196, 0.3);
}
.mbsc-material-dark
.mbsc-cal-c
.mbsc-cal-day-colored.mbsc-selected
.mbsc-cal-day-date {
border-color: #81ccc4;
}
.mbsc-material-dark .mbsc-cal-tab.mbsc-selected {
color: #81ccc4;
}
.mbsc-material-dark .mbsc-cal-mark {
background: #81ccc4;
}
.mbsc-material-dark .mbsc-cal-txt {
color: #303030;
background: #e3e3e3;
}
.mbsc-material-dark .mbsc-cal-icons {
color: #c2c2c2;
}
.mbsc-material-dark .mbsc-cal-event-color,
.mbsc-material-dark .mbsc-event-color {
background: #81ccc4;
}
.mbsc-material-dark.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-cell,
.mbsc-material-dark.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-table {
border-color: #5b5b5b;
}
.mbsc-material-dark .mbsc-range-btn-t {
border-color: #5c5c5c;
}
.mbsc-material-dark .mbsc-range-btn {
color: #c2c2c2;
}
.mbsc-material-dark .mbsc-range-btn.mbsc-selected {
border-color: #81ccc4;
color: #81ccc4;
}
.mbsc-material-dark.mbsc-range
.mbsc-cal
.mbsc-cal-row
.mbsc-cal-day.mbsc-selected
.mbsc-cal-day-date {
background: none;
border-color: transparent;
}
.mbsc-material-dark.mbsc-range
.mbsc-cal
.mbsc-cal-row
.mbsc-cal-day.mbsc-cal-day-hl
.mbsc-cal-day-date {
background: #81ccc4;
border-color: #81ccc4;
color: #303030;
}
.mbsc-material-dark.mbsc-range .mbsc-cal-day.mbsc-selected:after {
background: rgba(129, 204, 196, 0.1);
}
.mbsc-material-dark.mbsc-ms-c {
background: #303030;
}
.mbsc-material-dark .mbsc-ms .mbsc-ms-item {
color: #c2c2c2;
}
.mbsc-material-dark .mbsc-ms .mbsc-ms-item.mbsc-ms-item-sel {
color: #81ccc4;
}
.mbsc-material-dark .mbsc-ms .mbsc-ms-item.mbsc-active,
.mbsc-material-dark.mbsc-no-touch .mbsc-ms-item:not(.mbsc-disabled):hover {
background: hsla(0, 0%, 100%, 0.1);
}
.mbsc-material-dark.mbsc-ms-bottom,
.mbsc-material-dark.mbsc-ms-top {
border-color: #5c5c5c;
}
.mbsc-material-dark.mbsc-ms-a .mbsc-ms-item.mbsc-ms-item-sel {
color: #81ccc4;
}
.mbsc-material-dark.mbsc-ms-b .mbsc-ms-item.mbsc-ms-item-sel {
border-bottom-color: #81ccc4;
}
.mbsc-material-dark.mbsc-ms-b.mbsc-ms-bottom .mbsc-ms-item.mbsc-ms-item-sel {
border-top-color: #81ccc4;
}
.mbsc-material-dark .mbsc-card-list .mbsc-card,
.mbsc-material-dark.mbsc-card.mbsc-form,
.mbsc-material-dark.mbsc-card .mbsc-lv-item {
background: #3c3c3c;
}
.mbsc-material-dark .mbsc-card-footer {
border-color: #5c5c5c;
}
.mbsc-material-dark.mbsc-card .mbsc-input.mbsc-input-outline .mbsc-label {
background: #3c3c3c;
}
.mbsc-material-dark .mbsc-lv {
background: #5b5b5b;
}
.mbsc-material-dark .mbsc-lv-item {
background: #303030;
color: #c2c2c2;
}
.mbsc-material-dark .mbsc-lv-gr-title {
background: #303030;
color: #81ccc4;
}
.mbsc-material-dark .mbsc-lv-item-actionable.mbsc-lv-item-active:before,
.mbsc-material-dark .mbsc-lv-item-dragging:before,
.mbsc-material-dark .mbsc-lv-item-hl:before,
.mbsc-material-dark.mbsc-no-touch .mbsc-lv-item-actionable:hover:before {
background: hsla(0, 0%, 100%, 0.05);
}
.mbsc-material-dark.mbsc-lv-alt-row .mbsc-lv-item:nth-child(2n) {
background: #383838;
}
.mbsc-material-dark .mbsc-lv-arr {
color: #81ccc4;
}
.mbsc-material-dark .mbsc-lv-handle-bar {
background: #81ccc4;
}
.mbsc-material-dark p.mbsc-lv-txt {
color: #dcdcdc;
}
.mbsc-material-dark .mbsc-lv-loading .mbsc-ic {
color: #c2c2c2;
}
.mbsc-material-dark.mbsc-lv-cont .mbsc-lv-item.mbsc-selected:before {
background: hsla(0, 0%, 100%, 0.1);
}
.mbsc-material-dark .mbsc-progress-track {
background: #5b5b5b;
}
.mbsc-material-dark .mbsc-progress-bar {
background: #81ccc4;
}
.mbsc-material-dark .mbsc-slider-step {
background: #fff;
}
.mbsc-material-dark .mbsc-slider-handle {
background: #81ccc4;
border-color: #81ccc4;
}
.mbsc-material-dark .mbsc-slider-start .mbsc-slider-handle {
border-color: #5b5b5b;
background: #303030;
}
.mbsc-material-dark .mbsc-slider-handle:before {
background: hsla(0, 0%, 100%, 0.1);
}
.mbsc-material-dark .mbsc-slider-tooltip {
color: #303030;
background: #81ccc4;
}
.mbsc-material-dark .mbsc-slider-tooltip:before {
border-top-color: #81ccc4;
}
.mbsc-material-dark.mbsc-slider-has-tooltip
.mbsc-slider-start
.mbsc-slider-tooltip {
background: #5b5b5b;
}
.mbsc-material-dark.mbsc-slider-has-tooltip
.mbsc-slider-start
.mbsc-slider-tooltip:before {
border-top-color: #5b5b5b;
}
.mbsc-material-dark.mbsc-slider
input:disabled ~ .mbsc-progress-cont
.mbsc-progress-bar {
background: #5b5b5b;
}
.mbsc-material-dark.mbsc-slider
input:disabled ~ .mbsc-progress-cont
.mbsc-slider-handle {
background: #5b5b5b;
border-color: #5b5b5b;
box-shadow: 0 0 0 0.3125em #303030;
}
.mbsc-material-dark.mbsc-slider
input:disabled ~ .mbsc-progress-cont
.mbsc-slider-start
.mbsc-slider-handle {
border-color: #5b5b5b;
background: #303030;
}
.mbsc-material-dark.mbsc-page {
background-color: #303030;
color: #d4d4d4;
}
.mbsc-material-dark.mbsc-page ::-moz-selection {
background: #81ccc4;
}
.mbsc-material-dark.mbsc-page ::selection {
background: #81ccc4;
}
.mbsc-material-dark.mbsc-form {
background-color: #303030;
color: #d4d4d4;
}
.mbsc-material-dark.mbsc-form ::-moz-selection {
background: #81ccc4;
}
.mbsc-material-dark.mbsc-form ::selection {
background: #81ccc4;
}
.mbsc-material-dark .mbsc-divider,
.mbsc-material-dark .mbsc-form-group-title,
.mbsc-material-dark a {
color: #81ccc4;
}
.mbsc-material-dark .mbsc-input input,
.mbsc-material-dark .mbsc-input textarea {
border-bottom: 1px solid #d4d4d4;
color: #858585;
}
.mbsc-material-dark .mbsc-input input::-webkit-input-placeholder {
color: #a9a9a9;
}
.mbsc-material-dark .mbsc-input input::-moz-placeholder {
color: #a9a9a9;
}
.mbsc-material-dark .mbsc-input input:-ms-input-placeholder {
color: #a9a9a9;
}
.mbsc-material-dark .mbsc-input input:focus,
.mbsc-material-dark .mbsc-input select:focus ~ input,
.mbsc-material-dark .mbsc-input textarea:focus {
border-bottom: 2px solid #81ccc4;
}
.mbsc-material-dark .mbsc-checkbox-box:before,
.mbsc-material-dark .mbsc-radio-box:before,
.mbsc-material-dark .mbsc-switch-handle:before {
background: hsla(0, 0%, 100%, 0.1);
}
.mbsc-material-dark .mbsc-input-box.mbsc-input .mbsc-input-wrap {
background: #424242;
}
.mbsc-material-dark .mbsc-input-outline.mbsc-input input,
.mbsc-material-dark .mbsc-input-outline.mbsc-input textarea {
border-color: #d4d4d4;
}
.mbsc-material-dark .mbsc-input-outline.mbsc-input .mbsc-label {
background: #303030;
}
.mbsc-material-dark .mbsc-input-outline.mbsc-input input:focus,
.mbsc-material-dark .mbsc-input-outline.mbsc-input select:focus ~ input {
border-color: #81ccc4;
}
.mbsc-material-dark .mbsc-input-outline.mbsc-err input,
.mbsc-material-dark .mbsc-input-outline.mbsc-err input:focus {
border-color: #de3226;
}
.mbsc-material-dark .mbsc-input-outline textarea:focus {
border-color: #81ccc4;
}
.mbsc-material-dark .mbsc-input-outline.mbsc-err textarea,
.mbsc-material-dark .mbsc-input-outline.mbsc-err textarea:focus {
border-color: #de3226;
}
.mbsc-material-dark .mbsc-select .mbsc-input-wrap:after {
border: 5px solid transparent;
border-top-color: #d4d4d4;
}
.mbsc-material-dark .mbsc-sel-filter-cont {
border-color: #5b5b5b;
}
.mbsc-material-dark.mbsc-fr-pointer .mbsc-sel-one .mbsc-sc-itm-sel,
.mbsc-material-dark .mbsc-sel-gr-whl.mbsc-sel-one .mbsc-sc-itm-sel {
color: #81ccc4;
}
.mbsc-material-dark .mbsc-checkbox-box,
.mbsc-material-dark .mbsc-radio-box {
border-color: #d4d4d4;
}
.mbsc-material-dark .mbsc-checkbox-box:after {
border-color: #303030;
}
.mbsc-material-dark .mbsc-checkbox input:checked + .mbsc-checkbox-box {
background: #81ccc4;
border-color: #81ccc4;
}
.mbsc-material-dark .mbsc-radio-box:after {
background: #81ccc4;
}
.mbsc-material-dark .mbsc-radio input:checked + .mbsc-radio-box {
border-color: #81ccc4;
}
.mbsc-material-dark .mbsc-btn {
background: #5b5b5b;
color: #fff;
}
.mbsc-material-dark .mbsc-btn.mbsc-btn-outline {
color: #d4d4d4;
border-color: #d4d4d4;
}
.mbsc-material-dark .mbsc-btn.mbsc-active,
.mbsc-material-dark.mbsc-no-touch .mbsc-btn:not(:disabled):hover {
background: #737373;
}
.mbsc-material-dark .mbsc-btn.mbsc-control.mbsc-btn-outline.mbsc-active {
background: #aeaeae;
}
.mbsc-material-dark .mbsc-btn-flat {
background: transparent;
}
.mbsc-material-dark .mbsc-btn:disabled {
color: #bcbcbc;
}
.mbsc-material-dark.mbsc-btn.mbsc-btn-outline:disabled {
color: #bcbcbc;
border-color: #bcbcbc;
}
.mbsc-material-dark .mbsc-btn-flat.mbsc-active,
.mbsc-material-dark.mbsc-no-touch .mbsc-btn-flat:not(:disabled):hover {
background-color: #5b5b5b;
}
.mbsc-material-dark .mbsc-switch-track {
background: #5b5b5b;
}
.mbsc-material-dark .mbsc-switch .mbsc-switch-handle {
background: #b8b8b8;
}
.mbsc-material-dark .mbsc-switch input:checked + .mbsc-switch-track {
background-color: rgba(129, 204, 196, 0.3);
}
.mbsc-material-dark
.mbsc-switch
input:checked + .mbsc-switch-track
.mbsc-switch-handle {
background: #81ccc4;
}
.mbsc-material-dark .mbsc-switch input:disabled + .mbsc-switch-track {
background: #5b5b5b;
}
.mbsc-material-dark
.mbsc-switch
input:disabled + .mbsc-switch-track
.mbsc-switch-handle {
background: #595959;
}
.mbsc-material-dark .mbsc-segmented-content {
border-color: #81ccc4;
color: #fff;
}
.mbsc-material-dark
.mbsc-segmented
.mbsc-segmented-item
input:checked + .mbsc-segmented-content,
.mbsc-material-dark
.mbsc-segmented
.mbsc-segmented-item
input:checked ~ .mbsc-segmented-content {
background: #81ccc4;
color: #303030;
}
.mbsc-material-dark
.mbsc-segmented
.mbsc-segmented-item
.mbsc-active
.mbsc-segmented-content,
.mbsc-material-dark
.mbsc-segmented
.mbsc-segmented-item
input.mbsc-active + .mbsc-segmented-content {
background: #737373;
color: #fff;
}
.mbsc-material-dark
.mbsc-segmented
.mbsc-segmented-item
input:disabled + .mbsc-segmented-content {
color: #bcbcbc;
border-color: #5b5b5b;
background: transparent;
}
.mbsc-material-dark
.mbsc-segmented
.mbsc-segmented-item
input:disabled:checked + .mbsc-segmented-content {
background: #5b5b5b;
color: #bcbcbc;
border-color: #5b5b5b;
}
.mbsc-material-dark .mbsc-stepper .mbsc-segmented-content {
border-color: #5b5b5b;
}
.mbsc-material-dark .mbsc-stepper-control .mbsc-segmented-content {
background: #5b5b5b;
}
.mbsc-material-dark .mbsc-stepper input {
color: #fff;
}
.mbsc-material-dark
.mbsc-segmented
.mbsc-segmented-item.mbsc-disabled
.mbsc-segmented-content,
.mbsc-material-dark
.mbsc-segmented
.mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled
.mbsc-segmented-content,
.mbsc-material-dark
.mbsc-segmented
input:disabled ~ .mbsc-segmented-item
.mbsc-segmented-content {
background: #5b5b5b;
color: #bcbcbc;
}
.mbsc-material-dark
.mbsc-segmented
.mbsc-segmented-item
input:disabled ~ .mbsc-segmented-item
.mbsc-stepper-val {
border-color: #5b5b5b;
background: #303030;
}
.mbsc-material-dark .mbsc-stepper input:disabled {
color: #bcbcbc;
-webkit-text-fill-color: #bcbcbc;
}
.mbsc-material-dark.mbsc-no-touch
.mbsc-segmented-item:hover
.mbsc-segmented-content {
background: #737373;
color: #fff;
}
.mbsc-material-dark.mbsc-rating .mbsc-progress-track {
color: #81ccc4;
}
.mbsc-material-dark.mbsc-snackbar .mbsc-fr-w {
background: #5b5b5b;
}
.mbsc-material-dark.mbsc-snackbar .mbsc-snackbar-btn {
color: #81ccc4;
}
.mbsc-material-dark .mbsc-color-active .mbsc-color-item,
.mbsc-no-touch.mbsc-material-dark .mbsc-color-item:hover {
box-shadow: inset 0 0 0 0.1875em #81ccc4;
}
.mbsc-material-dark .mbsc-color-preview-item-empty {
border-color: #595959;
}
.mbsc-material-dark .mbsc-color-preview-cont {
border-top-color: #737373;
}
.mbsc-material-dark.mbsc-form .mbsc-color-input {
border-bottom: 1px solid #d4d4d4;
color: #858585;
}
.mbsc-material-dark .mbsc-color-clear-item {
background: rgba(223, 222, 222, 0.6);
}
</style>
<style>@keyframes fadein{0%{opacity:0}100%{opacity:1}}div.container,.popup{max-width:100%}@media(max-width:10000px){html{height:100%}.material-icons{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:24px;display:inline-block;vertical-align:middle;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga'}div.mdl-layout__drawer>nav.mdl-navigation>a.mdl-navigation__link{display:inline-flex;vertical-align:middle}mark{background-color:#e0f1fa;color:#193354}body{position:relative;height:100%}.container{display:flex;flex-wrap:wrap}.hide{display:none!important}.disabled{cursor:default;pointer-events:none}.banner{background:none}.banner>.con{padding:15px 0}.banner>.con>.fsWrap>.row{margin:0}.banner>.con>.fsWrap>.row>.sm12.md8.padRht{padding:0}button:focus,input:focus select:focus{outline-color:#ccc}input[type="radio"],input[type="checkbox"]{margin:0}.modal_backdrop{position:fixed;top:0;bottom:0;left:0;right:0;z-index:1;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.6);opacity:0;animation:fadein .3s ease-in-out forwards}.modal_backdrop .modal{position:relative;width:75%;max-width:600px;background-color:#fff;padding:8px;border:3px solid #2c7ca9}.modal_backdrop .modal .modal_closer{position:absolute;top:-8px;right:-8px;height:30px;width:30px;background:url('https://static.directferries.co.uk/image/sprites/sprite.png?v=4') -10px -2020px no-repeat;cursor:pointer;border:0}.local #deal_finder1{width:100%}#deal_finder1{position:relative;align-content:start;background-color:#2c7ca9;padding:8px;font-size:8px;font-family:'proxima-soft','sans-serif';font-weight:400;line-height:22px;border-radius:4px;max-width:100%}#deal_finder1 .deal_finder_wrap{flex:1 1 100%;position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:50px auto 1fr;grid-column-gap:10px;grid-row-gap:8px}#deal_finder1.invalid .journey_timing{grid-row:4}#deal_finder1.different_journeys .journey_timing{grid-row:4}#deal_finder1.different_journeys.invalid .journey_timing{grid-row:5}#deal_finder1[data-state="initial_blank"] .df_route_toggle{background-color:#008000!important}#deal_finder1[data-state="initial_blank"] .hide_until_times,#deal_finder1[data-state="initial_blank"] .hide_until_summary{display:none!important}#deal_finder1[data-state="showing_routes_list"] .hide_while_search,#deal_finder1[data-state="entering_search_term"] .hide_while_search,#deal_finder1[data-state="showing_routes_list"] .hide_until_times,#deal_finder1[data-state="entering_search_term"] .hide_until_times,#deal_finder1[data-state="showing_routes_list"] .hide_until_summary,#deal_finder1[data-state="entering_search_term"] .hide_until_summary{display:none!important}#deal_finder1[data-state="full_open_ticket"] .hide_until_summary,#deal_finder1[data-state="full_open_ticket"] .newDatepicker,#deal_finder1[data-state="full_open_ticket"] .newTimepicker,#deal_finder1[data-state="full_open_ticket"] .timing_return .open_ticket_return,#deal_finder1[data-state="full_open_ticket"] .timing_return .open_ticket_note_return{display:none!important}#deal_finder1[data-state="full_open_ticket"] .timing_outbound .open_ticket_note_full{display:grid!important}#deal_finder1[data-state="return_open_ticket"] .hide_until_summary,#deal_finder1[data-state="return_open_ticket"] .newDatepicker,#deal_finder1[data-state="return_open_ticket"] .newTimepicker,#deal_finder1[data-state="return_open_ticket"] .timing_outbound .open_ticket_outbound,#deal_finder1[data-state="return_open_ticket"] .timing_outbound .open_ticket_note_full{display:none!important}#deal_finder1[data-state="return_open_ticket"] .timing_return .open_ticket_note_return{display:grid!important}#deal_finder1[data-state="return_open_ticket"] .timing_return .open_ticket_note_return p{font-size:13px}#deal_finder1[data-state="return_open_ticket"] .timing_return .open_ticket_note_return span.h4{padding-left:0}#deal_finder1[data-state="entering_date_outbound"] .timing_outbound{z-index:1}#deal_finder1[data-state="entering_date_outbound"] .timing_return{z-index:0}#deal_finder1[data-state="entering_date_outbound"] .hide_until_summary,#deal_finder1[data-state="entering_date_outbound"] .timing_outbound .newTimepicker,#deal_finder1[data-state="entering_date_outbound"] .timing_return .newDatepicker,#deal_finder1[data-state="entering_date_outbound"] .timing_return .newTimepicker,#deal_finder1[data-state="entering_date_outbound"] .open_ticket_return,#deal_finder1[data-state="entering_date_outbound"] .open_ticket_note_return{display:none!important}#deal_finder1[data-state="entering_time_outbound"] .timing_outbound{z-index:1}#deal_finder1[data-state="entering_time_outbound"] .timing_return{z-index:0}#deal_finder1[data-state="entering_time_outbound"] .hide_until_summary,#deal_finder1[data-state="entering_time_outbound"] .timing_outbound .newDatepicker,#deal_finder1[data-state="entering_time_outbound"] .timing_return .newDatepicker,#deal_finder1[data-state="entering_time_outbound"] .timing_return .newTimepicker,#deal_finder1[data-state="entering_time_outbound"] .open_ticket_return,#deal_finder1[data-state="entering_time_outbound"] .open_ticket_note_return{display:none!important}#deal_finder1[data-state="entering_date_return"] .timing_outbound{z-index:0}#deal_finder1[data-state="entering_date_return"] .timing_return{z-index:1}#deal_finder1[data-state="entering_date_return"] .hide_until_summary,#deal_finder1[data-state="entering_date_return"] .timing_outbound .newDatepicker,#deal_finder1[data-state="entering_date_return"] .timing_outbound .newTimepicker,#deal_finder1[data-state="entering_date_return"] .timing_return .newTimepicker,#deal_finder1[data-state="entering_date_return"] .open_ticket_outbound,#deal_finder1[data-state="entering_date_return"] .open_ticket_note_outbound{display:none!important}#deal_finder1[data-state="entering_time_return"] .timing_outbound{z-index:0}#deal_finder1[data-state="entering_time_return"] .timing_return{z-index:1}#deal_finder1[data-state="entering_time_return"] .hide_until_summary,#deal_finder1[data-state="entering_time_return"] .timing_outbound .newDatepicker,#deal_finder1[data-state="entering_time_return"] .timing_outbound .newTimepicker,#deal_finder1[data-state="entering_time_return"] .timing_return .newDatepicker,#deal_finder1[data-state="entering_time_return"] .open_ticket_outbound,#deal_finder1[data-state="entering_time_return"] .open_ticket_note_outbound{display:none!important}#deal_finder1[data-state="date_return_entered"] .hide_until_summary,#deal_finder1[data-state="time_return_entered"] .hide_until_summary,#deal_finder1[data-state="date_return_entered"] .newDatepicker,#deal_finder1[data-state="time_return_entered"] .newDatepicker{display:none!important}#deal_finder1[data-state="entering_journey_info"] .journey_timing.timing_outbound,#deal_finder1[data-state="entering_journey_info"] .journey_timing.timing_return{cursor:pointer;background:#edebe6}#deal_finder1[data-state="entering_journey_info"] .journey_timing input{background:none}#deal_finder1[data-state="entering_journey_info"] .hide_while_summary,#deal_finder1[data-state="entering_journey_info"] .newDatepicker,#deal_finder1[data-state="entering_journey_info"] .newTimepicker{display:none!important}#deal_finder1[data-state="entering_journey_info"] .journey_timing{grid-column-end:2;grid-template-columns:1fr;grid-template-rows:30px}#deal_finder1[data-state="entering_journey_info"] .journey_timing.timing_return{grid-column:2}#deal_finder1[data-state="entering_journey_info"] .journey_timing.timing_return #cal_return,#deal_finder1[data-state="entering_journey_info"] .journey_timing.timing_return #time_return{grid-column:1}#deal_finder1 .newDatepicker,#deal_finder1 .newTimepicker{min-height:370px;width:100%}#deal_finder1 .error_messages{grid-column:span 2;background:#f2dede url('https://static.directferries.co.uk/image/fs/error.png') 7px 10px no-repeat;color:#d00;font-size:8px;font-weight:700;padding:10px 10px 10px 30px;opacity:0;animation:fadein .3s ease-in-out forwards}#deal_finder1 .error_messages li{font-size:14px;line-height:14px;font-weight:normal;font-family:'proxima-soft','sans-serif'}#deal_finder1 .journey_type{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;border-radius:4px}#deal_finder1 .journey_type label{display:flex;justify-content:center;color:#fff;font-size:18px;font-weight:400;cursor:pointer;padding:10px;border-radius:4px;margin:0;transition:background-color .3s;background-color:#d3d0cb;line-height:26px;background-color:#fff;color:#193354;font-weight:700;border:0;padding:4px 6px;line-height:20px;align-items:center}#deal_finder1 .journey_type label.checked{background-color:#edebe6;font-weight:700}#deal_finder1 .journey_type label input{position:absolute;visibility:hidden;margin:0}#deal_finder1 .journey_route,#deal_finder1 .journey_timing,#deal_finder1 .journey_info,#deal_finder1 .currency,#deal_finder1 .df_submit{grid-column:span 2}#deal_finder1 .journey_route{position:relative;display:block;margin-bottom:0}#deal_finder1 .journey_route .search_box{display:flex;font-weight:700;background-color:#fff;color:#006fa0;padding:5px 10px;border-radius:4px;transition:background-color .3s;height:72px;align-items:center;margin-bottom:8px}#deal_finder1 .journey_route .search_box input{height:72px;border:0;border-radius:4px;justify-content:center;font-size:20px;color:#193354;font-weight:bold}#deal_finder1 .journey_route .search_box input::placeholder{color:#193354}#deal_finder1 .journey_route .search_box .fromPort{flex:1 1 50%;height:72px;margin-right:16px;align-items:center}#deal_finder1 .journey_route .search_box .toPort{flex:1 1 50%;height:72px;margin-left:16px;align-items:center}#deal_finder1 .journey_route .search_box .port{display:block;font-size:18px;line-height:22px;font-weight:bold}#deal_finder1 .journey_route .search_box .location{font-weight:400;color:#7d7d7d;font-size:14px}#deal_finder1 .journey_route .journey_base{font-weight:600;height:56px;border-radius:4px;padding-left:16px;border-color:#ede9e1;border-width:2px;color:#193354;font-size:15px;box-shadow:none;outline:0;text-shadow:none}#deal_finder1 .journey_route .journey_base:focus{outline:0;background:#e0f1fa;border-color:#45b7ed!important}#deal_finder1 .journey_route .journey_base:focus::placeholder{display:none;visibility:hidden}#deal_finder1 .journey_route .journey_base::placeholder{color:#193354}#deal_finder1 .journey_route .df_route_toggle{position:absolute;top:0;right:0;display:flex;justify-content:center;height:72px;width:72px;background-color:#f00;border:0}#deal_finder1 .route_list h5{font-size:14px;color:#193354;margin:8px 0;font-size:18px;font-weight:normal;padding:16px 0 8px 16px}#deal_finder1 .route_list .routes li{display:flex;font-weight:700;background-color:#fff;color:#006fa0;padding:5px 10px;border-radius:4px;transition:background-color .3s;margin-bottom:8px;align-items:center}#deal_finder1 .route_list .routes li:hover,#deal_finder1 .route_list .routes li.activeitem{background-color:#e0f1fa}#deal_finder1 .route_list .routes li *{pointer-events:none}#deal_finder1 .route_list .routes li>div{flex:1 1 50%;align-items:center}#deal_finder1 .route_list .routes li>div.fromItem{margin-right:16px}#deal_finder1 .route_list .routes li>div.toItem{margin-left:16px}#deal_finder1 .route_list .routes li>div .port{display:block;font-size:18px;line-height:22px;font-weight:bold}#deal_finder1 .route_list .routes li>div .location{font-weight:400;color:#7d7d7d;font-size:14px}#deal_finder1 .journey_timing{grid-row:3;grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:40px 40px auto 40px;align-content:start;border-radius:4px!important;flex-direction:column}#deal_finder1 .journey_timing.timing_return #cal_return,#deal_finder1 .journey_timing.timing_return #time_return{grid-column:2}#deal_finder1 .journey_timing .journey_date,#deal_finder1 .journey_timing .journey_time{border:0;pointer-events:none}#deal_finder1 .journey_timing .journey_date{padding:8px 16px 10px;border:0;height:40px;font-size:16px;font-weight:700;color:#193354}#deal_finder1 .journey_timing .journey_date.disabled{color:#a49e94;background-color:#d3d0cb}#deal_finder1 .journey_timing .journey_time{grid-row:2;font-weight:400;padding:0 16px 8px;border:0;height:40px;font-size:16px;color:#193354}#deal_finder1 .journey_timing .journey_time.disabled{color:#a49e94;background-color:#d3d0cb}#deal_finder1 .journey_timing .journey_time ::placeholder{font-weight:700}#deal_finder1 .journey_timing .newDatepicker,#deal_finder1 .journey_timing .newTimepicker,#deal_finder1 .journey_timing [class^="open_ticket_note"]{grid-row:3}#deal_finder1 .journey_timing .newDatepicker,#deal_finder1 .journey_timing .newTimepicker,#deal_finder1 .journey_timing .open_ticket,#deal_finder1 .journey_timing [class^="open_ticket_note"]{grid-column:1/3;animation:fadein .3s ease-in-out forwards}#deal_finder1 .journey_timing .newDatepicker .mbsc-fr-w,#deal_finder1 .journey_timing .newTimepicker .mbsc-fr-w{background-color:#fff;font-family:'proxima-soft','sans-serif'}#deal_finder1 .journey_timing .newDatepicker.mbsc-material .mbsc-fr-hdr,#deal_finder1 .journey_timing .newTimepicker.mbsc-material .mbsc-fr-hdr{font-size:18px;font-weight:700;padding:0;color:#193354;height:40px;align-items:center;text-transform:none}#deal_finder1 .journey_timing .newDatepicker.mbsc-material .mbsc-fr-btn,#deal_finder1 .journey_timing .newTimepicker.mbsc-material .mbsc-fr-btn{color:#ccc}#deal_finder1 .journey_timing .newDatepicker.mbsc-material .mbsc-cal-month,#deal_finder1 .journey_timing .newTimepicker.mbsc-material .mbsc-cal-month,#deal_finder1 .journey_timing .newDatepicker.mbsc-material .mbsc-cal-year,#deal_finder1 .journey_timing .newTimepicker.mbsc-material .mbsc-cal-year{font-weight:300}#deal_finder1 .journey_timing .newDatepicker.mbsc-material .mbsc-cal-c,#deal_finder1 .journey_timing .newTimepicker.mbsc-material .mbsc-cal-c{padding:0}#deal_finder1 .journey_timing .newDatepicker.mbsc-material .mbsc-sc-whl-l,#deal_finder1 .journey_timing .newTimepicker.mbsc-material .mbsc-sc-whl-l{border-color:#e4f3fa}#deal_finder1 .journey_timing .newDatepicker.mbsc-material .mbsc-sc-itm-sel,#deal_finder1 .journey_timing .newTimepicker.mbsc-material .mbsc-sc-itm-sel{font-weight:700}#deal_finder1 .journey_timing .open_ticket{grid-row:4;display:none;flex-direction:row-reverse;justify-content:flex-end;align-items:center;background-color:#fff;color:#193354;font-size:16px;padding:10px}#deal_finder1 .journey_timing .open_ticket .checkbox-label{display:inline-block;font-weight:500;padding-top:5px;padding-left:10px;text-align:left}#deal_finder1 .journey_timing .open_ticket.selected{background-color:#e4f3fa}#deal_finder1 .journey_timing .open_ticket input{padding:10px;border:solid 1px #193354;border-radius:1px;border-left-width:1px;margin-top:2px}#deal_finder1 .journey_timing.allow_open_ticket .open_ticket{display:flex}#deal_finder1 .journey_timing [class^="open_ticket_note"]{grid-template-rows:1fr 1fr;justify-content:center;text-align:center;background-color:#fff}#deal_finder1 .journey_timing [class^="open_ticket_note"] h4{align-self:end}#deal_finder1 [data-popup]{display:flex;align-items:center;background-color:#fff;font-size:16px;padding:10px 10px 10px 50px;border-radius:0;margin-bottom:8px;text-decoration:none}#deal_finder1 [data-popup]:hover{color:inherit}#deal_finder1 [data-popup]:focus{outline:0}#deal_finder1 [data-popup].passengers,#deal_finder1 [data-popup].pets,#deal_finder1 [data-popup].vehicle{height:auto}#deal_finder1 .journey_info{margin-top:0}#deal_finder1 .journey_info h4,#deal_finder1 .journey_info h5{color:#fff;font-weight:300}#deal_finder1 .journey_info h4,#deal_finder1 .journey_info h5{font-size:16px;color:#193354;font-weight:normal!important;margin-left:16px;margin-bottom:8px}#deal_finder1 .journey_info h5{font-size:16px;margin-bottom:10px}#deal_finder1 .journey_info .diff_details{display:flex;align-items:center;background-color:#fff;font-size:16px;padding:10px 10px 10px 50px;border-radius:0;margin-bottom:8px;justify-content:space-between;background-color:#333;font-weight:300;margin-bottom:0}#deal_finder1 .journey_info .diff_details .checkbox-label{color:#193354;font-size:16px;cursor:pointer;display:inline-block;font-weight:500;padding-top:2px;padding-left:10px;text-align:left}#deal_finder1 .journey_info .diff_details input{cursor:pointer}#deal_finder1 .journey_info .trip_return.diff_trip{margin-top:8px}#deal_finder1 .currency{margin-bottom:0}#deal_finder1 .df_submit{flex:1 1 100%;height:48px;background-color:#ff4a0e;color:#fff;font-size:19px;font-weight:700;padding:10px;border:0;border-radius:4px;cursor:pointer;margin-bottom:8px}.popup{position:absolute;top:0;left:0;right:0;z-index:1;min-height:100%;opacity:0;animation:fadein .3s ease-in-out forwards;display:flex;flex-direction:column;background-color:#2c7ca9;color:#333;padding:20px 8px 0}.popup>*{margin-bottom:8px}.popup .popup_closer{position:absolute;top:20px;right:8px;height:30px;width:30px;background-color:#f00;padding:0;border:0}.popup h1,.popup h2,.popup h3,.popup h4,.popup h5{color:inherit}.popup h1{font-size:20px;font-weight:700;color:#fff;border:0}.popup fieldset{padding:0;border:0;margin-left:0;margin-right:0}.popup .item_list{padding:0;margin:0}.popup label{display:flex;justify-content:space-between;align-items:center;color:#333;font-size:14px;font-weight:300;margin:0 0 8px}.popup .modal_opener{position:relative;display:flex;align-items:center;background-color:#fff;border-radius:4px;width:100%;font-size:14px;padding:8px;border:0}.popup .notes .note{flex:1 1 100%;font-size:20px;color:#fff;text-align:center}.popup footer{flex:1 1 auto;display:flex;align-items:flex-end;background-color:transparent;color:inherit;padding:0 0 40px}.popup footer .popup_done{height:48px;background-color:#ff4a0e;color:#fff;font-size:19px;font-weight:700;cursor:pointer;padding:10px;border-radius:4px;flex:1 1 100%;border:0}.popup#passengers_popup fieldset .passengers_list{padding:0;margin:0}.popup#passengers_popup fieldset li,.popup#passengers_popup fieldset .add_passenger{position:relative;display:flex;align-items:center;background-color:#fff;border-radius:4px;padding:8px 60px}.popup#passengers_popup fieldset li{margin-bottom:10px}.popup#passengers_popup fieldset li span{flex:0 1 100%}.popup#passengers_popup fieldset li label{margin:0 0 0 auto}.popup#passengers_popup fieldset li label.passenger_wheelchair{flex:0 1 auto;height:30px;background:url('https://static.directferries.co.uk/image/sprites/sprite.png?v=4') -16px -1980px no-repeat;padding-left:25px;position:absolute;right:133px}.popup#passengers_popup fieldset li label.passenger_age_label{flex:1 1 100%;justify-content:flex-end}.popup#passengers_popup fieldset li .passenger_age{height:50px;background-color:#fff;text-align:center;font-size:20px;font-weight:700;padding:0;border:1px solid #ccc;border-radius:4px;margin-left:10px}.popup#passengers_popup fieldset li .passenger_age[type="number"]{width:50px}.popup#passengers_popup fieldset li .add_passenger{font-weight:700}.popup#passengers_popup fieldset li .remove_passenger{position:absolute;right:10px}.popup#pets_popup .pet_counter{position:relative;display:flex;align-items:center;background-color:#fff;border-radius:4px;font-size:20px;font-weight:700;padding:8px 8px 8px 60px}.popup#pets_popup .pet_counter span,.popup#pets_popup .pet_counter output{display:inline-flex;justify-content:center;align-items:center;height:30px;border:1px solid #ccc}.popup#pets_popup .pet_counter span{width:35px;cursor:pointer}.popup#pets_popup .pet_counter span.inactive{background-color:#eee;color:#ccc;pointer-events:none;cursor:default}.popup#pets_popup .pet_counter span.decrement{border-radius:4px 0 0 3 4px;margin-left:auto}.popup#pets_popup .pet_counter span.increment{border-radius:0 4px 4px 0}.popup#pets_popup .pet_counter output{width:30px;border-width:1px 0}.popup#vehicle_base label{position:relative;display:flex;align-items:center;background-color:#fff;border-radius:4px;font-size:20px;padding:8px 60px}.popup.vehicle_detail .close_sub{position:relative;display:flex;align-items:center;background-color:#fff;border-radius:4px;width:100%;background-color:#333;color:#fff;font-size:18px;padding:8px 60px;border:0}.popup.vehicle_detail .item_hdg{background-color:#ccc;padding:0 0 8px;border:1px solid #ccc;border-radius:4px 4px 0 0;margin:0}.popup.vehicle_detail ol{padding:0;margin:0}.popup.vehicle_detail ol.collapsed{display:none;border:0}.popup.vehicle_detail ol+.item_hdg,.popup.vehicle_detail .item_hdg.hide+ol{margin-top:0}.popup.vehicle_detail .extra_luggage{display:flex;flex-wrap:wrap;margin:0}.popup.vehicle_detail .extra_luggage h4,.popup.vehicle_detail .extra_luggage .additional_dimensions{flex:1 1 auto}.popup.vehicle_detail .extra_luggage label{flex:1 1 calc(50% - 5px)}.popup.vehicle_detail .extra_luggage label+label{margin-left:10px}.popup.vehicle_detail .extra_luggage .additional_dimensions{margin-top:8px}.popup.vehicle_detail label{position:relative;display:flex;align-items:center;background-color:#fff;border-radius:4px;font-size:16px;padding:8px;border:1px solid #ccc;border-bottom-width:0;border-radius:0;margin:0}.popup.vehicle_detail li.chosen label{padding:0 16px;border:0;border-radius:4px}.popup.vehicle_detail li.chosen label [type=radio]{display:none}.popup.vehicle_detail li.chosen label[data-orig-label]{justify-content:flex-start}.popup.vehicle_detail li.chosen label[data-orig-label]::before{content:attr(data-orig-label);margin-right:10px}.popup#currency_popup .journey_currency label{position:relative;display:flex;align-items:center;background-color:#fff;border-radius:4px;font-size:16px;padding:8px}}@media(max-width:10000px) and (min-width:375px){#deal_finder1 .journey_route .journey_base{font-size:18px}}@media(max-width:10000px) and (max-height:480px){#deal_finder1 .journey_route .journey_base{height:40px}}@media(max-width:10000px){.stripes{background:repeating-linear-gradient(45deg,#fff,#fff 2px,#f7f6f2 2px,#f7f6f2 4px)}form#deal_finder1[data-state='entering_date_outbound'] .journey_timing,form#deal_finder1[data-state='entering_time_outbound'] .journey_timing,form#deal_finder1[data-state='entering_date_return'] .journey_timing,form#deal_finder1[data-state='entering_time_return'] .journey_timing{display:flex!important;align-items:center;grid-template-rows:0 40px auto 40px}form#deal_finder1[data-state='entering_date_outbound'] .form-control.journey_date.outbound,form#deal_finder1[data-state='entering_time_outbound'] .form-control.journey_date.outbound,form#deal_finder1[data-state='entering_date_return'] .form-control.journey_date.outbound,form#deal_finder1[data-state='entering_time_return'] .form-control.journey_date.outbound,form#deal_finder1[data-state='entering_date_outbound'] .form-control.journey_date.inbound,form#deal_finder1[data-state='entering_time_outbound'] .form-control.journey_date.inbound,form#deal_finder1[data-state='entering_date_return'] .form-control.journey_date.inbound,form#deal_finder1[data-state='entering_time_return'] .form-control.journey_date.inbound{display:none}form#deal_finder1[data-state='entering_date_outbound'] .form-control.journey_time,form#deal_finder1[data-state='entering_time_outbound'] .form-control.journey_time,form#deal_finder1[data-state='entering_date_return'] .form-control.journey_time,form#deal_finder1[data-state='entering_time_return'] .form-control.journey_time{display:none}.popup{margin:0;padding:0}.popup .error_messages{grid-column:span 2;background:#f2dede url('https://static.directferries.co.uk/image/fs/error.png') 7px 10px no-repeat;color:#d00;font-size:8px;font-weight:700;padding:10px 10px 10px 30px;margin-bottom:8px;border-radius:4px;opacity:0;animation:fadein .3s ease-in-out forwards}.popup .error_messages li{font-size:16px;line-height:16px;font-weight:normal;font-family:'proxima-soft','sans-serif'}.popup-wrap .popup_head{height:45px}.popup-wrap .popup_body{border-radius:4px;background:#fff;margin:8px!important;padding:8px;position:relative!important}form#deal_finder1{background:#fff;margin:8px!important;padding:8px}form#deal_finder1[data-state="entering_date_outbound"],form#deal_finder1[data-state="entering_time_outbound"],form#deal_finder1[data-state="entering_date_return"],form#deal_finder1[data-state="entering_time_return"],form#deal_finder1[data-state="showing_routes_list"]{background-color:#2c7ca9;padding:8px;margin:0!important}form#deal_finder1[data-state="entering_date_outbound"] .deal_finder_wrap,form#deal_finder1[data-state="entering_time_outbound"] .deal_finder_wrap,form#deal_finder1[data-state="entering_date_return"] .deal_finder_wrap,form#deal_finder1[data-state="entering_time_return"] .deal_finder_wrap,form#deal_finder1[data-state="showing_routes_list"] .deal_finder_wrap{padding:8px;background:#fff;border-radius:4px}form#deal_finder1 .journey_type label{font-size:19px}form#deal_finder1 .search_box{background:repeating-linear-gradient(45deg,#fff,#fff 2px,#f7f6f2 2px,#f7f6f2 4px)}form#deal_finder1 .search_box input{background:none}form#deal_finder1 .search_box i{border-radius:50%;background:#fff;height:40px;line-height:40px;width:40px;text-align:center;padding:0}form#deal_finder1 .mbsc-material .mbsc-cal-day-date{display:inline-block;width:32px!important;height:32px!important;line-height:31px!important;font-size:16px!important;font-weight:500;border:4px solid transparent!important;margin:0;color:#000}form#deal_finder1 .mbsc-material .mbsc-cal-today.mbsc-selected .mbsc-cal-day-date,form#deal_finder1 .mbsc-material .mbsc-cal-today .mbsc-cal-day-date{font-weight:bold;color:#193354!important;background:#edebe6!important;border:4px solid #d3d0cb!important}form#deal_finder1 .mbsc-material .mbsc-selected{font-weight:700;border-color:#adaba6;border-width:4px;font-size:22px}form#deal_finder1 .mbsc-material .mbsc-selected .mbsc-cal-day-date{font-weight:bold;color:#fff;background:#ff4a0e!important;border:4px solid #ffae40!important}form#deal_finder1 .mbsc-material .mbsc-selected.mbsc-cal-today .mbsc-cal-day-date{font-weight:bold;color:#fff!important;background:#ff4a0e!important;border:4px solid #ffae40!important}form#deal_finder1 .mbsc-material .mbsc-cal .mbsc-cal-btn{height:1em}form#deal_finder1 .mbsc-cal-days{border-top:solid 1px #eee;border-bottom:solid 1px #eee;padding:5px 0;margin-top:0;width:100%}form#deal_finder1 .mbsc-cal-slide,form#deal_finder1 .mbsc-cal-days{padding:0 8px}form#deal_finder1 .mbsc-material .mbsc-cal-days>div{font-weight:normal!important;color:#aaa;width:39px!important;height:36px!important;line-height:36px!important;font-size:16px!important;font-weight:500}form#deal_finder1 .mbsc-ic-material-keyboard-arrow-left::before,form#deal_finder1 .journey_timing .newDatepicker.mbsc-material .mbsc-fr-btn,form#deal_finder1 .journey_timing .newTimepicker.mbsc-material .mbsc-fr-btn{color:#666!important}form#deal_finder1 .mbsc-material .mbsc-cal-year,form#deal_finder1 .mbsc-material .mbsc-cal-month{color:#193354;font-weight:300}form#deal_finder1 .mbsc-material .mbsc-sc-itm{font-size:20px}form#deal_finder1 .mbsc-material .mbsc-sc-whl-l{border-top:4px solid #ccc!important;border-bottom:4px solid #ccc!important}form#deal_finder1 .mbsc-sc-itm.mbsc-btn-e.mbsc-sc-itm-sel{font-size:26px}form#deal_finder1 .mbsc-sc-whl-gr{width:50%}form#deal_finder1 .journey_info .diff_details{background:#fff;color:#193354;font-size:15px;font-weight:500;font-weight:normal;padding-left:16px;grid-row:4;flex-direction:row-reverse;justify-content:flex-end}#deal_finder1 .route_list .routes li,#deal_finder1 [data-popup],#deal_finder1 [data-popup].passengers,#deal_finder1 [data-popup].pets,#deal_finder1 [data-popup].vehicle,.popup#vehicle_base label.vehicle_type,.popup#pets_popup label.pet_counter,.popup#currency_popup .journey_currency label,.popup.vehicle_detail label{font-weight:bold;padding:0 16px;min-height:56px;padding-top:10px;padding-bottom:10px;cursor:pointer;color:#193354;border-radius:4px;margin-bottom:8px;font-family:'proxima-soft','sans-serif';font-size:15px;background:#edebe6}#deal_finder1 .route_list .routes li.checked,#deal_finder1 [data-popup].checked,#deal_finder1 [data-popup].passengers.checked,#deal_finder1 [data-popup].pets.checked,#deal_finder1 [data-popup].vehicle.checked,.popup#vehicle_base label.vehicle_type.checked,.popup#pets_popup label.pet_counter.checked,.popup#currency_popup .journey_currency label.checked,.popup.vehicle_detail label.checked{background:#193354;color:#fff}.popup#passengers_popup fieldset li{font-weight:bold;padding:0 16px;height:56px;cursor:pointer;color:#193354;border-radius:4px;margin-bottom:8px;font-family:'proxima-soft','sans-serif';background:#edebe6;font-size:13px}.popup#passengers_popup fieldset li.checked{background:#193354;color:#fff}.popup#passengers_popup fieldset .add_passenger{font-weight:normal;text-align:center;font-size:15px;display:inline-block;width:100%;background:#edebe6;cursor:pointer}.chosen label{background:#193354;color:#fff}#deal_finder1 .route_list .routes li{background:repeating-linear-gradient(45deg,#fff,#fff 2px,#f7f6f2 2px,#f7f6f2 4px)}#deal_finder1 .route_list .routes li i.material-icons{background:#fff;border-radius:50%}.popup#passengers_popup fieldset .add_passenger{height:36px}.popup.vehicle_detail label input[type="text"]::placeholder{font-family:'proxima-soft','sans-serif';vertical-align:middle}.popup.vehicle_detail label input[type="text"]{padding:5px;vertical-align:middle;border:1px solid #ccc;font-family:'proxima-soft','sans-serif';font-size:16px;font-weight:400;width:100%;height:30px;line-height:18px;color:#333;background-color:#fff;border-radius:4px;cursor:pointer}#deal_finder1 .route_list .routes li>div .port{font-size:18px;color:#193354;font-weight:bold}#deal_finder1 .journey_route .search_box .toItem,#deal_finder1 .journey_route .search_box .toItem .port,#deal_finder1 .journey_route .search_box .fromItem,#deal_finder1 .journey_route .search_box .fromItem .port{font-size:20px;color:#193354;font-weight:bold}#deal_finder1 .route_list .routes li>div .location{font-size:14px;font-weight:normal}.journey_search{grid-column:span 2;display:grid;grid-template-columns:1fr 0;border-radius:4px}.journey_search input{height:50px}.popup h1,.popup h3{position:absolute;top:0;left:0;right:0;bottom:auto;text-align:middle;width:100%;text-align:center;font-size:16px;font-weight:500;margin:18px 0 0;color:#fff;font-family:'proxima-soft','sans-serif'}#vehicle_base.popup span{top:10px;color:#193354;font-size:14px;margin:5px 0;position:absolute;width:95%;text-align:center}#vehicle_base .popup_body{padding-top:40px}.popup .notes .note,.modal_opener[data-modal="pet_conditions"]{font-size:16px;margin:3px 0 8px;padding:0;color:#193354;text-align:center!important;width:100%;display:inline-block;font-family:'proxima-soft','sans-serif'}.popup .notes .note{margin:11px 0 8px}.popup .popup_closer{right:auto;left:16px;background:none;top:11px;font-size:24px;height:24px;width:24px;line-height:1;cursor:pointer}.popup .popup_closer i{cursor:pointer;color:#fff}.popup.vehicle_detail .close_sub{padding-left:16px;padding-right:10px}.popup#vehicle_base input{float:right}.popup#passengers_popup fieldset li label.passenger_age_label{visibility:hidden;position:absolute;right:15px}.popup#passengers_popup fieldset li label.passenger_age_label .passenger_age{visibility:visible;height:35px;font-size:14px;font-weight:500;padding:0 8px;border-radius:5px;color:#193354;position:absolute;right:27px}.popup#passengers_popup fieldset li span{flex:0 0 46%;font-family:'proxima-soft','sans-serif'}.popup footer{padding-bottom:0}.popup.vehicle_detail .close_sub,.popup.vehicle_detail .item_hdg{background:none;border:0;color:#193354;font-weight:bold}.popup.vehicle_detail label{border:0}i.material-icons.df-light-blue{color:#45b7ed}i.material-icons.df-dark-blue{color:#193354;display:block;position:absolute;right:20px}.journey_details{position:relative}.journey_details_span{display:inline-block;padding-left:10px;max-width:80%}.popup.vehicle_detail .custom_vehicle_length label,.popup.vehicle_detail .vehicle_make label,.popup.vehicle_detail label{height:36px}.popup#vehicle_base .custom_vehicle_height label.vehicle_type{height:64px}span.h4{font-size:16px;font-weight:normal;padding-left:16px;margin:8px 0;display:block}span.h4.diff_trip{margin-top:-4px}.trip_return.diff_trip span.h4{margin-top:16px}.extra_luggage span,.caravan_trailer span{margin-top:8px}.popup.vehicle_detail span.item_hdg{margin-top:8px;display:block}.popup.vehicle_detail .caravan_trailer{width:100%}.item_hdg_top,.popup.vehicle_detail .item_hdg,h6,.popup.vehicle_detail .extra_luggage span,.popup.vehicle_detail .caravan_trailer span{display:inline-block;font-size:14px;padding-left:16px;font-weight:normal;margin-bottom:8px}.popup.vehicle_detail .item_hdg{margin-bottom:0}.vehicle_model{margin-bottom:8px}.popup.vehicle_detail span.item_hdg,.caravan_trailer_details span.item_hdg{margin-bottom:0;margin-top:8px}.item_hdg_top{margin-top:8px}.item_hdg_extra_mgn{margin-top:8px;display:inline-block;font-size:14px;padding-left:16px;font-weight:normal;margin-bottom:8px}}@media(max-width:10000px) and (min-width:405px){#deal_finder1 .route_list .routes li,#deal_finder1 [data-popup],#deal_finder1 [data-popup].passengers,#deal_finder1 [data-popup].pets,#deal_finder1 [data-popup].vehicle,.popup#vehicle_base label.vehicle_type,.popup#pets_popup label.pet_counter,.popup#currency_popup .journey_currency label,.popup.vehicle_detail label{font-size:18px}}@media(max-width:10000px) and (min-width:375px){.popup#passengers_popup fieldset li{font-size:14px}}@media(max-width:10000px) and (min-width:450px){.popup#passengers_popup fieldset li{font-size:18px}}@media(max-width:10000px) and (min-width:405px){.popup#passengers_popup fieldset .add_passenger{font-size:18px}}@media(max-width:10000px) and (min-width:405px){.popup#passengers_popup fieldset li span{flex:0 0 70%}}@media(max-width:10000px) and (max-width:375px){.journey_details_span{font-size:15px;line-height:1.2}}@media(max-width:768px){#pnlOuter .whyUseDF{padding-left:15px;padding-right:15px}#pnlOuter #header .banner .row{margin:0}#pnlOuter #header .banner .ABDivSubRow,#pnlOuter #header .banner .fsWrap .AB176FS{padding:0}}.mbsc-material .mbsc-cal-picker{background:#fff!important}.mbsc-material .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-cal-row .mbsc-selected .mbsc-cal-cell-txt{background:#ff4a0e!important;border:4px solid #ffae40!important;color:#fff}.mbsc-material .mbsc-cal-picker .mbsc-cal-cell-i{height:auto!important}@media(max-width:10000px){form#deal_finder1 .mbsc-material .mbsc-cal .mbsc-cal-btn{height:auto!important}}</style>
<style>.journey_type {
height: 33px;
}
@media (max-width: 768px) and (min-width: 280px) {
.df-dom-header-title h1 {
font-family: proxima-soft-bold,sans-serif;
font-size: 1.75rem;
line-height: 2rem;
color: #fff;
text-align: left;
-webkit-font-smoothing: antialiased;
display: inline-block;
}
.dark .df__navbar {
background-color: #193354;
color: #fff;
}
.df-dom-dealfinder {
background: #193354 !important;
min-height: 650px !important;
}
.mob-dealfinder .animate.fadeInUp {
max-height: none !important;
min-height: 400px !important;
}
}
</style>
<script>
function whenGlobalDefined(varName, fn, count) {
let c = count > 0 ? ++count : 1
if (typeof window[varName] === "undefined") {
if (count > 80) { // timeout after x iterations (~4 seconds)
if (console && console.warn) console.warn("timeout waiting for", varName)
return
}
return setTimeout(whenGlobalDefined.bind(window, varName, fn, c), 50);
}
return fn()
}
function longWhenGlobalDefined(varName, fn, count) {
let c = count > 0 ? ++count : 1
if (typeof window[varName] === "undefined") {
if (count > 300) { // timeout after x iterations (~4 seconds)
if (console && console.warn) console.warn("timeout waiting for", varName)
return
}
return setTimeout(whenGlobalDefined.bind(window, varName, fn, c), 100);
}
return fn()
}
const normalizeEnvironment = (env) => {
if (env === "Development") return "dev";
if (env === "Staging") return "stag";
if (env === "Production") return "prod";
return env;
}
//The DataDog initialization code is injected through GTM
longWhenGlobalDefined("DD_LOGS", () => window.DD_LOGS.onReady(function () {
window.DD_LOGS.setGlobalContextProperty('service', 'landing-pages')
window.DD_LOGS.setGlobalContextProperty('env', normalizeEnvironment('Production'))
window.DD_LOGS.setGlobalContextProperty('ui_trace_id', '0ff11313-ab8c-498a-9dcb-9244ffd6c7b6')
window.DD_LOGS.setGlobalContextProperty('version', '2.157.0')
window.DD_LOGS.setGlobalContextProperty('isDynamic', 'true')
window.DD_LOGS.setGlobalContextProperty('dfusrpid', '')
window.DD_LOGS.setGlobalContextProperty('dfsession', '')
window.DD_LOGS.logger.info(`Page view: ${window.location}`,
{
eventType: 'PageView',
culture: 'sk-SK',
template: 'Home'
})
}))
</script>
</head>
Lístky na trajekty – rezervujte si trajekty do Anglicka, Švédska, Nórska a na Korziku
Recherche META Description de la page
Direct Ferries ponúka najširší výber trajektov do Írska, Francúzska, Španielska, Holandska, Nemecka a Škandinávie so všetkými hlavnými prevádzkovateľmi vrátane P & O Ferries, Brittany, Stena Line a Eurotunnel.
Recherche META Keywords de la page
UPDATE DOMAINES SET server='CloudFront',redirection='https://www.directferries.sk/',Status='200',err='',[TITRE]=N'Lístky na trajekty – rezervujte si trajekty do Anglicka, Švédska, Nórska a na Korziku',[DESCRIPTION]=N'Direct Ferries ponúka najširší výber trajektov do Írska, Francúzska, Španielska, Holandska, Nemecka a Škandinávie so všetkými hlavnými prevádzkovateľmi vrátane P & O Ferries, Brittany, Stena Line a Eurotunnel.',[KEYWORDS]=N'' WHERE id=2159596
0 Lístky na trajekty – rezervujte si trajekty do Anglicka Švédska Nórska a na Korziku Direct Ferries ponúka najširší výber trajektov do Írska Francúzska Španielska Holandska Nemecka a Škandinávie so všetkými hlavnými prevádzkovateľmi vrátane P & O Ferries Brittany Stena Line a Eurotunnel.
0. Lístky (11)--------->0
1. na (2)--------->0
2. trajekty (8)--------->0
3. – (8)--------->0
4. rezervujte (10)--------->0
5. si (2)--------->0
8. do (2)--------->0
9. Anglicka (8)--------->0
11. Švédska (18)--------->0
13. Nórska (11)--------->0
14. a (1)--------->0
16. Korziku (7)--------->0
17. Direct (6)--------->0
18. Ferries (7)--------->0
19. ponúka (11)--------->0
20. najširší (25)--------->0
21. výber (10)--------->0
22. trajektov (9)--------->0
24. Írska (10)--------->0
26. Francúzska (15)--------->0
28. Španielska (16)--------->0
30. Holandska (9)--------->0
32. Nemecka (7)--------->0
34. Škandinávie (22)--------->0
35. so (2)--------->0
36. všetkými (19)--------->0
37. hlavnými (13)--------->0
38. prevádzkovateľmi (27)--------->0
39. vrátane (12)--------->0
40. P (1)--------->0
41. & (5)--------->0
42. O (1)--------->0
45. Brittany (8)--------->0
47. Stena (5)--------->0
48. Line (4)--------->0
50. Eurotunnel (10)--------->0
INSERT INTO KEYWORDS (keyword,id_domaine) VALUES (N'Lístky',2159596),(N'na',2159596),(N'trajekty',2159596),(N'–',2159596),(N'rezervujte',2159596),(N'si',2159596),(N'do',2159596),(N'Anglicka',2159596),(N'Švédska',2159596),(N'Nórska',2159596),(N'a',2159596),(N'Korziku',2159596),(N'Direct',2159596),(N'Ferries',2159596),(N'ponúka',2159596),(N'najširší',2159596),(N'výber',2159596),(N'trajektov',2159596),(N'Írska',2159596),(N'Francúzska',2159596),(N'Španielska',2159596),(N'Holandska',2159596),(N'Nemecka',2159596),(N'Škandinávie',2159596),(N'so',2159596),(N'všetkými',2159596),(N'hlavnými',2159596),(N'prevádzkovateľmi',2159596),(N'vrátane',2159596),(N'P',2159596),(N'&',2159596),(N'O',2159596),(N'Brittany',2159596),(N'Stena',2159596),(N'Line',2159596),(N'Eurotunnel',2159596)