@charset "utf-8";
/* CSS Document */


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-left:5px;
	padding-right:5px;
}


.topheader {
	min-height:30px;
	background:#f00000;
	padding-top:6px;
	color:white;
}


.booking {
	padding-top:15px;
	min-height:260px;
	background:#02209a;
	padding-left:56px;
	margin-top:-40px;
	box-shadow:5px 5px 10px #8f8f8f;
}

.booking strong {
	color:#fff;
}

.booking select, .booking input {
	min-height:25px;
	min-width:170px;
}

.booking input[type="submit"] {
	width:260px;
	background:#f00000;
	color:#fff;
	border:none;
	border-radius:5px;
	margin-top:15px;
	padding:8px;
}

.imnt {
	text-align:left;
	margin-top:-95px;
}

.scam {
	border:2px #333;
	border-style:dashed;
	padding:25px;
	border-radius:10px;
}

.menumenu {
	margin-top:5px;
}

#sunfw_section_promo .container {
	background:#f7f7f7;
	border:30px solid #f7f7f7;
	border-top-left-radius:80px;
	border-bottom-right-radius:80px;
}

.cuveleft {
	border-top-left-radius:80px;
}

.cuveright {
	border-bottom-right-radius:80px;
}


.price {
	padding:30px;	
	color:#fff;
	text-align:center;
}

.location {
	padding:30px;	
	color:#fff;
	text-align:left;
}

.about h1 {
	font-size:30px;
	color:#fff;
	padding-top:10px;
	text-align:center;
}

.about {
	padding:30px;	
	color:#fff;
	text-align:left;
	margin-top:10px;
}

.blue {
	border-color:#02209a;
	background-color:#02209a;
}

.red {
	border-color:#f00000;
	background-color:#f00000;
}

.green {
	background-color:#0C0;
	margin-bottom:10px;
}

.price h2 {
	font-size:18px;
	color:#fff;
	padding-top:10px;
}

.whiteh {
	font-size:30px;
	color:#fff;
	padding-left:30px;
}

.price td {
	padding:5px;
}

.price h1,
.location h1 {
	font-size:30px;
	color:#fff;
}

.location a {
	border:#fff solid 1px;
	padding:5px 15px;
	color:#fff;
}

.price td {
	padding:5px;
	border:2px dotted #fff;
}

.map {
	min-height:569px;
}

.sp-accordion.sp-accordion-style3 .toggler span span {
	line-height:1!Important;
}

.sp-accordion.sp-accordion-style3 .toggler, .sp-accordion.sp-accordion-style3 .toggler span, .sp-accordion.sp-accordion-style3 .toggler span span {
	padding:3px!Important;
	font-size:18px!Important;
	font-weight:200!Important;
	height:auto!Important;
}

strong {
	font-size:16px;
}

a {
	color:#fff;
}

.one {
	background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/ferry/1.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
}

.two {
	background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/ferry/2.png) no-repeat;
	background-position:center center;
	background-size:cover;
}

.three {
	background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/ferry/3.png) no-repeat;
	background-position:center center;
	background-size:cover;
}

.four {
	background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/ferry/4.png) no-repeat;
	background-position:center center;
	background-size:cover;
}

.five {
	background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/ferry/5.png) no-repeat;
	background-position:center center;
	background-size:cover;
}

.six {
	background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/ferry/6.png) no-repeat;
	background-position:center center;
	background-size:cover;
}

.seven {
	background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/ferry/7.png) no-repeat;
	background-position:center center;
	background-size:cover;
}

.eight {
	background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/ferry/8.png) no-repeat;
	background-position:center center;
	background-size:cover;
}

.nine {
	background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/ferry/9.png) no-repeat;
	background-position:center center;
	background-size:cover;
}

.ten {
	background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/ferry/10.png) no-repeat;
	background-position:center center;
	background-size:cover;
}

.eleven {
	background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/ferry/11.png) no-repeat;
	background-position:center center;
	background-size:cover;
}

.twelve {
	background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/ferry/12.png) no-repeat;
	background-position:center center;
	background-size:cover;
}

.aa {
	background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/ferry/a.png) no-repeat;
	background-position:center center;
	background-size:cover;
}

.bb {
	background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/ferry/b.png) no-repeat;
	background-position:center center;
	background-size:cover;
}

.cc {
	background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/ferry/c.png) no-repeat;
	background-position:center center;
	background-size:cover;
}

.dd {
	background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/ferry/d.png) no-repeat;
	background-position:center center;
	background-size:cover;
}

.rayaleft {
	background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/ferry/rl.png) no-repeat;
	background-position:center center;
	background-size:cover;
}

.rayaright {
	background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/ferry/rr.png) no-repeat;
	background-position:center center;
	background-size:cover;
}

.stickright {
	position: fixed;
	right:20px;
	top:15%;
}

.stickright img {
	padding:3px;
	background:#fff;
	box-shadow:2px 2px 10px #8f8f8f;
}

.videoInsert {
    position: absolute; 
    right: 0; 
    bottom: 0;
    min-width: 100%; 
    min-height: 100%;
    width: auto; 
    height: auto; 
    z-index: -100;
    background-size: cover;
    overflow: hidden;
}


@media (max-width: 767px) {
	#sunfw-wrapper {
		padding:0 15px;
	}
	
	.price {
		margin-top:10px;
	}
	
	.location {
		margin-bottom:10px;
	}
	
	.booking {
		margin-top:10px;
	}
	
	.stickright {
		top:50%;
		right:5px;
	}
	
	.stickright img {
		max-width:30px;
	}
}