html,body{ overflow-x:hidden; }
body {
	font-family: 'Overpass', sans-serif;
	font-weight: 200;
	color: #535151;
	font-size: 16px;
	line-height: 24px;
	width: 100%;
	height:100%;
	background-color:#ffffff;
	overflow-x:hidden;
}

/* =========== POSTIDOL ========= */

/* BOAT */
#boatgraphic	{ width:100%; height:auto; left:50%; margin-left:-50%; position:relative; }
@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}

.boat {
	width: 1500px;
	height: 288px;
	left:50%;
	margin-top:-300px;
	margin-left:-800px;
	position:absolute;
	transform: translatey(0px);
	animation: float 6s ease-in-out infinite;
	img { width: 100%; height: auto; }
}

#boattabletl	{ display:none; visibility:hidden; }
#boattabletp	{ display:none; visibility:hidden; } 
#boatphonel		{ display:none; visibility:hidden; }
#boatphonep1	{ display:none; visibility:hidden; }
#boatphonep2	{ display:none; visibility:hidden; }

/* ----- ACCORDIAN MENU (COMPUTER) ----- */
.accordion-menu {
  width: 100%;
  margin: 10px auto 10px;
  background:#EFEFEF;
  border-radius: 4px;
  list-style:none;
}

.accordion-menu li.open .dropdownlink {
  color: #367790;
}
.accordion-menu li.open .dropdownlink .fa-chevron-down {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.accordion-menu li:last-child .dropdownlink {
  border-bottom: 0;
}

.dropdownlink {
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 15px;
  font-size: 18px;
  border-bottom: 1px solid #ccc;
  color: #212121;
  position: relative;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.dropdownlink i {
  position: absolute;
  top: 17px;
  left: 0px;
}
.dropdownlink .fa-chevron-down {
  right: 12px;
  left: auto;
}

.submenuItems {
  display: none;
  background:#ffffff;
  padding:0px;
  padding-left:30px;
  margin-left:-45px;
}
.submenuItems li {
  border-bottom: 1px solid #B6B6B6;
  list-style:none;
  padding:0px;
}

.submenuItems a {
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  color:#ffffff;
}
.submenuItems a:hover {
  color: #ec1208;
}
#map	{ width:100%; height:auto; margin-left:-20px; }


/* Main (computer) */
.main { padding: 2px 0 2px 0; }
.main section { padding-bottom: 10px; }
.main .cols { padding-left:0px; padding-right:0px; width:100%; margin-top:0px; }
.main .cols .col + .col { margin-left:3%; }
.main .cols .col img { width:226px; margin-left:auto; margin-right:auto; }
.main .cols .col .col-cnt { height: 100%; overflow: hidden; }
.main .cols .col1 { width:60%; height:auto; margin-left:auto; margin-right:auto; display: inline-block; vertical-align:text-top; }
.main .cols .col2 { width:25%; height:auto; margin-left:auto; margin-right:auto; display: inline-block; vertical-align:text-top; }
.main .cols .col1 + .col2 { margin-left:7%; }
.main .cols .col3 { width:47%; height:auto; margin-left:auto; margin-right:auto; display: inline-block; vertical-align:text-top; }
.main .cols .col3 + .col3 { margin-left:5%; }
.main .cols .col4	{ width:30%; height:auto; margin-left:auto; margin-right:auto; display: inline-block; vertical-align:text-top; -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44);
-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44);
box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44); border-radius:10px; padding:30px; } 
.main .cols .col4:hover	{ width:30%; height:auto; margin-left:auto; margin-right:auto; display: inline-block; vertical-align:text-top; -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44);
-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44);
box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44); border-radius:10px; padding:30px; }
.main .cols .col4 + .col4 { margin-left:4%; }
#booknowbutton	{ position:absolute; margin-top:51px; margin-left:75% }
#cabinpics		{ width:100%; height:auto; }
#rightpics		{ float:right; padding-left:15px; padding-bottom:15px; width:100%; max-width:500px; }
#leftpics		{ float:left; padding-right:15px; padding-bottom:15px; width:100%; max-width:500px; }

#spacer				{ margin-top:240px; }
#postidollist		{ list-style-position: inside; }
#contactboxleft		{float:left; width:70%; height:auto; min-height:800px; }
#contactboxright	{float:right; width:25%; margin-top:30px; }

/* Search (computer) */
#search 			{ display:none; visibility:hidden; }
#search .input-lg 	{ height:30px; padding: 3px 3px; float:left; font:12px 'Overpass'; border:1px solid #E6E6E6; background:#ffff; border-radius:0 0 7 7px; box-shadow:none; text-shadow:none; }
#search .btn-lg 	{ height:30px; width:30px; padding: 3px 3px; float:left; font:12px 'Roboto', 'trebuchet MS', 'Tahoma'; border:1px solid #E6E6E6; background:#ffff; border-radius:0px 7px 7px 0px; box-shadow:none; text-shadow:none; }

