COVID-19 Information Click here to visit our dedicated page for further information on the COVID-19 situation, including vouchers, cancellations, refunds and sailing changes.

Why use
Direct Ferries?

Ferries from 3325 routes and 764 ports worldwide

Trusted by over 2.5 million customers

We arrange over 1.2 million ferry crossings / year

We check up to 1 million prices for our customers daily

Ferries to Singapore

Destination Page Intro Text First Paragraph 2

Destination Page Intro Text Second Paragraph 1

Destination Page Intro Text Third Paragraph 2

Popular Ferry Operators

- 22 Sailings Daily 50 min
- Get price
- 18 Sailings Weekly 30 min
- Get price
- 13 Sailings Weekly 1 hour 15 min
- Get price
- 9 Sailings Daily 50 min
- Get price

Onboard the ferries

Find out what it's like onboard the ferries before you travel.

Ship guides, videos & reviews

Batam to Singapore
- Batam Centre to HarbourFront Centre Ferry
  14 Sailings Daily
  
  1 hr
  
  Get price
  13 Sailings Daily
  
  1 hr 10 min
  
  Get price
  16 Sailings Daily
  
  59 min
  
  Get price
- Batam Centre to Tanah Merah Ferry
  7 Sailings Weekly
  
  1 hr
  
  Get price
  5 Sailings Daily
  
  59 min
  
  Get price
- Harbour Bay to HarbourFront Centre Ferry
  22 Sailings Daily
  
  50 min
  
  Get price
  4 Sailings Daily
  
  50 min
  
  Get price
- Harbour Bay to Tanah Merah Ferry
  4 Sailings Daily
  
  1 hr
  
  Get price
- Nongsapura to Tanah Merah Ferry
  5 Sailings Weekly
  
  50 min
  
  Get price
- Sekupang to HarbourFront Centre Ferry
  8 Sailings Daily
  
  50 min
  
  Get price
  9 Sailings Daily
  
  50 min
  
  Get price
  9 Sailings Daily
  
  50 min
  
  Get price
- Waterfront to HarbourFront Centre Ferry
  10 Sailings Weekly
  
  1 hr
  
  Get price
- For more information, please visit our Ferries from Batam to Singapore page.
Bintan Island to Singapore
- Bandar Bentan Telani to Tanah Merah Ferry
  6 Sailings Daily
  
  1 hr
  
  Get price
- Bintan Lagoon Resort to Tanah Merah Ferry
  13 Sailings Weekly
  
  1 hr 15 min
  
  Get price
- Tanjung Pinang to Tanah Merah Ferry
  4 Sailings Daily
  
  2 hr
  
  Get price
  4 Sailings Daily
  
  1 hr 40 min
  
  Get price
- For more information, please visit our Ferries from Bintan Island to Singapore page.
Great Karimun Island to Singapore
- Tanjung Balai to HarbourFront Centre Ferry
  4 Sailings Weekly
  
  1 hr 30 min
  
  Get price
  12 Sailings Weekly
  
  1 hr 40 min
  
  Get price
- For more information, please visit our Ferries from Great Karimun Island to Singapore page.
Malaysia to Singapore
- Tanjung Belungkor to Changi Ferry
  18 Sailings Weekly
  
  30 min
  
  Get price
- For more information, please visit our Ferries from Malaysia to Singapore page.