/* Mini-Cart (computer) */
#carticon						{ position:absolute; margin-top:-10px; margin-left:85px; }
#cart 							{ margin-top:69px; margin-bottom:10px; width:120px; margin-left:200px; position:fixed; z-index:100;-webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; }
/* #cart > .btn 					{ font-size:12px; line-height:18px; color:#FFFFFF; background:#1073aa; border:none; box-shadow:none; } */
#cart > .btn 					{ height:30px; min-width:120px; width:auto;padding: 3px 3px; float:left; font:12px 'Roboto Slab', serif; border:1; background-image:none; background-color:#ffffff; border:1px solid #E6E6E6; font-color:#666; box-shadow:none; text-shadow:none; border-radius:7px; border-style:solid; }
#cart.open > .btn 				{ background-image:none; background-color:#1073aa; border:1px solid #E6E6E6; color:#666; box-shadow:none; text-shadow:none; }
#cart.open > .btn:hover 		{ color:#444; }
#cart .dropdown-menu 			{ background:#eee; z-index:1001; }
#cart .dropdown-menu 			{ min-width:100%; }
@media (max-width: 478px) 		{ #cart .dropdown-menu { width:100%; }}
#cart .dropdown-menu table 		{ margin-bottom:10px; }
#cart .dropdown-menu li > div 	{ min-width:427px; padding:0 10px; }
@media (max-width: 478px) 		{ #cart .dropdown-menu li > div { min-width:100%; }}
#cart .dropdown-menu li p 		{ margin:20px 0; }
#cartbox						{ margin-left:140px; }
#mincartbackground 				{ background-color:#bd914a; border-radius:30px; width:27px; height:27px; padding-top:3px; }
#minicart-button				{ background:none; background-color:transparent; border:none; }
#cart-total						{ font-size:12px; font-family: 'Roboto Slab', sans-serif; font-weight:100; color:#666; line-height:22px; min-width:100%; text-align:center;}
#cartbag						{ float:left; padding-bottom:10px; padding-right:10px; margin-top:10px; }
#textcontent					{ position:relative; z-index:10; }
#aboutbox						{ background-image:url("../image/aboutbg.jpg"); background-repeat:no-repeat; background-position:bottom center; width:100%; vertical-align:bottom; padding:20px; }
#socialbox						{ width:250px; float:right; margin-top:-50px; margin-left:-150px; }

.rslides		{ width:100%; height:900px; position:absolute; background-attachment:scroll; z-index:30; margin-top:0px; }
#home1			{ width:100%; height:670px; }
#featuredbox	{ width:600px; height:auto; left:50%; margin-left:-300px; margin-top:18%; position:relative; z-index:100; }
#boxtop1		{ background-image:url("../image/boxtop1.jpg"); background-repeat:repeat-x; background-position:top center; width:100%; height:95px; margin-top:-50px; position:absolute; z-index:1;  }
#boxtop2		{ display:none; visibility:hidden; }
#subbox1		{ width:100%; min-height:300px; height:auto; margin-top:-75px; margin-bottom:20px; background:transparent; }
#content1		{ width:90%; margin-top:50px; left:50%; margin-left:-45%; position:relative; z-index:90; }
#block1			{ float:left; padding-right:10px; padding-bottom:10px; margin-top:-5px; }
#homebookingbox	{ width:518px; height:787px; background-image:url("../image/homebookingbg.jpg"); text-align:center; padding-left:16px; padding-bottom:10px; }
#gallerybox		{ width:94%; margin-top:50px; left:50%; margin-left:-42%; position:relative; }

#subbox2		{ width:100%; min-height:300px; height:auto; margin-top:0px; margin-bottom:20px; background:transparent; }
#content2		{ width:90%; margin-top:0px; left:50%; margin-left:-45%; position:relative; z-index:90; }
.rslides2		{ width:100%; height:600px; position:relative; background-attachment:scroll; z-index:0; margin-top:50px; }
#home2			{ width:100%; height:500px; }
#featuredbox2	{ width:700px; height:auto; margin-left:10%; margin-top:-23%; position:relative; z-index:10; }

#subbox3		{ width:100%; min-height:300px; height:auto; padding-top:30px; margin-bottom:0px; background:#367790; }
#testimonialthumbs { float:left; padding-right:30px; padding-bottom:10px; margin-top:-15px; }
#block2			{ float:left; padding-right:20px; padding-bottom:10px; margin-top:15px; }
#content3		{ width:90%; margin-top:0px; left:50%; margin-left:-45%; position:relative; z-index:100; }

#subbox4		{ width:98%; min-height:100px; height:auto; padding-top:30px; padding-left:30px; padding-right:30px; left:50%; margin-left:-49%; position:relative; margin-bottom:0px; background:#367790; }

#footercolumn1	{ width:auto; max-width:230px; padding-right:50px; }
#footercolumn2	{ width:auto; max-width:330px; padding-right:100px; }
#footercolumn3	{ width:auto; max-width:300px; padding-right:50px; }
.line		{ clear:both; border-bottom:dotted 1px #f2d9d9; padding: 2.5px 0px; max-width:400px; text-align:center; }
#copyrightbox	{ float:right; }

<!----- Testimonial Slider ------>
.bx-wrapper .testimonials-thumbnail{ margin: 0px 0px 15px; }
.bx-wrapper .testimonials-title{ text-align: center;  margin: 25px 15px 3px; font-size: 24px; line-height: 1; }
.bx-wrapper .testimonials-carousel-thumbnail{ max-width: 55%; float: left; margin-right: 20px; }
.bx-wrapper .testimonials-carousel-content{ overflow:hidden; height:auto; min-height:300px; padding-top:30px; }
.bx-wrapper .testimonials-name{ font-size: 18px; margin-bottom: 15px; color:#808080; font-weight:400; text-align:center;}
.bx-wrapper span{ font-size: 12px; color:#aaa; font-family: Georgia, Arial, Helvetica, sans-serif; font-style:italic; }
.bx-wrapper {position:relative; margin:20px auto;padding: 0; width:100%;*zoom: 1;}
.bx-wrapper .slide {padding:0;margin:0;display: block; }
.bx-wrapper .bx-viewport {padding:10px;margin-left:-10px ;z-index:1;width:98%; padding-bottom:30px;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute;display:none;bottom: 30px;width: 100%;}
.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-weight: bold;color: #666;padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #666;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}
.bx-wrapper .bx-next {position:absolute; top:50px; right:-610px; width:34px; height:220px; cursor:pointer; background-image:url(../image/testimonials/next.png);}
.bx-wrapper .bx-prev {position:absolute; top:50px; right:650px; width:34px; height:220px; cursor:pointer; background-image:url(../image/testimonials/prev.png);}
.bx-wrapper .bx-controls-direction a {position:absolute; margin-top:-20px; margin-right:46%; outline:0; width:34px; height:220px; text-indent:-9999px; z-index:10;}

/* default font size */
.fa {
	font-size: 14px;
}
/* Override the bootstrap defaults */
h1 		{ font-family:'Fjalla One', sans-serif; font-size:29px; color:#367790; font-weight:400; line-height:0.8em; }
h2 		{ font-family:'Fjalla One', sans-serif; font-size:72px; text-shadow:#000 1px 1px; color:#ffffff; font-weight:400; line-height:45px; }
h3 		{ font-family:'Roboto Condensed', sans-serif; font-size:28px; color:#ffffff; font-weight:700; line-height:0.8em; text-shadow:#000 1px 1px; }
h4 		{ font-family:'Roboto', sans-serif; font-size:20px; color:#686868; font-weight:400; line-height:0.8em; }
h5 		{ font-family:'Roboto Condensed', sans-serif; font-size:28px; color:#ffffff; font-weight:400; line-height:1.4em; text-shadow:#000 1px 1px; }
h6 		{ font-family:'Fjalla One', sans-serif; font-size:32px; color:#ffffff; font-weight:400; line-height:1.4em; }
a {
	color: #808080;
}
a:hover {
	text-decoration: none;
}
legend {
	font-size: 18px;
	padding: 7px 0px
}
label {
	font-size: 12px;
	font-weight: normal;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
	font-size: 12px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
	font-size: 12px;
}
.input-group .input-group-addon {
	font-size: 12px;
	height: 30px;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display: inline;
}

.nav-tabs {
	margin-bottom: 15px;
}
div.required .control-label:before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}
/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #808080;
	background-repeat: repeat-x;
}
/* top */
#top {
	background-color: #transparent;
	background-image:url("../image/headerbg.png"); background-repeat:repeat-x; background-position:left;
	padding: 0px 0px 3px 0;
	margin: 0 0 20px 0;
	min-height: 218px;
	position:fixed;
	z-index:95;
	width:100%;
	-webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in;
}
#top .container {
	padding: 0 20px;
}
#top #currency .currency-select {
	text-align: left;
}
#top #currency .currency-select:hover {
	text-shadow: none;
	color: #ffffff;
	background-color: #808080;
	background-repeat: repeat-x;
}
#top .btn-link, #top-links li, #top-links a {
	color: #000;
	text-decoration: none;
	font-family: 'Overpass', sans-serif;
	font-size:14px;
	font-weight:300;
}
#top .btn-link:hover, #top-links a:hover {
	color: #444;
}
#top-links .dropdown-menu a {
	text-shadow: none;
}
#top-links .dropdown-menu a:hover {
	color: #FFF;
}
#top .btn-link strong {
	font-size: 14px;
        line-height: 14px;
}
#top-links {
	padding-top: 6px;
	-webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in;
}
#top-links a + a {
	margin-left: 15px;
}
/* logo */
#logo {
	width:383px;
	height:167px;
	position:fixed;
	z-index:150;
	margin-top:52px;
	margin-left:-15px;
	-webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in;
}

/* cart */
#cart {
	margin-bottom: 10px;
}
#cart > .btn {
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
}
#cart.open > .btn {
	background-image: none;
	background-color: #FFFFFF;
	border: 1px solid #E6E6E6;
	color: #666;
	box-shadow: none;
	text-shadow: none;
}
#cart.open > .btn:hover {
	color: #444;
}
#cart .dropdown-menu {
	background: #eee;
	z-index: 1001;
}
#cart .dropdown-menu {
	min-width: 100%;
}
	@media (max-width: 478px) {
		#cart .dropdown-menu {
			width: 100%;
		}
	}
#cart .dropdown-menu table {
	margin-bottom: 10px;
}
#cart .dropdown-menu li > div {
	min-width: 427px;
	padding: 0 10px;
}
	@media (max-width: 478px) {
		#cart .dropdown-menu li > div {
			min-width: 100%;
		}
	}
#cart .dropdown-menu li p {
	margin: 20px 0;
}
/* menu */
#menu {
	position:fixed;
	background-color: transparent;
	min-height: 40px;
	z-index:150;
	with:100%;
	max-width:1240px;
	margin-top:60px;
	margin-left:335px;
	margin-right:auto;
	-webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in;
}
#menu .nav > li > a {
	float: left;
	padding-left: 15px;
	font-family: 'Khula', sans-serif;
	font-weight: 600;
	size:18px;
	color: #367790;
	margin-left:30px;
	margin-right:30px;
}
#menu .nav > li:last-child > a {
	float: left;
	padding-left: 15px;
	font-family: 'Khula', sans-serif;
	font-weight: 600;
	size:18px;
	color: #367790;
	margin-right:0px;
}
#menu .nav > li > a:hover {
	color: #219ac9;
}
#menu .nav > li:last-child > a:hover {
	color: #219ac9;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
	background-color: transparent;
}
#menu .dropdown-menu {
	padding-bottom: 0;
	margin-left:20px;
	background-color: #ffffff;
}
#menu .dropdown-inner {
	display: table;
}
#menu .dropdown-inner ul {
	display: table-cell;
}
#menu .dropdown-inner a {
	min-width: 200px;
	display: block;
	padding: 3px 20px;
	clear: both;
	line-height: 20px;
	font-family: 'Khula', sans-serif;
	font-weight: 600;
	size:18px;
	color: #0186c6;
}
#menu .dropdown-inner li a:hover {
	color: #FFFFFF;
	background-color:#219ac9;
}
#menu .see-all {
	display: none;
	visibility: hidden;
}
#menu .see-all:hover, #menu .see-all:focus {
	display: none;
	visibility: hidden;
}
#menu #category {
	display:none;
	visibility:collapse;
	height:0px;
}


@media (min-width: 768px) {
	#menu .dropdown:hover .dropdown-menu {
		display: block;
	}
}
@media (max-width: 767px) {
	#menu {
		border-radius: 4px;
		background:#ffffff;
	}
	
	#menu .nav > li {

	background:#ffffff;
}
	
	#menu div.dropdown-inner > ul.list-unstyled {
		display: block;
	}
	#menu div.dropdown-menu {
		margin-left: 0 !important;
		padding-bottom: 10px;
		background:#f2f1f1;
	}
	#menu .dropdown-inner {
		display: block;
	}
	#menu .dropdown-inner a {
		width: 100%;
		color: #000;
	}
	#menu .dropdown-menu a:hover,
	#menu .dropdown-menu ul li a:hover {
		background: rgba(0, 0, 0, 0.1);
		color: #fff;
	}
	#menu .see-all {
		margin-top: 0;
		border: none;
		border-radius: 0;
		color: #fff;
	}
}
@media (max-width: 410px) {
	#menu {
		border-radius: 4px;
		background:#ffffff;
	}
	
	#menu .nav > li {

	background:#ffffff;
}
	
	#menu div.dropdown-inner > ul.list-unstyled {
		display: block;
	}
	#menu div.dropdown-menu {
		margin-left: 0 !important;
		padding-bottom: 10px;
		background:#f2f1f1;
	}
	#menu .dropdown-inner {
		display: block;
	}
	#menu .dropdown-inner a {
		width: 100%;
		color: #000;
	}
	#menu .dropdown-menu a:hover,
	#menu .dropdown-menu ul li a:hover {
		background: rgba(0, 0, 0, 0.1);
		color: #fff;
	}
	#menu .see-all {
		margin-top: 0;
		border: none;
		border-radius: 0;
		color: #fff;
	}
}