.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } * html .ui-helper-clearfix { height: 1% } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0) } .ui-state-disabled { cursor: default !important } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat } .ui-widget { font-size: 11px } .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 1em } .ui-widget-content { border: 1px solid #aaa; background: 50% 50% repeat-x #fff; color: #000 } .ui-widget-content a { color: #000 } .ui-widget-header { border: 1px solid #2c7ca9; background: 50% 50% repeat-x #64b6e6; color: #fff; font-weight: 700 } .ui-widget-header a { color: #222 } .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: 50% 50% repeat-x #eee; font-weight: 400; color: #444; outline: 0 } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #444; text-decoration: none; outline: 0 } .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover { border: 1px solid #8af; background: 50% 50% repeat-x #fff; font-weight: 400; color: #333; outline: 0 } .ui-state-hover a, .ui-state-hover a:hover { color: #333; text-decoration: none; outline: 0 } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #036; background: 50% 50% repeat-x #0064b4; font-weight: 400; color: #fff; outline: 0 } .ui-datepicker-calendar .ui-state-default, .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: 700 } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; outline: 0; text-decoration: none } .ui-state-highlight, .ui-widget-content .ui-state-highlight { border: 1px solid #fcefa1; background: 50% 50% repeat-x #ffc; color: #363636 } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636 } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none } .ui-icon { width: 16px; height: 16px } .ui-icon-circle-triangle-e { background-position: -10px -1943px } .ui-icon-circle-triangle-w { background-position: -25px -1943px } .ui-datepicker { width: 17em; padding: .2em .2em 0; z-index: 25 } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0 } .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { position: absolute; top: 2px; width: 1.8em; height: 1.8em } .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover { top: 1px } .ui-datepicker .ui-datepicker-prev { left: 2px } .ui-datepicker .ui-datepicker-next { right: 2px } .ui-datepicker .ui-datepicker-prev-hover { left: 1px } .ui-datepicker .ui-datepicker-next-hover { right: 1px } .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 } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center } .ui-datepicker .ui-datepicker-title select { float: left; font-size: 1em; margin: 1px 0 } .ui-datepicker select.ui-datepicker-month-year { width: 100% } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49% } .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: 700; border: 0 } .ui-datepicker td { border: 0; padding: 1px } .ui-datepicker td a, .ui-datepicker td span { display: block; padding: .2em; text-align: right; text-decoration: none } .ui-datepicker-current { display: none } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0 } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em; width: auto; overflow: visible } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-multi .ui-datepicker-group { float: left } .ui-datepicker.ui-datepicker-multi { width: auto } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50% } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3% } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25% } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0 } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left } .ui-datepicker-row-break { clear: both; width: 100% } .ui-datepicker-calendar a.ui-state-default { border-color: #fff } .ui-datepicker-calendar a.ui-state-active { border-color: #036 } .ui-datepicker-calendar .ui-datepicker-unselectable .ui-state-default { border-color: #fff; background-color: #fff; font-weight: 400 } .ui-datepicker-calendar a.ui-state-hover { border-color: #fcefa1; background: #ffc; color: #444 } @media(max-width:992px) { .ui-datepicker { width: auto !important } .ui-datepicker-buttonpane { display: none } .ui-datepicker td a, .ui-datepicker td span { padding: 7px } } .loadmask { z-index: 100; position: absolute; top: 0; left: 0; -moz-opacity: .5; opacity: .7; background-color: #fff; width: 100%; height: 100%; zoom: 1 } .loadmask-msg { z-index: 20001; position: absolute; top: 0; left: 0; border: 1px solid #6593cf; background: #c3daf9; padding: 2px } .loadmask-msg div { padding: 5px 10px 5px 25px; background: #fbfbfb url(https://static.directferries.co.uk/image/fs/loading.gif) no-repeat 5px 5px; line-height: 16px; border: 1px solid #a3bad9; color: #222; font: normal 11px tahoma,arial,helvetica,sans-serif; cursor: wait } .masked { overflow: hidden !important } .masked-relative { position: relative !important } .masked-hidden { visibility: hidden !important } .fs .advSer a { font-weight: 700; color: #fff; font-size: 13px } .fs .formPopup, .rSer .formPopup { background: url(https://static.directferries.co.uk/image/fs/arrow.png) no-repeat top left } .fs .frmHol { font-size: 13px } .wc label { background-position: -16px -1988px } .errDiv { background-color: #f2dede; color: #d00; font-weight: 700; font-size: 13px; background-image: url(https://static.directferries.co.uk/image/fs/error.png); background-repeat: no-repeat; background-position: 7px 10px; padding: 10px 10px 10px 30px } .petGrp .input-group-btn { font-size: 14px } .petGrp label { font-weight: 400 } .petGrp .btn-default { color: #333; background-color: #fff; font-weight: 400; border-color: #ccc } .petGrp .btn-default:hover { background-color: #e6e6e6; color: #333 } .input-group-btn:first-child > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0 } .input-group-btn:last-child > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0 } .disabled, .petGrp .btn-default.disabled { background-color: #eee; background-image: none; border-color: #ccc; color: #ccc } .fsBtn .disabled { background-color: #ea5b28; border: 1px solid transparent; color: #fff } @media screen and (min-width:0\0) { .disabled, .petGrp .btn-default.disabled { color: #6d6d6d } } @media \0screen\,screen\9 { .disabled, .petGrp .btn-default.disabled { color: #baa0bc } } .fsPop { position: fixed; height: 100%; width: 100%; top: 0; left: 0; background: #000; opacity: .6; z-index: 5000 } .fsWrapPop { position: relative; width: 100%; z-index: 6000 } #curBtn { background-position: right -948px } .fsDone { margin-bottom: 15px; float: right } .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 } .feeRating { background-image: url(https://static.directferries.co.uk/image/sprites/stars-feefo.png); background-repeat: no-repeat; width: 95px; height: 18px; display: inline-block; margin-left: 6px } .f45 { background-position: -1px -25px } .banner { background: url(https://static.directferries.co.uk/image/backgrounds/main.jpg) no-repeat center center; background-size: cover; margin-bottom: 15px } .noBanner { margin-bottom: 15px } .subNav > ul > li a:hover { text-decoration: none } .accomm, .onBoard, .social { margin-bottom: 15px } .accomm h3, .onBoard h3, .social h3 { margin-bottom: 0; padding: 10px 0 10px 40px } .onBoard h3 { background-position: -7px -514px } .accomm h3 { background-position: -7px -1886px } .social h3 { background-position: -7px -592px } .social ul li { float: left; margin-right: 5px; margin-bottom: 5px; width: 50px } .social ul li a { display: block; text-align: center; font-size: 12px; padding-top: 33px } .facebook { background-position: center 0 } .twitter { background-position: center -73px } .google { background-position: center -146px } .youtube { background-position: center -219px } .signUp { background-position: center -292px } .download { background-position: center -365px } .facebookS { background-position: -13px -1555px } .twitterS { background-position: -13px -1597px } .googleS { background-position: -13px -1640px } .youtubeS { background-position: -13px -1682px } .signUpS { background-position: -13px -1724px } .downloadS { background-position: -13px -1766px } .at { background-position: 4px -548px } .be { background-position: 4px -243px } .ch { background-position: 4px -398px } .cn { background-position: 4px -649px } .cz { background-position: 4px -460px } .de { background-position: 4px -88px } .dk { background-position: 4px -181px } .es { background-position: 4px -212px } .fi { background-position: 4px -274px } .fr { background-position: 4px -57px } .gr { background-position: 4px -491px } .jp { background-position: 4px -672px } .it { background-position: 4px -367px } .ie { background-position: 4px -26px } .nl { background-position: 4px -119px } .no { background-position: 4px -429px } .pl { background-position: 4px -337px } .pt { background-position: 4px -305px } .ru { background-position: 4px -601px } .se { background-position: 4px -150px } .sk { background-position: 4px -522px } .tr { background-position: 4px -574px } .ua { background-position: 4px -626px } .us { background-position: 4px -695px } .au { background-position: 4px -718px } .qa { background-position: 4px -741px } .ma { background-position: 4px -764px } .tn { background-position: 4px -786px } .ca { background-position: 4px -808px } .kr { background-position: 4px -830px } .uk { background-position: 4px 5px } .cat { background-position: 4px -852px } .id { background-position: 4px -874px } footer .cards { text-align: center; padding: 0 15px } footer .cards i { background-image: url(https://static.directferries.co.uk/image/sprites/cards.png); background-repeat: no-repeat; display: inline-block; margin: 0 2px 5px } .american_express { height: 25px; width: 38px; background-position: 0 0 } .elv { height: 25px; width: 38px; background-position: -41px 0 } .ideal { height: 25px; width: 29px; background-position: -83px 0 } .jcb { height: 25px; width: 35px; background-position: -113px 0 } .maestro { height: 25px; width: 38px; background-position: -409px 0 } .mastercard { height: 25px; width: 38px; background-position: -150px 0 } .mastercard_debit { height: 25px; width: 32px; background-position: -194px 0 } .paypal { height: 25px; width: 82px; background-position: -578px 0 } .postepay { height: 25px; width: 38px; background-position: -286px 0 } .visa { height: 25px; width: 38px; background-position: -328px 0 } .visa_electron { height: 25px; width: 38px; background-position: -369px 0 } .sofort { height: 25px; width: 38px; background-position: -451px 0 } .alipay { height: 25px; width: 38px; background-position: -493px 0 } .union_pay { height: 25px; width: 38px; background-position: -535px 0 } .carousel { z-index: 0 } .dropdown > li > a:hover { text-decoration: none } .mapTbl h4 { line-height: 20px; margin-bottom: 5px; padding-top: 0 !important } .mapTbl ul li div:first-child { padding-right: 15px } .mapTbl .btn { margin-right: 5px } .mapImg { display: table; width: 100%; background: url(https://static.directferries.co.uk/image/map.jpg) no-repeat center center } .mapImg:hover, .mapImg:hover .mapOly { text-decoration: underline; cursor: pointer } .mapOly { display: table-cell; vertical-align: middle; text-align: center } .mapOly span { background: #fff url(https://static.directferries.co.uk/image/map-view.png) no-repeat 7px 9px; color: #0070a0; padding: 7px 7px 7px 27px; border-radius: 5px; line-height: 15px } .tabs { display: table; width: 100% } .tabs li { display: table-cell; vertical-align: middle; text-align: left; border-left: 1px solid #ccc; background: #e6e6e6; padding: 7px 15px } .tabs li:first-child { border: none } .tabs li a { display: block; font-weight: 700; color: #193354 } .tabs li.active { background: #ccc } .tabs li a:hover { text-decoration: none } .tabCon { clear: both } .tabCon > .tabPane { display: none; visibility: hidden } .tabCon > .active { display: block; visibility: visible } .t2 li { width: 50% } .t3 li { width: 33.33333333% } .t4 li { width: 25% } .railSail .tabPane > div { padding-top: 10px } .content > div > div { margin-bottom: 30px } .intTxt { border-bottom: 2px solid #64b6e6; margin-bottom: 15px; padding-bottom: 10px; width: 100% } .intTxt img { margin: 0 0 10px 0; display: block; max-width: 100% } .intTxt .form-control { width: auto; margin-bottom: 10px } .intTxt .form-select label { color: #193354 } .intTxt .form-select .form-control { width: 100% } @media(max-width: 768px) { .opInt .rImg { width: auto } .fs .vSpace { display: none } .fs #curLbl { display: block; margin-bottom: 10px } } .oBox { background: #ea5b28; padding: 15px 15px 10px } .oBox * { color: #fff } .oBox .btn { background-color: #fff; background-position: right -1233px; color: #ea5b28; font-size: 12px; line-height: 1.5; padding: 2px 18px 2px 10px } .oBox a:hover { color: #fff } .oBox .btn:hover { background-color: #eee; color: #ea5b28 } .oBox ul li div:first-child { padding-right: 5px } .oBox.accordion h3 { padding-bottom: 5px; padding-right: 20px; cursor: pointer; background-position: right -1050px; margin: 0 } .oBox.accordion h3.up { background-position: right -1002px } .oBox.accordion > div { margin-top: 5px; display: none } .bBox { background: #e0f1fa; padding: 15px 15px 10px } .bBox * { color: #193354 } .bBox .btn { background-color: #2c7ca9; color: #fff } .bBox .btn:active, .bBox .btn:focus, .bBox .btn:hover, .bBox .btn:visited { background-color: #2c7ca9; color: #fff } .infoBox { background: #e0f1fa; padding: 15px; margin-bottom: 15px } .content > div > div.infoBox { margin-bottom: 15px } .infoBox * { color: #193354 } .rtTbl > li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #64b6e6 } @media(max-width:399px) { .rtTbl ul > li { display: inline-block } .rtTbl ul > li:last-child { display: block } .rtTbl .sa { padding: 5px 10px 5px 20px } .rtTbl .du { padding: 5px 0 5px 20px } } @media(min-width:400px) { .rtTbl ul { display: table; width: 100% } .rtTbl ul > li { display: table-cell; vertical-align: top; padding: 5px 0 } .rtTbl ul > li:first-child { width: 42% } .rtTbl .tx { width: auto !important } .rtTbl .btn { float: right } } .opTbl { width: 100%; margin: -10px 0 0; padding: 0 } .opTbl > li { border-bottom: 1px solid #64b6e6 } .opTbl > li > div { padding: 5px 0 } .opTbl > li > div > ul { display: table; width: 100%; margin: 0; padding: 0 } .opTbl > li > div > ul > li { display: table-cell; vertical-align: middle } .opTbl > li > div:first-child { padding: 10px 0 0 } .opTbl > li > div:first-child img { max-height: 33px } .rouGrp > div { padding: 0 0 10px } .rouGrpOps { width: 100%; border-bottom: 1px solid #64b6e6; margin: -10px 0 5px; padding: 0 0 5px } .rouGrpOps > li > div { padding: 5px 0 } .rouGrpOps > li > div > ul { display: table; width: 100%; margin: 0; padding: 0 } .rouGrpOps > li > div > ul > li { display: table-cell; vertical-align: middle } .rouGrpOps > li > div:first-child { padding: 10px 0 0 } .rouGrpOps > li > div:first-child img { max-height: 33px } .opList { margin-bottom: 30px } .opList h2 { margin: 0 } .opList > ul > li { border-bottom: 1px solid #64b6e6 } .opList > ul > li > div { display: table-cell; vertical-align: middle } .opList > ul > li > div:first-child a { width: 100px; margin-right: 20px; display: block } .opList img { max-width: 100%; display: block; margin: 0 auto } .opList .det .ex { display: inline-block; padding-right: 14px; background-position: right -1193px; font-weight: 400; color: #0070a0; cursor: pointer } .opList .det .ex:hover { text-decoration: underline } .opList .exMar { margin-bottom: 15px } .opList .det p { margin: 0 } .opList .det h4 { font-weight: 700; font-size: 14px; display: inline-block; color: #193354; margin: 15px 0 0 } .opList .rts > span { margin-bottom: 15px; display: inline-block; font-weight: 700; color: #193354 } .opList .rtTbl > li { border-bottom: 1px solid #e6e6e6 } .opList .rtTbl > li.lst { border-bottom: none; margin-bottom: 0 } .opList > ul > li > .opMore > ul { border-top: 2px solid #e6e6e6; padding-top: 10px; margin-top: -10px } .opList .opMoLk { vertical-align: top; cursor: pointer } .opList .opMoLk span { background-position: -30px -1470px; width: 20px; height: 40px; display: block } .opList .opMoLk.up span { background-position: -30px -1389px } .dests .row { margin-left: -7px; margin-right: -7px; margin-bottom: 15px } .dests .xs6 { padding-left: 7px; padding-right: 7px } .dests li { margin-bottom: 14px } .dests .img { width: 105px; padding-right: 7px } .dests img { height: 100px; width: 100%; display: block } .dests .det { padding-left: 7px; position: relative } .dests .divTbl { border: 2px solid #e6e6e6; padding: 15px } .dests .btn { float: none; position: absolute; bottom: 0; display: block } @media(max-width:600px) { .dests .xs6 { width: 100% } } .alts > div > ul > li > div, .alts > ul > li > div { border-bottom: 1px solid #64b6e6 } .alts .altImg { width: 100px } .alts .altImg img { max-width: 100%; max-height: 30px; display: block; margin: 0 auto } @media(max-width:600px) { .alts > .ulTbl > li > div { padding: 7px 0 } .alts .altImg img { max-height: 25px } } .opRoutes #map_canvas { height: 350px } .opRoutes h5 { display: block; font-weight: 700; color: #193354; font-size: 14px; cursor: pointer; background-color: #e6e6e6; background-position: 98% -1478px; margin-bottom: 5px; padding: 9px 28px 10px 10px } .opRoutes h5.up { background-position: 98% -1397px } .opRoutes .accordion .rtTbl li:last-child { border-bottom: none; padding-bottom: 0 } .opRoutes .accordion > ul li:last-child > div { border-bottom: 1px solid #64b6e6 } .hreview > div { border-bottom: 1px solid #64b6e6; margin-bottom: 10px; padding: 10px 0 0 !important } .ulTbl li.hreview div.more { padding: 0; margin-top: -5px } .rvMore { border-bottom: 1px solid #64b6e6; display: block; background-position: right -1183px; padding: 10px 15px 10px 0 } .lessLink, .moreLink { color: #0070a0; cursor: pointer; display: inline-block; margin-bottom: 10px } .lessLink { display: none } .lessLink:hover, .moreLink:hover { text-decoration: underline } .hreview .stars { width: 85px; vertical-align: top } .hreview .rating, .hreview .sRating { float: right; margin-top: 2px } .hreview-aggregate h1 { margin-bottom: 10px } .hreview-aggregate .stars { margin-bottom: 8px } .hreview-aggregate .rating { float: left; margin-top: 2px; margin-right: 10px } .review label { color: #193354 } .starSelect { display: table; margin-bottom: 10px } .starSelect > li { display: table-row } .starSelect > li > div { display: table-cell; vertical-align: middle; padding-bottom: 5px } .starSelect > li > div:first-child { padding-right: 10px } .rateit { display: -moz-inline-box; display: inline-block; position: relative } .rateit .rateit-range { position: relative; display: -moz-inline-box; display: inline-block; background: url(https://static.directferries.co.uk/image/sprites/stars-rateit.png) 0 -2px; height: 16px; outline: 0 } .rateit .rateit-hover, .rateit .rateit-selected { position: absolute; left: 0 } .rateit .rateit-hover { background: url(https://static.directferries.co.uk/image/sprites/stars-rateit.png) left -23px } .rateit .rateit-selected { background: url(https://static.directferries.co.uk/image/sprites/stars-rateit.png) left -23px } .noRting { background: 0 0; display: none } .opShips .h2, .opShips h2 { margin: 0 } .opShips .row { margin-left: -7px; margin-right: -7px } .opShips .sm4, .opShips .xs6 { margin-top: 14px; padding: 0 7px } .opShips .ovlyS { position: relative; display: block } .opShips .ovlyS .tbl > span { display: table-cell; vertical-align: middle; padding: 5px } .opShips .ovlyTxt { background-color: #0070a0; opacity: .9; position: absolute; float: left; width: 100%; bottom: 0; color: #fff; font-size: 13px } .opShips .ovlyOp { background-color: #0070a0; opacity: .9; position: absolute; top: 5px; right: 5px; color: #fff; font-size: 13px; padding: 2px 5px } .rtSum h4 { margin-bottom: 0; padding-bottom: 10px; font-size: 16px } .rtSum .accordion h4 { cursor: pointer; background-position: right -1471px; border-top: 1px solid #64b6e6; margin: 0; padding: 15px 18px 15px 0 } .rtSum .accordion > ul > li:first-child > h4 { border-top: none } .rtSum .accordion { border-bottom: 1px solid #64b6e6 } .rtSum .accordion h4.up { background-position: right -1390px } .highcharts { background: #e0f1fa; padding: 15px 15px 10px } .dests .det p, .highcharts p { font-size: 12px } .highcharts-container * { font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif !important } .embR { position: relative; display: block; height: 0; overflow: hidden; padding: 0 0 56.25% } .embR iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0 } .shpOv { margin: 0 !important } .shpOv div:first-child { font-size: 44px; font-weight: 700; color: #64b6e6 } .shpOv .stars { text-align: center; font-size: 20px; font-weight: 700; color: #64b6e6; padding-right: 30px; margin: 0 auto } .shpOv .rating { margin: 0 auto } .shpOv .shpRec { font-weight: 700; color: #64b6e6; font-size: 18px; margin-bottom: 5px; display: block } .shpOv ul li { border-bottom: 1px solid #64b6e6; width: 50%; float: left; position: relative; padding: 7px 45px 7px 0 } .shpOv ul li span { position: absolute; right: 20px; font-weight: 700 } .shpOv ul .lst { border: none } .shpLks p { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #64b6e6 } .nsLst { border-bottom: 1px solid #64b6e6; padding-bottom: 5px; margin-bottom: 15px !important } .nsLst h3 { font-size: 14px; line-height: 21px } .nsLst .btn { margin-left: 15px; float: right } .article .nsInt, .nsLst .nsInt { font-size: 12px; margin-top: -10px } .nsLnk ul, .nsiLnk ul { margin: -7px 0 0 } .nsLnk ul li, .nsiLnk ul li { border-bottom: 1px solid #e6e6e6; position: relative; padding: 7px 0 } .nsLnk ul a { display: block; background-repeat: no-repeat; background-position: right center; padding-right: 20px } .nsLnk img { position: absolute; right: 0; top: 12px } .nsiImg ul li { background-position: -40px -1187px; padding-left: 11px } .shIcns img { float: left } .shIcns a { display: inline-block } .shIcns a:hover { text-decoration: none; cursor: pointer } .fbShare span { background-color: #3a589a; color: #fff; float: left; line-height: 20px; margin-right: 5px; padding: 0 4px } .fbShare:hover span { background-color: #627aaf } .twShare span { background-color: #00abf0; color: #fff; float: left; line-height: 20px; margin-right: 5px; padding: 0 4px } .twShare:hover span { background-color: #3cc1f4 } .gooShare span { background-color: #df4a32; color: #fff; float: left; line-height: 20px; margin-right: 5px; padding: 0 4px } .gooShare:hover span { background-color: #e66e5d } .email { margin-right: 4px } .email:hover, .print:hover { opacity: .8 } .article { border-bottom: 2px solid #64b6e6; padding-bottom: 8px; margin-bottom: 20px !important } .article h1 { font-size: 20px } .article img, .avios img, .md img { margin-bottom: 10px } .offers .rvMore { margin-top: -15px } .avios .btn { margin: 10px 0 } .soLnk ul { margin-top: -5px } .soLnk ul li { border-bottom: 1px solid #e6e6e6; padding: 12px 0 } .soLnk ul li a { padding-left: 30px } .cntUs { margin-top: -30px } .faq ul { margin-top: -15px } .cntUs > ul > li, .faq > ul > li { border-bottom: 1px solid #64b6e6 } .faq h4 { cursor: pointer; background-position: right -1473px; font-size: 14px; margin: 0; padding: 15px 25px 15px 0 } .mobAcords .down { cursor: pointer; background-position: right -1477px; font-size: 14px; margin: 0; padding: 10px 25px 5px 0 } .mobAcords .up { background-position: right -1395px } .alts h4, .cntUs h2 { cursor: pointer; background-position: right -1470px; position: relative; margin: 0; padding: 15px 25px 15px 22px } .alts h4 { padding: 15px 25px 15px 0; border-bottom: 1px solid #64b6e6 } .faq h4.up { background-position: right -1391px } .alts h4.up, .cntUs h2.up { background-position: right -1388px } .cntUs h2 span { background-image: url(https://static.directferries.co.uk/image/sprites/flags.png?v=2); background-repeat: no-repeat; width: 25px; height: 20px; position: absolute; left: -4px } .cntUs ul li ul { margin-bottom: 10px } .addy h4 { margin: 0; border-bottom: 1px solid #e6e6e6; padding: 12px 0 } .mc ul li p { margin-bottom: 15px !important } .mc .det a { margin-top: 10px; display: inline-block } .rtPtLst h4 { padding-top: 15px } .rtPtLst h4 a { color: #193354 } .rtPtLst .accordion { margin-bottom: 15px } .rtPtLst .accordion ul li { border-bottom: 1px solid #e6e6e6 } .rtPtLst .accordion ul li h5 { cursor: pointer; font-size: 14px; font-weight: 400; color: #0070a0; background-position: right -1269px; margin: 0; padding: 10px 18px 10px 0 } .rtPtLst .accordion ul li h5.up { background-position: right -1334px } .rtPtLst .accordion ul li p { display: none; margin: 0 0 10px } .portOr { display: block; line-height: 30px; text-align: center } .portMapCtr { margin: 0 -15px } .dblArrw { background-position: -3px -663px; width: 26px; height: 30px; margin: 0 auto } .portLst, .smPortLst { padding-top: 10px } .portLst > ul > li, .smPortLst > ul > li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #64b6e6 } .portLst > ul > li > a, .smPortLst > ul > li > a { font-weight: 700; font-size: 16px; margin-bottom: 4px; display: inline-block } .portLst > ul > li > a > img, .smPortLst > ul > li > a > img { margin-right: 10px; margin-top: -2px; border: solid 1px #e6e6e6 } .portLst > ul > li > ul, .smPortLst > ul > li > ul { margin-left: 30px } .portLst > ul > li > ul > li, .smPortLst > ul > li > ul > li { width: 50%; float: left; background-position: -40px -1194px; padding: 0 5px 0 10px } .c2cTbl { width: 100%; border-top: 2px solid #e6e6e6 } .c2cTbl > li { border-bottom: 2px solid #e6e6e6; padding: 10px 0 } .c2cTbl > li:last-child { border-bottom: none } .c2cTbl > li > div > a { display: inline-block; margin-bottom: 10px } .c2cTbl > li > div > div > ul:first-child { border-top: 1px solid #e6e6e6; padding-top: 5px } .c2cTbl > li > div > div > ul { border-bottom: 1px solid #e6e6e6; padding-bottom: 10px; margin-bottom: 10px } .c2cTbl > li > div > div > ul:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0 } .c2cTbl > li > div > div > ul > li { padding: 5px 0 } .c2cTbl .op { width: 160px } .c2cTbl .op img { max-height: 25px } .c2cLnk { display: block; text-align: center } @media(min-width:600px) { .c2cTbl > li > div > a { margin-bottom: 5px } .c2cTbl > li > div > div { display: table; width: 100% } .c2cTbl > li > div > div > ul { display: table-row } .c2cTbl > li > div > div > ul > li { display: table-cell !important; vertical-align: top } .c2cTbl .sa { width: 30% } .c2cTbl .btn { float: right } } @media(min-width:992px) { .c2cTbl > li { display: table; width: 100% } .c2cTbl > li > div { display: table-cell; vertical-align: top } .c2cTbl > li > div:first-child { width: 28% } .c2cTbl > li:last-child > div { border-bottom: none } .c2cTbl > li > div > a { margin: 0 } .c2cTbl > li > div > div > ul > li { padding: 5px 0 } .c2cTbl .op img { margin: 0 auto; display: block; max-height: 25px } } @media(min-width:1200px) { .c2cTbl .op { width: 200px } } .c2cTbl .sa, .rtTbl ul > li.sa { background-position: -1px -704px; padding-left: 20px; padding-right: 5px } .c2cTbl .du, .rtTbl ul > li.du { background-position: 0 -758px; padding-left: 20px } .opTbl .sa, .rouGrpOps .sa { background-position: -1px -709px; padding-left: 20px; padding-right: 5px; display: block } .opTbl .du, .rouGrpOps .du { background-position: 0 -763px; padding-left: 20px; display: block } .ctSum > ul:after, .ctSum > ul:before { content: " "; display: table; clear: both } .ctSum > ul { border-bottom: 1px solid #64b6e6; padding-bottom: 10px; margin-bottom: 10px } .ctSum h2 { margin-top: -10px } .ctSum ul { margin-top: -8px } .ctSum ul > li { width: 100%; float: left; background-image: none; padding: 3px 0 3px 0; line-height: 20px } .ctSum ul > li img { margin-right: 5px; margin-top: -1px; border: solid 1px #e6e6e6 } .content > div > div.regionMap { margin-bottom: 0 } .regionMap label { color: #193354 } .regionMap .mHide { display: none } footer { background: #64b6e6; color: #fff; padding: 15px 0 } footer a { color: #fff; display: block } footer a:hover { color: #fff } footer .signUp { background: #0070a0; margin-bottom: 15px; padding: 15px } footer .accordion { text-align: center; clear: both; padding: 0 15px 15px } footer .accordion .sm3 { padding: 0 } footer .accordion h4 { color: #fff; font-weight: 400; font-size: 14px; cursor: pointer; background-position: right -951px; display: inline-block; margin-bottom: 0; padding: 5px 20px 5px 0 } footer .accordion h4.up { background-position: right -904px } footer .accordion .sm3 div { display: none; margin: 5px 0 10px } footer .accordion .sm3 a { padding: 2px 0 } footer .copy { text-align: center; font-size: 12px; padding: 0 15px } footer .err, footer .suc { display: none; margin: 10px 0 0; padding: 5px 10px } .suc { background-color: #dff0d8; color: #333 } .err { background-color: #f2dede; color: #333 } @media(min-width:769px) { .bImg { display: block; width: auto; margin: 0 auto 10px } .reDirect a, .reDirect a:hover { display: inline } .fsWrap { margin-top: -1px } .fs .padRht { padding-right: 5px } .fs .padLft { padding-left: 5px } footer .signUp { background: #0070a0; padding: 15px 5px } footer .accordion ul { margin: 5px 0 0 } footer .err, footer .suc { margin: 10px 10px 0 } .inputGrp { position: relative; display: table; border-collapse: separate } .inputGrp .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0 } .inputGrpBox { display: table-cell; width: 1%; white-space: nowrap; vertical-align: middle; text-align: center; padding: 0 10px } .opInt .sm4, .prtInt .sm4 { padding-left: 0; padding-right: 23px } .opInt .sm8, .prtInt .sm8 { padding-left: 8px; padding-right: 0 } .opList .det span.ex { padding-left: 5px } .intTxt { display: table; padding-left: 0; padding-right: 0 } .intTxt img { display: block; margin: 0 auto 10px } .intTxt .rowH { display: table-row } .intTxt .colH { display: table-cell; float: none } .intTxt .colT { vertical-align: top } .intTxt .colM { vertical-align: middle } .shIcns { text-align: right } .opTbl { display: table } .opTbl > li { display: table-row } .opTbl > li > div { display: table-cell; vertical-align: middle; margin-bottom: 10px; border-bottom: 1px solid #64b6e6; height: 54px; padding: 10px 0 } .opTbl > li > div:first-child { padding: 0 20px 0 0 } .rouGrpOps { display: table } .rouGrpOps > li { display: table-row } .rouGrpOps > li > div { display: table-cell; vertical-align: middle; margin-bottom: 10px; padding: 10px 0 } .rouGrpOps > li > div:first-child { width: 150px; padding: 10px 20px 10px 0 } .opList > ul > li > div:first-child a { width: 120px } .opList > ul > li > .opMore { display: none; margin-left: 140px } .opList .opMoLk span { background-position: -10px -1470px; width: 40px } .opList .opMoLk.up span { background-position: -10px -1389px } .alts .altImg { width: 130px } .portLst > ul > li > ul > li { width: 33% } .conNav .call { background-position: 0 -1855px; padding-right: 7px; display: block } .ctSum ul > li { width: 33.3333% } .regionMap .mHide { display: block } } @media(min-width:992px) { .railSailSlider { padding-right: 30px; padding-top: 15px; height: 300px } .fsWrap .padRht { padding-right: 0 } .hIntBox { margin: 0 } .hCon { display: table; padding-left: 0; padding-right: 0; margin-bottom: 30px } .hCon .rowH { display: table-row } .hCon .colH { display: table-cell; float: none } .hCon .colT { vertical-align: top } .hCon .colM { vertical-align: middle } .accommI, .onBoardI { display: block } .social { padding-left: 30px; border-left: 1px solid #64b6e6 } .opTbl .sa { width: 150px; display: table-cell } .opTbl .du { display: table-cell } .rouGrpOps .sa { width: 160px; display: table-cell } .rouGrpOps .du { display: table-cell } .opShips .rating { display: block; float: right } .portLst > ul > li > ul > li { width: 25% } .conNav .trvAl { background-position: 0 -1818px; padding-right: 7px; display: block } .conNav li a { font-size: 14px } .conNav .lang > a { padding-right: 18px } .conNav .lang > a > span { padding-left: 26px } .conNav .lang > a > span b { display: inline } .ctSum ul > li { width: 25% } } @media(max-width: 768px) { .subNav .mMenu { float: right } .subNav .mMenu span { background-color: #64b6e6; padding-right: 35px; position: relative } .subNav .mMenu span i { position: absolute; right: 14px; height: 18px; width: 15px; background-position: right -954px } .subNav .mMenu span.up i { background-position: right -906px } .subNav .mMenu span, .subNav .mShow a { margin-right: 0 } .subNav .mHide { display: none } .subNav .mShow { display: block; width: 100% } .subNav ul li.active { position: absolute } .fs .xs6.padRht { padding-right: 5px } .fs .xs6.padLft { padding-left: 5px } .mobAcords { margin-top: -15px; margin-bottom: 15px } .mobAcords.main { margin-top: -30px } .mobAcords.ind { margin-top: -30px } .mobAcords.ind .soLnk { border-bottom: 2px solid #64b6e6 } .mobAcords.ind .soLnk .down { padding-bottom: 10px } .mobAcords .nsLnk, .mobAcords .soLnk { margin: 0 } .mobAcords .nsLnk { border-bottom: 2px solid #64b6e6 } .mobAcords .nsLnk .down { padding-bottom: 10px } .mobAcords .nsLnk ul li:last-child { border: none } .fs .advSer { margin-bottom: 5px } } @media(min-width:992px) and (max-width:1200px) { .carouselIn > .item img { margin-left: -22px } } .rSer .formCon { padding-top: 5px } .rSer .formPopup { background-image: none; padding-top: 0; margin-top: 3px; border-top: 1px solid #eee; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175) } .rSer .formCon, .rSer .popupTitle { border-color: #eee } .rSer .popupClose { top: 5px } .rSer .ulTbl { min-width: 380px } .rSer .ulTbl li div { border-bottom: 1px solid #64b6e6; vertical-align: top; font-size: 13px } .rSer .ulTbl li:first-child div { border-top: none; padding-top: 0 } .rSer .btn { color: #fff; font-size: 12px; background-position: right -1102px; margin-top: 4px } .rSerRou, .rSerRou2 { font-weight: 700; color: #193354; font-size: 14px } .rSerRou2 { padding-top: 5px } .rSerOp { color: #0070a0 } .rSerTer { font-size: 11px; padding: 5px 0 6px; display: block } .rSerLnk:hover { background-color: #e0f1fa } .rSerPri { text-align: right; font-weight: 700; color: #193354 } .rSerPri span { font-size: 14px; display: block } .rSerCon li, .subNav ul li .rSerCon li { display: block } .rSerCon .rSerRem a, .rSerPri .rSerVal { font-size: 11px; font-weight: 400; color: #0070a0 } .rSerMcon { background: #64b6e6; display: none } .rSerMcon .ulTbl li div { border-bottom: 1px solid #fff; vertical-align: top; font-size: 12px; padding: 4px 14px } .rSerMcon .ulTbl li div:first-child { padding-right: 0 } .rSerMcon .ulTbl li div:last-child { padding-left: 0 } .rSerMcon .ulTbl li:first-child div { border-top: 1px solid #fff } .rSerMcon .rSerPri, .rSerMcon .rSerRou, .rSerMcon .rSerRou2 { font-size: 13px; color: #fff } .rSerMcon .rSerOp, .rSerMcon .rSerRem a, .rSerMcon .rSerVal { color: #333 } .rSerMcon .rSerRem a:hover { background-color: transparent; text-decoration: underline } .rSerMcon .rSerVal { line-height: 18px } .rSerMcon .btn { margin-top: 4px } .rSerMcon .btn:hover { background-position: right -1103px; background-color: #dc5829 } .rSerMcon .rSerTer { border-bottom: 1px solid #fff; padding: 5px 14px 6px } .rSerM { position: relative } .rSerM i { position: absolute; right: 14px; height: 18px; width: 15px; background-position: right -955px } .rSerM.up i { background-position: right -907px } .rSerNo { padding: 0 0 8px 0; display: block } .rSerMcon .rSerNo { padding: 0 14px } #backgroundPopup, #backgroundPopupBE { display: none; position: fixed; height: 100%; width: 100%; top: 0; left: 0; background: #000; z-index: 9000 !important } .popUp { width: 75%; max-width: 600px; z-index: 10000 !important; position: absolute; background-color: #fff; border: 3px solid #0070a0; padding: 2px } .popUp .header { background-color: #0070a0; color: #fff; text-align: left; padding-left: 10px; font-size: 14px; line-height: 30px; font-weight: 400; margin: 0 } .popUp .content { padding: 8px 10px 10px 10px; clear: both; max-height: 500px; -webkit-overflow-scrolling: touch; overflow: auto } .popUp .content p { margin-bottom: 10px } .popUp .closeBtn { background-position: -10px -2020px; height: 28px; width: 30px; position: absolute; right: -16px; top: -13px; cursor: pointer } @media(min-width:769px) { .popUp { width: 50% } } .ab-con--wrapper article.ab-con.two { display: none } .HyperLinkTextColor:hover { color: #fff } body { font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif }

Leaving on

Returning on

>Passengers

Pet Details

Passengers

Pet Details

Vehicle Details

Vehicle Details

Why use
Direct Ferries?

Ferries to Singapore

Popular Ferry Operators

Onboard the ferries

Routes and Ports in Singapore

Batam to Singapore

Bintan Island to Singapore

Great Karimun Island to Singapore

Malaysia to Singapore

Leaving on

Returning on

>Passengers

Pet Details

Passengers

Pet Details

Vehicle Details

Vehicle Details

Why use Direct Ferries?

Ferries to Singapore

Popular Ferry Operators

Onboard the ferries

Routes and Ports in Singapore

Batam to Singapore

Bintan Island to Singapore

Great Karimun Island to Singapore

Malaysia to Singapore

Why use
Direct Ferries?