/* content */
#content {
	min-height: 600px;
}
/* footer */
footer {
	padding-top: 60px;
	padding-left:30px;
	padding-right:30px;
	background:#ffffff url("../image/footerbg.jpg"); background-repeat:repeat-x; background-position:top;
	color: #e2e2e2;
	min-height:350px;
}
footer hr {
	border-top: none;
	border-bottom: 1px solid #666;
}
footer li {
	font-family: 'Khula', san-serif;
	font-weight:400;
	font-size:16px;
	color: #367790;
	line-height:1.6em;
}
footer a {
	font-family: 'Khula', san-serif;
	font-weight:400;
	font-size:16px;
	color: #367790;
	line-height:1.6em;
}
footer a:hover {
	color: #219ac9;
}
footer h5 {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #367790;
	text-shadow:none;
}
/* alert */
.alert {
	padding: 8px 14px 8px 14px;
}
/* breadcrumb */
.breadcrumb {
	margin: 0 0 20px 0;
	padding: 8px 0;
	border: 1px solid #ddd;
}
.breadcrumb i {
	font-size: 15px;
}
.breadcrumb > li {
	text-shadow: 0 1px 0 #FFF;
	padding: 0 20px;
	position: relative;
	white-space: nowrap;
}
.breadcrumb > li + li:before {
	content: '';
	padding: 0;
}
.breadcrumb > li:after {
	content: '';
	display: block;
	position: absolute;
	top: -3px;
	right: -5px;
	width: 26px;
	height: 26px;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.pagination {
	margin: 0;
}
/* buttons */
.buttons {
	margin: 1em 0;
}
.btn {
	padding: 7.5px 12px;
	font-size: 12px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn-xs {
	font-size: 9px;
}
.btn-sm {
	font-size: 10.2px;
}
.btn-lg {
	padding: 10px 16px;
	font-size: 15px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
	font-size: 12px;
}
.btn-group > .btn-xs {
	font-size: 9px;
}
.btn-group > .btn-sm {
	font-size: 10.2px;
}
.btn-group > .btn-lg {
	font-size: 15px;
}
.btn-default {
	color: #777;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #e7e7e7;
	background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
	background-repeat: repeat-x;
	border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
}
.btn-primary {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #808080;
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	background-color: #1f90bb;
	background-position: 0 -15px;
}
.btn-warning {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #da4f49;
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-success {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #df5c39;
	background-image: linear-gradient(to bottom, #e06342, #dc512c);
	background-repeat: repeat-x;
	border-color: #dc512c #dc512c #a2371a;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
	background-image: none;
	background-color: #df5c39;
}
.btn-link {
	border-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: #808080;
	border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	box-shadow: none;
}
.btn-inverse {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
	background-color: #222222;
	background-image: linear-gradient(to bottom, #333333, #111111);
}
/* list group */
.list-group a {
	border: 1px solid #DDDDDD;
	color: #888888;
	padding: 8px 12px;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
	color: #444444;
	background: #eeeeee;
	border: 1px solid #DDDDDD;
	text-shadow: 0 1px 0 #FFF;
}
/* carousel */
.carousel-caption {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
	content: '\f053';
	font-family: FontAwesome;
}
.carousel-control .icon-next:before {
	content: '\f054';
	font-family: FontAwesome;
}
/* product list */
.product-thumb {
	border: 1px solid #ddd;
	margin-bottom: 20px;
	overflow: auto;
}
.product-thumb .image {
	text-align: center;
}
.product-thumb .image a {
	display: block;
}
.product-thumb .image a:hover {
	opacity: 0.8;
}
.product-thumb .image img {
	margin-left: auto;
	margin-right: auto;
}
.product-grid .product-thumb .image {
	float: none;
}
@media (min-width: 767px) {
.product-list .product-thumb .image {
	float: left;
	padding: 0 15px;
}
}
.product-thumb h4 {
	font-weight: bold;
}
.product-thumb .caption {
	padding: 0 20px;
	min-height: 180px;
}
.product-list .product-thumb .caption {
	margin-left: 230px;
}
@media (max-width: 1200px) {
.product-grid .product-thumb .caption {
	min-height: 210px;
	padding: 0 10px;
}
}
@media (max-width: 767px) {
.product-list .product-thumb .caption {
	min-height: 0;
	margin-left: 0;
	padding: 0 10px;
}
.product-grid .product-thumb .caption {
	min-height: 0;
}
}
.product-thumb .rating {
	padding-bottom: 10px;
}
.rating .fa-stack {
	font-size: 8px;
}
.rating .fa-star-o {
	color: #999;
	font-size: 15px;
}
.rating .fa-star {
	color: #FC0;
	font-size: 15px;
}
.rating .fa-star + .fa-star-o {
	color: #E69500;
}
h2.price {
	margin: 0;
}
.product-thumb .price {
	color: #444;
}
.product-thumb .price-new {
	font-weight: 600;
}
.product-thumb .price-old {
	color: #999;
	text-decoration: line-through;
	margin-left: 10px;
}
.product-thumb .price-tax {
	color: #999;
	font-size: 12px;
	display: block;
}
.product-thumb .button-group {
	border-top: 1px solid #ddd;
	background-color: #eee;
	overflow: auto;
}
.product-list .product-thumb .button-group {
	border-left: 1px solid #ddd;
}
@media (max-width: 768px) {
	.product-list .product-thumb .button-group {
		border-left: none;
	}
}
.product-thumb .button-group button {
	width: 60%;
	border: none;
	display: inline-block;
	float: left;
	background-color: #eee;
	color: #888;
	line-height: 38px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
.product-thumb .button-group button + button {
	width: 20%;
	border-left: 1px solid #ddd;
}
.product-thumb .button-group button:hover {
	color: #444;
	background-color: #ddd;
	text-decoration: none;
	cursor: pointer;
}
@media (max-width: 1200px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}
}
@media (max-width: 767px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}
}
.thumbnails {
	overflow: auto;
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}
.thumbnails > li {
	margin-left: 20px;
}
.thumbnails {
	margin-left: -20px;
}
.thumbnails > img {
	width: 100%;
}
.image-additional a {
	margin-bottom: 20px;
	padding: 5px;
	display: block;
	border: 1px solid #ddd;
}
.image-additional {
	max-width: 78px;
}
.thumbnails .image-additional {
	float: left;
	margin-left: 20px;
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left  .product-layout .col-md-3 {
       width: 100%;
    }
    #column-left + #content .product-layout .col-md-3 {
       width: 50%;
    }
    #column-left + #content + #column-right .product-layout .col-md-3{
       width: 100%;
    }
    #content + #column-right .product-layout .col-md-3{
       width: 100%;
    }
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout,
#column-right .product-layout {
	width: 100%;
}

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
	min-width: 50px;
}

/* 1680 display */
@media only screen and ( min-width: 1601px) and ( max-width: 1855px ) {
	#boxtop2		{ display:none; visibility:hidden; }
#top {
	background-color: #transparent;
	background-image:url("../image/headerbg.png"); background-repeat:repeat-x; background-position: -100px 0px;
	padding: 0px 0px 3px 0;
	margin: 0 0 20px 0;
	min-height: 218px;
	position:fixed;
	z-index:150;
	width:100%;
	-webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in;
}
#cart 			{ margin-top:69px; margin-bottom:10px; width:120px; margin-left:250px; position:fixed; z-index:200;-webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; }
.rslides		{ height:870px; }
#featuredbox2	{ width:700px; height:auto; margin-left:10%; margin-top:-26%; position:relative; z-index:10; }
#booknowbutton	{ position:absolute; margin-top:51px; margin-left:80% }
#menu {
	position:fixed;
	background-color: transparent;
	min-height: 40px;
	z-index:160;
	with:100%;
	max-width:1240px;
	margin-top:60px;
	margin-left:225px;
	margin-right:auto;
	-webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in;
}
#menu .nav > li > a {
	float: left;
	padding-left: 15px;
	font-family: 'Khula', sans-serif;
	font-weight: 400;
	size:18px;
	color: #367790;
	margin-left:30px;
	margin-right:30px;
}
#gallerybox		{ width:94%; margin-top:50px; left:50%; margin-left:-43%; position:relative; }
}

/* 1366 display */
@media only screen and ( min-width: 1369px) and ( max-width: 1600px ) {
#top {
	background-color: #transparent;
	background-image:url("../image/headerbg.png"); background-repeat:repeat-x; background-position: -100px 0px;
	padding: 0px 0px 3px 0;
	margin: 0 0 20px 0;
	min-height: 218px;
	position:fixed;
	z-index:150;
	width:100%;
	-webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in;
}
#cart 			{ margin-top:69px; margin-bottom:10px; width:120px; margin-left:200px; position:fixed; z-index:200;-webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; }
.rslides		{ height:800px; }
#featuredbox2	{ width:700px; height:auto; margin-left:10%; margin-top:-34%; position:relative; z-index:10; }
#booknowbutton	{ position:absolute; margin-top:51px; margin-left:78% }
#menu {
	position:fixed;
	background-color: transparent;
	min-height: 40px;
	z-index:160;
	with:100%;
	max-width:1240px;
	margin-top:60px;
	margin-left:245px;
	margin-right:auto;
	-webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in;
}
#menu .nav > li > a {
	float: left;
	padding-left: 15px;
	font-family: 'Khula', sans-serif;
	font-weight: 400;
	size:18px;
	color: #367790;
	margin-left:10px;
	margin-right:10px;
}
#gallerybox		{ width:94%; margin-top:50px; left:50%; margin-left:-45%; position:relative; }
#content1		{ width:96%; margin-top:50px; left:50%; margin-left:-48%; position:relative; z-index:100; }
.main .cols .col1 { width:57%; height:auto; margin-left:auto; margin-right:auto; display: inline-block; vertical-align:text-top; }
.main .cols .col2 { width:25%; height:auto; margin-left:auto; margin-right:auto; display: inline-block; vertical-align:text-top; }
.main .cols .col1 + .col2 { margin-left:3%; }
}

/* 1280 display */
@media only screen and ( min-width: 1248px) and ( max-width: 1368px ) {
#top {
	background-color: #transparent;
	background-image:url("../image/headerbg.png"); background-repeat:repeat-x; background-position: -120px 0px;
	padding: 0px 0px 3px 0;
	margin: 0 0 20px 0;
	min-height: 218px;
	position:fixed;
	z-index:150;
	width:100%;
	-webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in;
}
#cart 			{ margin-top:69px; margin-bottom:10px; width:120px; margin-left:160px; position:fixed; z-index:200;-webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; }
.rslides		{ height:800px; }
#featuredbox2	{ width:700px; height:auto; margin-left:10%; margin-top:-34%; position:relative; z-index:10; }
#booknowbutton	{ position:absolute; margin-top:51px; margin-left:76% }
#menu {
	position:fixed;
	background-color: transparent;
	min-height: 40px;
	z-index:160;
	with:100%;
	max-width:1240px;
	margin-top:60px;
	margin-left:235px;
	margin-right:auto;
	-webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in;
}
#menu .nav > li > a {
	float: left;
	padding-left: 15px;
	font-family: 'Khula', sans-serif;
	font-weight: 400;
	size:18px;
	color: #367790;
	margin-left:4px;
	margin-right:4px;
}

#boxtop2		{ display:none; visibility:hidden; }
#gallerybox		{ width:94%; margin-top:50px; left:50%; margin-left:-45%; position:relative; }
#content1		{ width:96%; margin-top:50px; left:50%; margin-left:-48%; position:relative; z-index:100; }
.main .cols .col1 { width:54%; height:auto; margin-left:auto; margin-right:auto; display: inline-block; vertical-align:text-top; }
.main .cols .col2 { width:25%; height:auto; margin-left:auto; margin-right:auto; display: inline-block; vertical-align:text-top; }
.main .cols .col1 + .col2 { margin-left:3%; }
.bx-wrapper .bx-next {position:absolute; top:50px; right:-510px; width:34px; height:220px; cursor:pointer; background-image:url(../image/testimonials/next.png);}
.bx-wrapper .bx-prev {position:absolute; top:50px; right:550px; width:34px; height:220px; cursor:pointer; background-image:url(../image/testimonials/prev.png);}
}

/* tablet landscape */
@media only screen and ( min-width: 981px) and ( max-width: 1247px ) {
#boxtop1			{ z-index:70; }

#boatgraphic	{ display:none; visibility:hidden; }
@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(0px);
	}
	100% {
		transform: translatey(0px);
	}
}

.boat {
	display:none; visibility:hidden;
}
#boxtop2		{ display:none; visibility:hidden; }
#boattabletl		{ width:900px; height:auto; left:50%; margin-left:-450px; position:absolute; display:block; visibility:visible; margin-top:-225px; z-index:60; }
#boattabletp	{ display:none; visibility:hidden; } 
#boatphonel		{ display:none; visibility:hidden; }
#boatphonep1	{ display:none; visibility:hidden; }
#boatphonep2	{ display:none; visibility:hidden; }
#top {
	background-color: #transparent;
	background-image:url("../image/headerbg.png"); background-repeat:repeat-x; background-position: -110px 0px;
	padding: 0px 0px 3px 0;
	margin: 0 0 20px 0;
	min-height: 218px;
	position:fixed;
	z-index:150;
	width:100%;
	-webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in;
}
#cart 			{ margin-top:69px; margin-bottom:10px; width:120px; margin-left:110px; position:fixed; z-index:200;-webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; }
.rslides		{ height:790px; }
#featuredbox	{ width:600px; height:auto; left:50%; margin-left:-300px; margin-top:27%; position:relative; z-index:100; }
#featuredbox2	{ width:700px; height:auto; margin-left:10%; margin-top:-45%; position:relative; z-index:10; }
#booknowbutton	{ display:none; visibility:hidden; }
#menu {
	position:fixed;
	background-color: transparent;
	min-height: 40px;
	z-index:160;
	with:100%;
	max-width:1240px;
	margin-top:60px;
	margin-left:235px;
	margin-right:auto;
	-webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in;
}
#menu .nav > li > a {
	float: left;
	padding-left: 15px;
	font-family: 'Khula', sans-serif;
	font-weight: 400;
	size:18px;
	color: #367790;
	margin-left:-3px;
	margin-right:-3px;
}
#gallerybox		{ width:98%; margin-top:50px; left:50%; margin-left:-49%; position:relative; }
#content1		{ width:96%; margin-top:50px; left:50%; margin-left:-48%; position:relative; z-index:100; }
.main .cols .col1 { width:42%; height:auto; margin-left:auto; margin-right:auto; display: inline-block; vertical-align:text-top; }
.main .cols .col2 { width:35%; height:auto; margin-left:auto; margin-right:auto; display: inline-block; vertical-align:text-top; }
.main .cols .col1 + .col2 { margin-left:3%; }
.main .cols .col3 { width:98%; height:auto; left:50%; margin-left:-49%; margin-right:auto; display:block; vertical-align:text-top; position:relative; }
.main .cols .col3 + .col3 { margin-left:-49%; margin-top:50px; }
.main .cols .col4	{ width:98%; height:auto; left:50%; margin-left:-49%; margin-right:auto; display:block; vertical-align:text-top; position:relative; -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44);
-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44);
box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44); border-radius:10px; padding:30px; } 
.main .cols .col4:hover	{ width:98%; height:auto; left:50%; margin-left:-49%; margin-right:auto; display:block; vertical-align:text-top; position:relative; -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44);
-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44);
box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44); border-radius:10px; padding:30px; } 
.main .cols .col4 + .col4 { margin-left:-49%; margin-top:50px; }
.bx-wrapper .bx-next { display:none; visibility:hidden; }
.bx-wrapper .bx-prev { display:none; visibility:hidden; }

footer {
	padding-top: 60px;
	padding-left:0px;
	padding-right:0px;
	background:#ffffff url("../image/footerbg.jpg"); background-repeat:repeat-x; background-position:top;
	color: #e2e2e2;
	min-height:350px;
}
#footercolumn2	{ width:auto; max-width:330px; padding-right:40px; }
}

/* tablet portrait */
@media only screen and ( min-width: 645px) and ( max-width: 980px ) {
#boxtop1			{ z-index:70; }
#boattabletp		{ width:700px; height:auto; left:50%; margin-left:-350px; position:absolute; display:block; visibility:visible; margin-top:-190px; z-index:60; }
#boattabletl	{ display:none; visibility:hidden; } 
#boatphonel		{ display:none; visibility:hidden; }
#boatphonep1	{ display:none; visibility:hidden; }
#boatphonep2	{ display:none; visibility:hidden; }
#boatgraphic	{ display:none; visibility:hidden; }
@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(0px);
	}
	100% {
		transform: translatey(0px);
	}
}

.boat {
	display:none; visibility:hidden;
}
#boxtop1		{ display:none; visibility:hidden; }
#boxtop2		{ background-image:url("../image/boxtop2.jpg"); background-repeat:repeat-x; background-position:top center; width:100%; height:95px; margin-top:-50px; position:absolute; z-index:75;  display:block; visibility:visible; }

#top {
	background-color: #transparent;
	background-image:url("../image/headerbg.png"); background-repeat:repeat-x; background-position: -110px 0px;
	padding: 0px 0px 3px 0;
	margin: 0 0 20px 0;
	min-height: 218px;
	position:fixed;
	z-index:150;
	width:100%;
	-webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in;
}
#cart 			{ display:none; visibility:hidden; }
#home1			{ width:100%; height:500px; }
.rslides		{ height:750px; z-index:0; }
#featuredbox	{ width:600px; height:auto; left:50%; margin-left:-300px; margin-top:50%; position:relative; z-index:100; }
#featuredbox2	{ width:700px; height:auto; margin-left:10%; margin-top:-55%; position:relative; z-index:10; }
#booknowbutton	{ display:none; visibility:hidden; }
#homebookingbox	{ width:518px; height:auto; background-image:url("../image/homebookingbg.jpg"); text-align:center; padding-left:0px; padding-bottom:-2px; left:50%; margin-left:-257px; position:relative; }
#menu {
	position:fixed;
	background-color: transparent;
	min-height: 40px;
	z-index:160;
	with:100%;
	max-width:1240px;
	margin-top:60px;
	margin-left:250px;
	margin-right:auto;
	-webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in;
}
#menu .nav > li > a {
	float: left;
	padding-left: 10px;
	font-family: 'Khula', sans-serif;
	font-weight: 400;
	size:16px;
	color: #367790;
	margin-left:-5px;
	margin-right:-5px;
}

#menu .nav > li:last-child > a {
	display:none; visibility:hidden;
}

#contactboxleft		{float:left; width:60%; height:auto; min-height:800px; }
#contactboxright	{float:right; width:35%; margin-top:30px; }
#gallerybox		{ width:98%; margin-top:50px; left:50%; margin-left:-49%; position:relative; }
#content1		{ width:96%; margin-top:50px; left:50%; margin-left:-48%; position:relative; z-index:100; }
.main .cols .col1 { width:98%; height:auto; left:50%; margin-left:-49%; margin-right:auto; display:block; vertical-align:text-top; position:relative; }
.main .cols .col2 { width:98%; height:auto; left:50%; margin-left:-49%; margin-right:auto; display:block; vertical-align:text-top; position:relative; }
.main .cols .col1 + .col2 { margin-left:-49%; margin-top:50px; }
.main .cols .col3 { width:98%; height:auto; left:50%; margin-left:-49%; margin-right:auto; display:block; vertical-align:text-top; position:relative; }
.main .cols .col3 + .col3 { margin-left:-49%; margin-top:50px; }
.main .cols .col4	{ width:98%; height:auto; left:50%; margin-left:-49%; margin-right:auto; display:block; vertical-align:text-top; position:relative; -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44);
-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44);
box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44); border-radius:10px; padding:30px; } 
.main .cols .col4:hover	{ width:98%; height:auto; left:50%; margin-left:-49%; margin-right:auto; display:block; vertical-align:text-top; position:relative; -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44);
-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44);
box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44); border-radius:10px; padding:30px; } 
.main .cols .col4 + .col4 { margin-left:-49%; margin-top:50px; }
.bx-wrapper .bx-next { display:none; visibility:hidden; }
.bx-wrapper .bx-prev { display:none; visibility:hidden; }

footer {
	padding-top: 60px;
	padding-left:0px;
	padding-right:0px;
	background:#ffffff url("../image/footerbg.jpg"); background-repeat:repeat-x; background-position:top;
	color: #e2e2e2;
	min-height:350px;
}
#footercolumn2	{ width:auto; max-width:330px; padding-right:40px; }
#creditcards	{ margin-left:-50px; }
}

/* phone - landscape */
@media only screen and ( min-width: 411px) and ( max-width: 644px ) {
#boxtop1			{ z-index:70; }
#boatphonel		{ width:400px; height:auto; left:50%; margin-left:-200px; position:absolute; display:block; visibility:visible; margin-top:-145px; z-index:60; }
#boattabletl	{ display:none; visibility:hidden; } 
#boattabletp	{ display:none; visibility:hidden; }
#boatphonep1	{ display:none; visibility:hidden; }
#boatphonep2	{ display:none; visibility:hidden; }
#boatgraphic	{ display:none; visibility:hidden; }
#boatgraphic	{ display:none; visibility:hidden; }

@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(0px);
	}
	100% {
		transform: translatey(0px);
	}
}

.boat {
	display:none; visibility:hidden;
}
#boxtop1		{ display:none; visibility:hidden; }
#boxtop2		{ background-image:url("../image/boxtop2.jpg"); background-repeat:repeat-x; background-position:top center; width:100%; height:95px; margin-top:-50px; position:absolute; z-index:75; display:block; visibility:visible; }

h2 		{ font-family:'Fjalla One', sans-serif; font-size:50px; text-shadow:#000 1px 1px; color:#ffffff; font-weight:400; line-height:1.0em; }
h3		{ line-height:1.0em; }
#logo	{ z-index:200; }
#top {
	background-color: #transparent;
	background-image:url("../image/headerbg.png"); background-repeat:repeat-x; background-position: -40px -25px;
	padding: 0px 0px 3px 0;
	margin: 0 0 20px 0;
	min-height: 218px;
	position:fixed;
	z-index:150;
	width:100%;
	-webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in;
}
#cart 			{ display:none; visibility:hidden; }
#spacer			{ margin-top:165px; }
#menu	{ margin-top:30px; margin-left:-15px; width:100%; padding-top:5px; z-index:450; background-color:transparent; position:fixed; }
#menu .btn-navbar {
	font-size: 15px;
	font-stretch: expanded;
	color: #fff;
	padding: 2px 18px;
	background: #46bdf1;
	background-repeat: repeat-x;
	
}

#menu .nav > li {
	background-color:#fffff;
}
#menu .nav > li > a {
	float: none;
	padding-left: 15px;
	font-family: 'Khula', sans-serif;
	font-weight: 400;
	size:16px;
	color: #5c5c5c;
	margin-left:40px;
	margin-right:40px;
	text-align:center;
	background-color:#fffff;
	border-bottom:#999 1px solid;
}
#menu .nav > li:last-child > a {
	float: none;
	padding-left: 15px;
	font-family: 'Khula', sans-serif;
	font-weight: 400;
	size:16px;
	color: #5c5c5c;
	margin-right:0px;
	margin-left:0px;
	text-align:center;
}

#menu .nav > li:first-child > a {
	float: none;
	padding-left: 15px;
	font-family: 'Khula', sans-serif;
	font-weight: 400;
	size:16px;
	color: #5c5c5c;
	margin-right:0px;
	margin-left:0px;
	text-align:center;
	border-top:#999 1px solid;
}
	
	
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
	color: #ffffff;
	background-color: #0186c6;
}

#contactboxleft		{float:none; width:100%; height:auto; min-height:800px; }
#contactboxright	{float:none; width:100%; margin-top:30px; }
#gallerybox		{ width:100%; margin-top:50px; left:50%; margin-left:-50%; position:relative; }
.rslides		{ width:100%; height:700px; position:absolute; background-attachment:scroll; z-index:0; margin-top:0px; }
#home1			{ width:100%; height:450px; }
#featuredbox	{ width:90%; height:auto; left:50%; margin-left:-45%; margin-top:90%; position:relative; z-index:100; }
.cd-headline	{ display:none; visibility:hidden; }
#featuredbox2	{ width:90%; height:auto; margin-left:5%; margin-top:-125%; position:relative; z-index:10; }
#booknowbutton	{ display:none; visibility:hidden; }
#homebookingbox	{ width:410px; height:auto; background-image:none; text-align:center; padding-left:0px; padding-bottom:-2px; left:50%; margin-left:-200px; position:relative; }
#content1		{ width:96%; margin-top:50px; left:50%; margin-left:-48%; position:relative; z-index:100; }
#content2		{ width:90%; margin-top:100px; left:50%; margin-left:-45%; position:relative; z-index:100; }
.main .cols .col1 { width:98%; height:auto; left:50%; margin-left:-49%; margin-right:auto; display:block; vertical-align:text-top; position:relative; }
.main .cols .col2 { width:100%; height:auto; left:50%; margin-left:-45%; margin-right:auto; display:block; vertical-align:text-top; position:relative; }
.main .cols .col1 + .col2 { margin-left:-49%; margin-top:50px; }
.main .cols .col3 { width:98%; height:auto; left:50%; margin-left:-49%; margin-right:auto; display:block; vertical-align:text-top; position:relative; }
.main .cols .col3 + .col3 { margin-left:-49%; margin-top:50px; }
.main .cols .col4	{ width:98%; height:auto; left:50%; margin-left:-49%; margin-right:auto; display:block; vertical-align:text-top; position:relative; -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44);
-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44);
box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44); border-radius:10px; padding:30px; } 
.main .cols .col4:hover	{ width:98%; height:auto; left:50%; margin-left:-49%; margin-right:auto; display:block; vertical-align:text-top; position:relative; -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44);
-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44);
box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44); border-radius:10px; padding:30px; } 
.main .cols .col4 + .col4 { margin-left:-49%; margin-top:50px; }
#subbox2		{ width:100%; min-height:300px; height:auto; margin-top:0px; margin-bottom:20px; background:transparent; }
#subbox3		{ width:100%; min-height:200px; height:auto; padding-top:0px; margin-bottom:0px; background:#367790; }
.bx-wrapper .bx-next { display:none; visibility:hidden; }
.bx-wrapper .bx-prev { display:none; visibility:hidden; }
#spacer			{ margin-top:165px; }
#testimonialthumbs { float:none; width:200px; left:50%; margin-left:-100px; padding-right:0px; padding-bottom:10px; margin-top:-15px; position:relative;}
#block2			{ display:none; visibility:hidden; }

footer {
	padding-top: 60px;
	padding-left:0px;
	padding-right:0px;
	background:#ffffff url("../image/footerbg.jpg"); background-repeat:repeat-x; background-position:top;
	color: #e2e2e2;
	min-height:350px;
}
#footercolumn2	{ width:auto; max-width:330px; padding-right:40px; }
#creditcards	{ margin-left:-50px; }
}

/* phone - portrait */
@media only screen and ( min-width: 321px) and ( max-width: 410px ) { 
#boxtop1			{ z-index:70; }

#boattabletl	{ display:none; visibility:hidden; } 
#boattabletp	{ display:none; visibility:hidden; }
#boatphonel		{ display:none; visibility:hidden; }
#boatphonep2	{ display:none; visibility:hidden; }
#boatgraphic	{ display:none; visibility:hidden; }
#boatgraphic	{ display:none; visibility:hidden; }

#boatphonep1		{ width:300px; height:auto; left:50%; margin-left:-150px; position:absolute; display:block; visibility:visible; margin-top:-130px; z-index:60; }
#boatgraphic	{ display:none; visibility:hidden; }
@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(0px);
	}
	100% {
		transform: translatey(0px);
	}
}

.boat {
	display:none; visibility:hidden;
}
#boxtop1		{ display:none; visibility:hidden; }
#boxtop2		{ background-image:url("../image/boxtop2.jpg"); background-repeat:repeat-x; background-position:top center; width:100%; height:95px; margin-top:-50px; position:absolute; z-index:75; display:block; visibility:visible; }

h2 		{ font-family:'Fjalla One', sans-serif; font-size:50px; text-shadow:#000 1px 1px; color:#ffffff; font-weight:400; line-height:1.0em; }
h3		{ line-height:0.8em; }
#logo	{ z-index:200; }
#top {
	background-color: #transparent;
	background-image:url("../image/headerbg.png"); background-repeat:repeat-x; background-position: -60px -25px;
	padding: 0px 0px 3px 0;
	margin: 0 0 20px 0;
	min-height: 218px;
	position:fixed;
	z-index:150;
	width:100%;
	-webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in;
}
#cart 			{ display:none; visibility:hidden; }

#menu	{ margin-top:90px; margin-left:-15px; width:100%; padding-top:5px; z-index:450; background-color:transparent; position:fixed; }
#menu .btn-navbar {
	font-size: 15px;
	font-stretch: expanded;
	color: #fff;
	padding: 2px 18px;
	background: #46bdf1;
	background-repeat: repeat-x;
	
}

#menu .nav > li {
	background-color:#fffff;
}
#menu .nav > li > a {
	float: none;
	padding-left: 15px;
	font-family: 'Khula', sans-serif;
	font-weight: 400;
	size:16px;
	color: #5c5c5c;
	margin-left:40px;
	margin-right:40px;
	text-align:center;
	background-color:#fffff;
	border-bottom:#999 1px solid;
}
#menu .nav > li:last-child > a {
	float: none;
	padding-left: 15px;
	font-family: 'Khula', sans-serif;
	font-weight: 400;
	size:16px;
	color: #5c5c5c;
	margin-right:0px;
	margin-left:0px;
	text-align:center;
}

#menu .nav > li:first-child > a {
	float: none;
	padding-left: 15px;
	font-family: 'Khula', sans-serif;
	font-weight: 400;
	size:16px;
	color: #5c5c5c;
	margin-right:0px;
	margin-left:0px;
	text-align:center;
	border-top:#999 1px solid;
}
	
	
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
	color: #ffffff;
	background-color: #0186c6;
}

#contactboxleft		{float:none; width:100%; height:auto; min-height:800px; }
#contactboxright	{float:none; width:100%; margin-top:30px; }
#gallerybox		{ width:100%; margin-top:50px; left:50%; margin-left:-50%; position:relative; }
.rslides		{ width:100%; height:700px; position:absolute; background-attachment:scroll; z-index:0; margin-top:0px; }
#home1			{ width:100%; height:450px; }
#featuredbox	{ width:90%; height:auto; left:50%; margin-left:-45%; margin-top:90%; position:relative; z-index:100; }
.cd-headline	{ display:none; visibility:hidden; }
#featuredbox2	{ width:90%; height:auto; margin-left:5%; margin-top:-145%; position:relative; z-index:10; }
#booknowbutton	{ display:none; visibility:hidden; }
#homebookingbox	{ width:320px; height:auto; background-image:none; text-align:center; padding-left:0px; padding-bottom:-2px; left:50%; margin-left:-155px; position:relative; }
#content1		{ width:96%; margin-top:50px; left:50%; margin-left:-48%; position:relative; z-index:100; }
#content2		{ width:90%; margin-top:100px; left:50%; margin-left:-45%; position:relative; z-index:100; }
.main .cols .col1 { width:98%; height:auto; left:50%; margin-left:-49%; margin-right:auto; display:block; vertical-align:text-top; position:relative; }
.main .cols .col2 { width:100%; height:auto; left:50%; margin-left:-45%; margin-right:auto; display:block; vertical-align:text-top; position:relative; }
.main .cols .col1 + .col2 { margin-left:-49%; margin-top:50px; }
.main .cols .col3 { width:98%; height:auto; left:50%; margin-left:-49%; margin-right:auto; display:block; vertical-align:text-top; position:relative; }
.main .cols .col3 + .col3 { margin-left:-49%; margin-top:50px; }
.main .cols .col4	{ width:98%; height:auto; left:50%; margin-left:-49%; margin-right:auto; display:block; vertical-align:text-top; position:relative; -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44);
-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44);
box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44); border-radius:10px; padding:30px; } 
.main .cols .col4:hover	{ width:98%; height:auto; left:50%; margin-left:-49%; margin-right:auto; display:block; vertical-align:text-top; position:relative; -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44);
-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44);
box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44); border-radius:10px; padding:30px; } 
.main .cols .col4 + .col4 { margin-left:-49%; margin-top:50px; }
#subbox2		{ width:100%; min-height:300px; height:auto; margin-top:0px; margin-bottom:20px; background:transparent; }
#subbox3		{ width:100%; min-height:200px; height:auto; padding-top:0px; margin-bottom:0px; background:#367790; }
.bx-wrapper .bx-next { display:none; visibility:hidden; }
.bx-wrapper .bx-prev { display:none; visibility:hidden; }

#testimonialthumbs { float:none; width:200px; left:50%; margin-left:-100px; padding-right:0px; padding-bottom:10px; margin-top:-15px; position:relative;}
#block2			{ display:none; visibility:hidden; }

footer {
	padding-top: 60px;
	padding-left:0px;
	padding-right:0px;
	background:#ffffff url("../image/footerbg.jpg"); background-repeat:repeat-x; background-position:top;
	color: #e2e2e2;
	min-height:350px;
}
#footercolumn2	{ width:auto; max-width:330px; padding-right:40px; }
#creditcards	{ margin-left:-50px; }
}

/* phone - portrait */
@media only screen and ( min-width: 280px) and ( max-width: 320px ) { 
#boxtop1			{ z-index:70; }

#boattabletl	{ display:none; visibility:hidden; } 
#boattabletp	{ display:none; visibility:hidden; }
#boatphonel		{ display:none; visibility:hidden; }
#boatphonep1	{ display:none; visibility:hidden; }
#boatgraphic	{ display:none; visibility:hidden; }
#boatgraphic	{ display:none; visibility:hidden; }

#boatphonep2		{ width:250px; height:auto; left:50%; margin-left:-125px; position:absolute; display:block; visibility:visible; margin-top:-120px; z-index:60; }
#boatgraphic	{ display:none; visibility:hidden; }
@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(0px);
	}
	100% {
		transform: translatey(0px);
	}
}

#boxtop1		{ display:none; visibility:hidden; }
#boxtop2		{ background-image:url("../image/boxtop2.jpg"); background-repeat:repeat-x; background-position:top center; width:100%; height:95px; margin-top:-50px; position:absolute; z-index:75;   display:block; visibility:visible; }
.boat {
	display:none; visibility:hidden;
}

h2 		{ font-family:'Fjalla One', sans-serif; font-size:50px; text-shadow:#000 1px 1px; color:#ffffff; font-weight:400; line-height:1.0em; }
h3		{ line-height:0.8em; }
#logo	{ z-index:200; }
#top {
	background-color: #transparent;
	background-image:url("../image/headerbg.png"); background-repeat:repeat-x; background-position: -80px -25px;
	padding: 0px 0px 3px 0;
	margin: 0 0 20px 0;
	min-height: 218px;
	position:fixed;
	z-index:150;
	width:100%;
	-webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in;
}
#cart 			{ display:none; visibility:hidden; }

#menu	{ margin-top:90px; margin-left:-15px; width:100%; padding-top:5px; z-index:450; background-color:transparent; position:fixed; }
#menu .btn-navbar {
	font-size: 15px;
	font-stretch: expanded;
	color: #fff;
	padding: 2px 18px;
	background: #46bdf1;
	background-repeat: repeat-x;
	
}

#menu .nav > li {
	background-color:#fffff;
}
#menu .nav > li > a {
	float: none;
	padding-left: 15px;
	font-family: 'Khula', sans-serif;
	font-weight: 400;
	size:16px;
	color: #5c5c5c;
	margin-left:40px;
	margin-right:40px;
	text-align:center;
	background-color:#fffff;
	border-bottom:#999 1px solid;
}
#menu .nav > li:last-child > a {
	float: none;
	padding-left: 15px;
	font-family: 'Khula', sans-serif;
	font-weight: 400;
	size:16px;
	color: #5c5c5c;
	margin-right:0px;
	margin-left:0px;
	text-align:center;
}

#menu .nav > li:first-child > a {
	float: none;
	padding-left: 15px;
	font-family: 'Khula', sans-serif;
	font-weight: 400;
	size:16px;
	color: #5c5c5c;
	margin-right:0px;
	margin-left:0px;
	text-align:center;
	border-top:#999 1px solid;
}
	
	
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
	color: #ffffff;
	background-color: #0186c6;
}
#spacer			{ margin-top:165px; }
#gallerybox		{ width:100%; margin-top:50px; left:50%; margin-left:-50%; position:relative; }
.rslides		{ width:100%; height:650px; position:absolute; background-attachment:scroll; z-index:0; margin-top:0px; }
#home1			{ width:100%; height:450px; }
#featuredbox	{ width:90%; height:auto; left:50%; margin-left:-45%; margin-top:90%; position:relative; z-index:100; }
.cd-headline	{ display:none; visibility:hidden; }
#featuredbox2	{ width:90%; height:auto; margin-left:5%; margin-top:-185%; position:relative; z-index:10; }
#booknowbutton	{ display:none; visibility:hidden; }
#homebookingbox	{ width:300px; height:auto; background-image:none; text-align:center; padding-left:0px; padding-bottom:-2px; left:50%; margin-left:-150px; position:relative; }
#content1		{ width:96%; margin-top:50px; left:50%; margin-left:-48%; position:relative; z-index:100; }
#content2		{ width:90%; margin-top:180px; left:50%; margin-left:-45%; position:relative; z-index:100; }
.main .cols .col1 { width:98%; height:auto; left:50%; margin-left:-49%; margin-right:auto; display:block; vertical-align:text-top; position:relative; }
.main .cols .col2 { width:100%; height:auto; left:50%; margin-left:-45%; margin-right:auto; display:block; vertical-align:text-top; position:relative; }
.main .cols .col1 + .col2 { margin-left:-49%; margin-top:50px; }
.main .cols .col3 { width:98%; height:auto; left:50%; margin-left:-49%; margin-right:auto; display:block; vertical-align:text-top; position:relative; }
.main .cols .col3 + .col3 { margin-left:-49%; margin-top:50px; }
.main .cols .col4	{ width:98%; height:auto; left:50%; margin-left:-49%; margin-right:auto; display:block; vertical-align:text-top; position:relative; -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44);
-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44);
box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44); border-radius:10px; padding:30px; } 
.main .cols .col4:hover	{ width:98%; height:auto; left:50%; margin-left:-49%; margin-right:auto; display:block; vertical-align:text-top; position:relative; -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44);
-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44);
box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.44); border-radius:10px; padding:30px; } 
.main .cols .col4 + .col4 { margin-left:-49%; margin-top:50px; }
#subbox2		{ width:100%; min-height:100px; height:auto; margin-top:0px; margin-bottom:-50px; background:transparent; }
#subbox3		{ width:100%; min-height:200px; height:auto; padding-top:0px; margin-bottom:0px; background:#367790; }
.bx-wrapper .bx-next { display:none; visibility:hidden; }
.bx-wrapper .bx-prev { display:none; visibility:hidden; }

#testimonialthumbs { float:none; width:200px; left:50%; margin-left:-100px; padding-right:0px; padding-bottom:10px; margin-top:-15px; position:relative; }
#block2			{ display:none; visibility:hidden; }

#contactboxleft		{float:none; width:100%; height:auto; min-height:800px; }
#contactboxright	{float:none; width:100%; margin-top:30px; }

footer {
	padding-top: 60px;
	padding-left:0px;
	padding-right:0px;
	background:#ffffff url("../image/footerbg.jpg"); background-repeat:repeat-x; background-position:top;
	color: #e2e2e2;
	min-height:350px;
}
#footercolumn2	{ width:auto; max-width:330px; padding-right:40px; }
#creditcards	{ margin-left:-50px; }
}