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

/***--- DEFAULT & MAIN ---***/

html, body {
	height: 100%;
	margin: 0;
	color: #4f4f50;
}

body {
	font: 14px/1.5 Tahoma, 'Helvetica Neue', 'Liberation Sans', FreeSans, sans-serif;
}

a {
	color: #0073a2;
	text-decoration: underline;
}

.blacklinks p a {
	color: #333333;
	text-decoration: underline;
}

p {
	margin-bottom: 20px;
}

strong a {
	color: #0073a2;
}

a:hover {
	color: #80b7d8;
}

strong a:hover {
	color: #0073a2;
}

a img {
	border: 0;
}

.color-dark {
	color: #4f4f50;
}
.color-primary {
	color: #0073a2;
}

#wrapper {
	min-height: 100%;
	position: relative;
}

.hide {
	display: none;
}

.page-button.hide {
	display: none;
}

th {
	text-align: left;
}

.bluetable th {
	color: #0073a2
}

.left {
	float: left;
}

/* default form styles */
form {
	clear: both;
}

label {
	margin-bottom: 3px;
	color: #0073a2;
	font-weight: bold;
	font-size: 14px;
}

input[type="radio"], input[type="checkbox"] {
	margin: 2px 0px 0px;
}
input.submit.hidden {
	position: absolute;
	display: inherit;
	height: 0px;
	width: 0px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	border: none;
}

.control-group .controls {
	position: relative;
}
.hideonload {
	display: inherit;
}

/* mobile columns */
@media (max-width: 768px) {
	.double-col.row-fluid [class*="span"] {
		float: left;
		width: 48%;
		margin-left: 4%;
	}

	.double-col.row-fluid [class*="span"]:nth-child(2n+1) {
		clear: both !important;
		margin-left: 0;
	}

	.triple-col.row-fluid [class*="span"] {
		float: left;
		width: 30.666%;
		margin-left: 4%;
	}

	.triple-col.row-fluid [class*="span"]:nth-child(3n+1) {
		clear: both !important;
		margin-left: 0;
	}

	.quadruple-col.row-fluid [class*="span"] {
		float: left;
		width: 22%;
		margin-left: 4%;
	}

	.quadruple-col.row-fluid [class*="span"]:nth-child(4n+1) {
		clear: both !important;
		margin-left: 0;
	}
}

/***--- LOGO ---***/
#logo {
    margin: 10px 0;
}
#logo img {
    max-height: 75px;
}
@media (max-width: 768px) {
	#logo {
		position: absolute;
		left: 20px;
		top:0px;
		z-index: 100;
		margin-top: 0;
		margin-bottom: 0;
	}
	#logo img {
		max-height: 42px;
		margin-top: 5px;
	}
}
#logo a {
	display: block;
}

/* for accessibility reasons - without styles variant*/
#logo a span {
	display: none
}

/***--- HEADER ---***/
#header {
	width: 100%;
	position: relative;
	top: 0;
	z-index: 1001;
}

.admin #header {
	height: 155px;
}

@media (max-width: 768px) {
	.admin #header {
		height: auto;
	}
}

#header .logo img {
	max-height: 75px;
}

#header .language img {
	display: none; /*margin-left:0px; width: 37px; float: none; */
}

#banner {
	margin-top: 30px;
	background-image: url('../images/en/headers/header.jpg');
	background-size: 100% auto;
	background-repeat: no-repeat;
    background-position-y: center;
	height: 185px;
	position: relative;
	margin-bottom: 15px;
}

#banner.black-and-white {
	background-image: url('../images/en/headers/black-and-white.jpg');
}

#banner.affiliate {
	background-image: url('../images/en/headers/header-affiliate.jpg');
}

#banner.lonely-planet {
	background-image: url('../images/gilibookings/headers/lonely-planet.png');
}

#banner.fiji {
	background-image: url('../images/fijibookings/Fiji-Bookings-Banner-Image.png');
}

table.admin_grid tr.affiliaterow td {
	background: #ffdddd !important;
}
table.admin_grid tr.border-top td {
	border-top: 2px solid #666;
}

#banner a.groupdiscount {
	display: block;
	position: absolute;
	z-index: 998;
	left: 13px;
	top: 13px;
	width: 400px;
	height: 44px;
}

#banner > div {
	position: relative;
	width: 239px;
	height: 135px !important;
	float: right;
	margin: 15px;
	padding: 11px;
	color: white;
	font-size: 14px;
	line-height: 19px;
	letter-spacing: 0px;
	background-image: url(../images/blue-block.png);
	background-repeat: no-repeat;
}

/* OFFERS */
#banner .pricetext {
	font-size: 14px;
	text-align: left;
}

#banner .pricetext .bigger {
	font-size: 24px;
}

#banner .startingat {
	font-size: 13px;
	float: left;
	line-height: 20px;
	margin-right: 5px;
	margin-top: 9px;
	text-shadow: none;
	display: block;
	text-align: center;
}

#banner .startingat .currency {
	font-size: 70px;
	line-height: 65px;
}

#banner .price {
	font-size: 100px;
	line-height: 100px;
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.offers a {
	color: white;
	text-decoration: none;
}

div.innercycle > .cycle-slide {
	height: 146px;
	width: 239px;
}

.cyclecontrols {
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}

.cyclecontrols span {
	display: inline-block;
	width: 9px;
	height: 9px;
	margin: 0px 2px;
	background-color: #7fd1f2;
	border: 1px solid #7fd1f2;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	-webkit-box-shadow: #000000 0px 0px 3px;
	-moz-box-shadow: #000000 0px 0px 3px;
	box-shadow: #000000 0px 0px 3px;

}

.cyclecontrols span.cycle-pager-active {
	background-color: #ffffff;
	border-color: #ffffff;

}

/* END OFFERS */

/* MOBILE BANNER */
#mobile-banner {
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: 15px;
}
#mobile-banner .banner-buttons {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#mobile-banner .banner-buttons a {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 35%;
	text-align: center;
	background: #0073a2;
	color: white;
	border-top: 2px solid #1ab1ed;
	border-left: 1px solid #0fa6e2;
	border-right: 1px solid #0388bc;
	padding: 7% 0px;
	font-size: 1.1em;
	text-decoration: none;
}
#mobile-banner .banner-buttons a:first-child { width:32.5%; border-left: 0px none; }
#mobile-banner .banner-buttons a:last-child { width:32.5%; border-right: 0px none; }
#mobile-banner .banner-buttons a:hover,#mobile-banner .banner-buttons a.active {
	background: #0fa6e2;
}
#mobile-banner .banner-buttons a img {
	margin-bottom: 5px;
}
#mobile-banner .gradient {
	margin: 0px;
}
#mobile-banner .accordion-group {
	margin-bottom: 0px;
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

/*#banner div strong {font-size:13px;}*/
.language {
	color: #0073a2;
	font-size: 14px;
	text-align: right;
	padding-top: 10px;
	position: static;
	overflow: hidden;
}

.accountheader {
	text-align: right;
}

.accountheader {
	padding-top: 10px;
	position: static;
}

.accountheader small {
	font-size: 10px;
}

.accountheader li {
	text-align: left;
}

#accountSelect {
	margin-top: 10px;
}

#accountSelect select {
	max-width: 200px;
	width: auto;
}

/***--- NAV ---***/
#navigation {
	display: block;
	margin-bottom: 0;
}
@media (min-width: 769px) {
	.navbar-inner {
		background: none;
		filter: none !important;
		padding: 0px;
		min-height: inherit;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		border: none;
		border-radius: 0px;
		border-bottom: 1px solid #C6E5FB;
		background-image: url(../images/menu_bg.png);
		background-repeat: repeat-x;
		background-position: bottom;
	}

	.navbar .nav {
		width: 960px;
	}

	.navbar .nav > li > a {
		padding: 5px 9px 7px;
		color: #0073a2;
		transition: background 0.3s linear 0.3s;
		transition-delay: 0.3s;
		-webkit-transition-delay: 0.3s; /* Safari */
		font-size: 14px;
	}

	.navbar .nav > .active > a,
	.navbar .nav > .active > a:hover,
	.navbar .nav > .active > a:focus,
	.navbar .nav > li > a:hover,
	.navbar .nav > li:hover > a {
		background-color: #fff;
		color: #1b449d;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		position: relative;
		top: 1px;
		padding: 4px 8px 8px;
		border: 1px solid #C6E5FB;
		border-top: none;
		border-bottom: none;
	}

	/* sub-nav */
	.navbar .nav ul.dropdown-menu {
		visibility: hidden;
		display: block;
		opacity: 0;
		transition: opacity 0.3s linear 0.3s, visibility 0.6s linear;
		transition-delay: 0.3s;
		-webkit-transition-delay: 0.3s; /* Safari */
		border: none;
		margin: 0px;
		padding: 0px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		z-index: 1001;
		/*background: none;*/
	}

	.navbar .nav > li > .dropdown-menu:before {
		display: none;
	}

	ul.dropdown-menu.inline {
		white-space: nowrap;
	}

	ul.dropdown-menu.inline > li {
		padding: 0px;
	}

	ul.dropdown-menu.inline > li a {
		padding: 0.4em 1em;
		color: #0073a2;
		text-decoration: none;
	}

	ul.dropdown-menu.inline > li a:hover,
	ul.dropdown-menu.inline > li.selected a,
	ul.dropdown-menu.inline > li.active a {
		color: #1b449d;
		background: none;
		filter: none;
	}

	.navbar .nav > .active > a + ul.dropdown-menu,
	.navbar .nav > li > a:hover + ul.dropdown-menu,
	.navbar .nav > li.active > ul.dropdown-menu,
	.navbar .nav > li:hover >  ul.dropdown-menu,
	ul.dropdown-menu:hover {
		display: block;
		visibility: visible;
		opacity: 1;



		transition: opacity 0.3s linear 0.3s, visibility 0.6s linear;
		transition-delay: 0.3s;
		-webkit-transition-delay: 0.3s; /* Safari */

		border: 1px solid #C6E5FB;
		border-top: none;
		border-bottom: none;
		border-radius: 0px;
	}

	/* hide and show current submenu */
	#navigation.navbar:hover .nav > .active ul.dropdown-menu {
		visibility: hidden;
		opacity: 0;



		transition: opacity 0.3s linear 0.3s, visibility 0.6s linear;
		transition-delay: 0.3s;
		-webkit-transition-delay: 0.3s; /* Safari */
	}

	#navigation.navbar:hover .nav > .active:hover ul.dropdown-menu {
		visibility: visible;
		opacity: 1;



		transition: opacity 0.3s linear 0.3s, visibility 0.6s linear;
		transition-delay: 0.3s;
		-webkit-transition-delay: 0.3s; /* Safari */
	}

	/* acount menu */
	.navbar .nav > li.right {
		float: right;
	}

	.navbar .nav > li.right .dropdown-menu {
		left: auto;
		right: 0px;
	}
}

@media (max-width: 768px) {
	.navbar-inner {
		background: #fff;
		filter: none !important;
		padding: 0px;
		min-height: inherit;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		border: none;
		border-radius: 0px;
		/*border-bottom: 1px solid #C6E5FB;*/
		/*background-image: url(../images/menu_bg.png);*/
		background-repeat: repeat-x;
		background-position: bottom;
	}

	.navbar-static .navbar-inner {
		padding: 0px;
	}

	ul.dropdown-menu.inline {
		display: block;
	}

	ul.dropdown-menu.inline > li {
		float: none;
		display: block;
		background: none;
		filter: none;
	}

	ul.dropdown-menu.inline > li > a {
		filter: none;
		background: none;
		text-decoration: none;
	}

	ul.dropdown-menu.inline > li > a:hover {
		color: #333;
	}

	.navbar .btn-navbar .text {
		float: left;
		margin-left: 30px;
		text-shadow: none;
		color: #0098D4;
		line-height: 0.9em;
		font-weight: bold;
	}

	.navbar {
		position: relative;
		margin-left: -20px;
		margin-right: -20px;
		margin-bottom: 0px;
	}

	.navbar .btn-navbar {
		position: absolute;
		top: -3px;
		right: 10px;
		margin: 0;
		background: none;
		border: none;
		filter: none;
	}
	.navbar .btn-navbar:active,
	.navbar .btn-navbar:hover,
	.navbar .btn-navbar:focus {
		background-color: transparent;
	}

	.navbar .nav-collapse {
		margin-top: 40px;
	}

	.btn-navbar .text {
		display: none;
	}

	.nav-collapse:not(.in) + .btn-navbar .open-menu {
		display: block;
	}

	.nav-collapse.in + .btn-navbar .close-menu {
		display: block;
	}
	.navbar .btn-navbar .icon-bar {
		background-color: #0073a2;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.btn-navbar .icon-bar + .icon-bar {
		margin-top: 5px;
	}
	.navbar .btn-navbar-count {
		float: right;
		background-color: red;
		width: 20px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		margin-left: 25px;
		margin-top: -2px;

		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}
}

.admin-navigation {
	border-bottom: 1px solid #ddd;
	margin-bottom: 5px;
	z-index: 1002;
	position: relative;
	background: #fff;
}

.admin-navigation ul.navigation {
	margin-bottom: 0px;
}

.admin-navigation ul.navigation > li > a {
	margin: 0px;
	padding-left: 7px;
	padding-right: 7px;
	text-decoration: none;
}

li.contact-btn a,
li.shopping-cart a {
	padding: 6px 40px 8px 15px !important;
	margin: 0 0 0 10px !important;
	border: 1px solid #f3a653 !important;
	box-shadow: 0 0 0 1px #ec8618 !important;
	color: #fff !important;
	text-shadow: none !important;
	top: 0 !important;
	position: relative !important;
	font-weight: bold;

	background: #ec8618 !important;
	background: -moz-linear-gradient(top, #f3a653 0%, #ec8618 100%) !important;
	background: -webkit-linear-gradient(top, #f3a653 0%,#ec8618 100%) !important;
	background: linear-gradient(to bottom, #f3a653 0%,#ec8618 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35bfef', endColorstr='#ec8618',GradientType=0 ) !important;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
li.contact-btn a {
	padding: 6px 20px 8px 15px !important;
	border: 1px solid #05a3e4 !important;
	box-shadow: 0 0 0 1px #35bfef !important;
	background: #35bfef !important;
	background: -moz-linear-gradient(top, #05a3e4 0%, #35bfef 100%) !important;
	background: -webkit-linear-gradient(top, #05a3e4 0%,#35bfef 100%) !important;
	background: linear-gradient(to bottom, #05a3e4 0%,#35bfef 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35bfef', endColorstr='#05a3e4',GradientType=0 ) !important;
}
ul.navigation li.contact-btn a:hover {
	background: #05a3e4 !important;
	background: -moz-linear-gradient(top, #35bfef 0%, #05a3e4 100%) !important;
	background: -webkit-linear-gradient(top, #35bfef 0%,#05a3e4 100%) !important;
	background: linear-gradient(to bottom, #35bfef 0%,#05a3e4 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35bfef', endColorstr='#05a3e4',GradientType=0 ) !important;
}
ul.navigation li.shopping-cart a:hover {
	background: #ec8618 !important;
	background: -moz-linear-gradient(top, #ec8618 0%, #f3a653 100%) !important;
	background: -webkit-linear-gradient(top, #ec8618 0%,#f3a653 100%) !important;
	background: linear-gradient(to bottom, #ec8618 0%,#f3a653 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec8618', endColorstr='#f3a653',GradientType=0 ) !important;
}
li.shopping-cart a:after {
	position: absolute;
	right: 7px;
	top: 6px;
	width: 20px;
	height: 20px;
	content: "";
	background-image: url('../images/shopping_cart.png') !important;
	background-position: 50%;
	background-repeat: no-repeat !important;
	background-size: 20px;
}

ul.shopping-cart {
	float: right;
	border: none;
}

.navbar .nav > li.contact-btn,
.navbar .nav > li.shopping-cart {
	position: absolute;
	right: 2px;
	top: -42px;
	z-index: 1000 !important;
	overflow: visible;
	height: 10px;
}

.navbar .nav > li.contact-btn {
	display: none;
}
@media(max-width: 768px) {
	.admin-navigation {
		margin-top: 100px;
		margin-bottom: -95px;
	}

	.navbar .nav > li.shopping-cart {
		display: none;
	}

	.navbar .nav > li.contact-btn {
		display: block;
		top: 5px;
		right: 20px;
	}
}

/***--- FLASH MESSAGES ---***/
#flashmessages {
	background: none repeat scroll 0 0 #E91740;
	border: 1px solid #E91740;
	color: white;
	font-weight: bold;
	left: 50%;
	padding: 5px 36px 5px 10px;
	position: fixed;
	top: 10px;
	z-index: 10010;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: none;
	transform: translate(-50%, 0);
}

#flashmessages a {
    color: #FFFFFF;
}

#flashmessages a.close {
	position: absolute;
	right: 10px;
	top: 6px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: white;
	color: #E91740;
	padding: 1px 5px 5px;
	margin-left: 8px;
	margin-top: 2px;
	line-height: 10px;
    text-decoration: none;
}

.alert {
    background: none repeat scroll 0 0 #FCF7D7;
    border: 1px solid #CCC;
    color: #333;
    padding: 5px 36px 5px 10px;
    border-radius: 5px;
    margin: 10px 0;
}

.alert-info {
	background: none repeat scroll 0 0 #00a8ff;
	border: 1px solid #00a8ff;
	color: white;
	font-weight: bold;
	padding: 5px 36px 5px 10px;
	border-radius: 5px;
	margin: 10px 0px;
}

/* help icons */
.help-icon {
	background-color: #0073a2;/*#E91740;*/
	width: 15px;
	height: 15px;
	text-align: center;
	color: white;
	display: inline-block;
	border-radius: 30px;
	font-weight: normal;
	line-height: 15px;
	font-size: 10px;
}

/***--- CONTENT ---***/
#content {
	/*padding-top: 357px;*/
	position: relative;
}

#content.no-header {
	margin-top: 40px;
}

@media (max-width: 768px) {
	#content.no-header {
		margin-top: 0;
	}

	#top {
		position: fixed;
		z-index: 9999;
		top: 0;
		right: 0;
		left: 0;
		padding-right: 20px;
		padding-left: 20px;
		background-color: #fff;
		height: 54px;
	}
	#top .navbar .nav-collapse {
		max-height: calc(100vh - 54px);
		overflow-y: visible;
	}
	#wrapper {
		padding-top: 95px;
	}

	#logo a {
		max-width: 350px;

	}

	#header img {
		float: none;;
	}

	#header .accountheader {
		display: none;
	}

	#header .language {
		display: none;
	}

	:target::before {
		content: '';
		display: block;
		height: 100px;
		margin-top: -100px;
		visibility: hidden;
	}
}


#content .margin {
	margin-top: 10px;
}

#content .double-margin {
	margin-top: 20px;
}
.tablemaps.double-margin {
	margin-top: 20px;
}

@media (max-width: 768px) {
	#content .margin-mobile {
		margin-top: 10px;
	}

	#content .double-margin-mobile {
		margin-top: 20px;
	}
}

@media (min-width: 769px) {
	#content .margin-desktop {
		margin-top: 10px;
	}

	#content .double-margin-desktop {
		margin-top: 20px;
	}
}

div.iframecontainer {
	position: relative;
	float: left;
}

a.search-home {
	position: absolute;
	top: 34px;
	left: 76px;
	z-index: 100;
	font: 11px/1.5 Tahoma, 'Helvetica Neue', 'Liberation Sans', FreeSans, sans-serif;
	background: #fff;
	left: 77px;
}

a.search-home:hover {
	color: #2b3494;
}

a.search-home.mozilla {
	top: 34px;
}

a.search-home.safari {
	top: 36px;
}

a.search-home.chrome {
	top: 37px;
}

a.search-home.opera {
	top: 34px;
}

a.search-home.msie {
	top: 33px;
	left: 74px;
}

div.mapholder {
	border: 1px solid #ddd;
	background: #fafafa;
	overflow: hidden;
	padding: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: -10px;
}

div.gradient {
	border: 1px solid #ddd;
	padding: 15px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	background: #fafafa;
	overflow: hidden;
}
div.gradient.gradient-success {
	border-color: #029934;
	color: #029934;
	background-color: #cbecd6;
	font-size: 16px;
	font-weight: bold;
}

@media (max-width: 768px) {
	div.gradient {
		border-left: none;
		border-right: none;
		padding: 20px;

		margin-left: -20px;
		margin-right: -20px;

		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
}

@media (min-width: 769px) {
	div.block {
		border: 1px solid #ddd;
		padding: 15px;

		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

	div.block.grey {
		background: #fafafa;
	}
	div.block.blue {
		background: #D8F4FD;
		border-color: #93CEF8;
	}

	div.gradient.min-height {
		min-height: 509px;
	}

	div.gradient.min-half-height {
		min-height: 212px;
	}

	form.hotel_search > .row-fluid {
		padding-top: 26px;
	}

	form.search_form.with-border > .row-fluid > .span6:first-child {
		padding-left: 0%;
		margin-right: 2.5%;
		border-left: none;
	}
}

/* style tables */
div margin-mobile.marginleftright {
	margin-left: 12px;
	margin-right: 12px;
}

div.cmscontent th, div.cmscontent td {
	border: 1px solid #93CEF8;
	padding: 5px;
	border-spacing: 0px;
}
div.cmscontent td:nth-child(even) {
	background-color: #eee;
}

.cmscontent th {
	background-color: #D8F4FD;
}

tr.heading th {
	color: #0098D4;
	background-color: transparent;
	background-image: url(../images/menu_bg.png);
	background-position: bottom;
	background-repeat: repeat-x;
}

tr.noborder th {
	border: none;
}

.cmscontent h1 {
	margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: Arial, sans-serif;
	line-height: 1.2em;
	color: #119bd4;
	letter-spacing: -1px;
	font-weight: bold;
	margin: 0;
}

h1, .h1 {
	font-size: 34px;
	margin-bottom: 10px;
}

h2, .large, .h2 {
	font-size: 28px;
	margin-bottom: 10px;
}

h3, h4, .medium, .h3, .h4 {
	font-size: 20px;
	margin-bottom: 5px;
}

h5, .h5 {
	font-size: 16px;
	margin-bottom: 5px;
}

.dark h1,
.dark h2,
.dark b,
.dark a,
.dark .h1,
.hotel_search .h1 {
	color: #2b3494;
}

.greytext, .greytext a {
	color: #4f4f50;
}

.normal {
	font-weight: normal;
}

i.normal {
	font-style: normal;
}

.accordion_active, .accordion_hover {
	color: #0073a0 !important;
}

.accordion_icon {
	font-size: 20px !important;
    display: inline-block;
    position: absolute;
    right: 10px;
}

.accordion h2 {
    font-size: 20px !important;
    position: relative;
}

.accordion .h4,
.accordion h4 {
    font-size: 18px !important;
}

@media (max-width: 768px) {
    .ui-dialog-content h1 {
        font-size: 18px !important;
    }
    .accordion .h2,
    .accordion h2 {
        font-size: 16px !important;
    }
    .accordion .h3,
    .accordion h3 {
        font-size: 14px !important;
    }
    .accordion .h4,
    .accordion h4 {
        font-size: 14px !important;
    }
}

/* home navigation blocks under search forms */
.photoblock .content a {
	font-weight: bold;
	color: #3e3e3e;
	text-decoration: underline;
}

div.photoblock {
	height: 140px;
	overflow: hidden;
}

div.photoblock {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-repeat: no-repeat;
}

div.photoblock > div {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.8);
	height: 126px;
	width: 154px;
	margin: 7px;
	padding: 0px 7px;
}

div.photoblock.boat {
	background-image: url('../images/en/boat.jpg');
}

div.photoblock.hotel {
	background-image: url('../images/en/hotel-small.jpg');
}

div.photoblock.specials {
	background-image: url('../images/en/hotel-deals-new.png');
}

div.photoblock.diving {
	background-image: url('../images/en/diving-schools-new.png');
}

.adblocks div.photoblock {
	/*margin-top: 8px;*/
}

div.photoblock.first {
	margin-top: 0px;
}

@media (max-width: 768px) {
	div.photoblock {
		margin-top: 10px;
		max-width: 226px;
	}
}

p.title, p.title a {
	color: #0073a2;
	font-size: 25px;
	font-family: Arial;
	font-weight: bold;
	margin-bottom: 0px;
	line-height: 1.3em;
	text-decoration: none;
	letter-spacing: -1px;
}

/* Form elements */
form, fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
textarea.code {
	font-family: Courier New;
	width: 700px;
	height: 60px;
}

dl.zend_form input, dl.zend_form textarea, dl.zend_form select {
	border: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #999 0px 0px 3px;
	-moz-box-shadow: #999 0px 0px 3px;
	box-shadow: #999 0px 0px 3px;
}

#fieldset-hotelfacilities input, #fieldset-sport_recreation input, #fieldset-roomfacilities input {
	border: none !important;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: #999 0px 0px 0px;
	-moz-box-shadow: #999 0px 0px 0px;
	box-shadow: #999 0px 0px 0px;
}
.pickupdropoff-holder {
	margin: 0 0 20px 0;
}
.pickupdropoff-holder label {
	font-size: 15px;
}

.pickupdropoff-holder label input.checkbox {
    width: 18px;
    margin-right: 5px;
}

/*select {padding:0px;height:20px;}*/
.content textarea {
	width: 400px;
}

.content input[type=text] {
	width: 200px;
}

select.autowidth {
	width: auto;
}

.empty_formrow {
	height: 49px;
	clear: both;
}

form.noFloat dl.zend_form {
	float: none;
}

.emailnote {
	font-size: 10px;
	margin-bottom: 10px;
}

dl.zend_form legend {
	font-size: 18px;
	font-weight: bold;
	color: #0073a2;
	white-space: nowrap;
}

dd#country-element {
	padding-bottom: 0px;
}

dl.zend_form .customer-col1 {
	position: relative;
	z-index: 2;
}

dl.zend_form .customer-col1 #street,
dl.zend_form .customer-col1 #creditcard_street {
	width: 375px;
}

dl.zend_form .customer-col1 #number,
dl.zend_form .customer-col1 #creditcard_number {
	width: 375px;
}

dl.zend_form .customer-col3 fieldset {
	margin-bottom: 18px;
}

dl.zend_form .customer-col3 legend {
	font-size: 14px;
	color: #4f4f50;
	padding-top: 8px;
	padding-bottom: 4px;
	white-space: normal;
}

dl.zend_form legend small {
	font-size: 0.9em;
}

dl.zend_form .customer-col3 dt {
	padding-top: 0px;
}

dl.zend_form .customer-col4 .checkbox,
dl.zend_form .customer-col3 .checkbox {
	margin-top: 3px;
	border: none;
	background: none;
	padding: 0px;
}

dl.zend_form .customer-col3 h3 {
	font-size: 0.9em;
}

dl.zend_form .customer-col4 .description {
	padding-left: 20px;
	margin-bottom: 0px;
}

dl.zend_form .customer-col4 .left {
	float: left;
}

dl.zend_form .customer-col4 .pickupnote {
	float: right;
	width: 205px;
	font-size: 10px;
}

dl.zend_form label, .label {
	font-size: 14px;
	font-weight: bold;
	color: #0073a2;
	white-space: nowrap;
}

dl.zend_form dt {
	padding-top: 8px;
	clear: both;
}

dl.zend_form dd {
	padding-bottom: 2px;
	clear: both;
}

dl.zend_form input {
	width: 170px;
	float: left;
}

label.required {
	padding-left: 10px;
	background-image: url(../images/required.png);
	background-repeat: no-repeat;
}

#creditcardDetailsRequired, #hideAffiliate {
	margin-right: 6px;
}

/* Admin tables */
table.admin_grid {
	margin-top: 10px;
	width: 100%;
}

table.admin_grid th, table.admin_grid td {
	border: 1px solid #eee;
	vertical-align: top;
}

table.admin_grid tr.noborder td {
	border: none;
}

table.admin_grid td, table.admin_grid th {
	padding: 1px 7px 1px 7px;
	text-align: left;
}

table.admin_grid th {
	background-color: #444444;
	border: 1px solid #333333;
	border-right: 1px solid #444;
	border-bottom: none;
	color: white;
	padding-bottom: 3px;
}


table.admin_grid tr input[type=text] {
	margin-bottom: 2px;
	font-size: 10px;
	width: 33px;
	padding: 0px 2px;
}
table.admin_grid tr input[type=number] {
    margin-bottom: 2px;
    font-size: 10px;
    width: 66px;
    padding: 4px 2px;
}
table.admin_grid tr select {
	margin-bottom: 2px;
	width: 66px;
	padding: 4px 2px;
}

table.admin_grid tr.spaced-row td {
	border-top: 2px solid #999;
}
table.admin_grid tr.spaced-row td:first-of-type {
	background: #999!important;
	color: #FFF;
	font-weight: bold;
	border-color: #999!important;
}
table.admin_grid tr.odd td {
	background-color: #fff;
	white-space: nowrap;
}

table.admin_grid tr.even td {
	background-color: #E5F8FF;
	white-space: nowrap;
}

table.admin_grid.boatprices tr td {
    background-color: transparent;
}

table.admin_grid.wrap td {
	white-space: normal !important;
}

table.admin_grid td.exception {
	text-align: left;
	font-size: 10px;
	color: #666;
}

table.admin_grid td.exception label {
	display: inline-block;
	margin-left: 5px;
}

table.admin_grid.boatprices td {
	white-space: normal !important;
}
table.admin_grid.boatprices dd {
	margin-left: 0;
}

/* admin booking overview styles */
div.bookadmin-header div {
	float: left;
	margin-right: 5px;
}

div.bookadmin-header select {
	width: auto;
}

div.bookadmin-header .datepicker {
	width: 70px;
}

div.bookadmin-header div.search {
	float: right;
	margin-right: 0px;
}

div.bookadmin-header div.search * {
	float: left;
}

div.bookadmin-header div.search input {
	margin-right: 5px;
}

/* admin conten form styles */
div.contentform fieldset fieldset {
	float: left;
	width: 460px;
}

div.contentform fieldset fieldset.last {
	margin-left: 20px;
}

/* shopping cart styles */
.ads-column .hotel-deals {
	margin-top: 0px !important;
}

.ads-column .photoblock {
	margin-bottom: 10px;
}

table.cart_table {
	width: 100%;
}

table.cart_table td, table.cart_table th {
	padding: 8px 15px 8px 0px;
	text-align: left;
}

table.cart_table td {
	font-size: 14px;
	line-height: 16px;
	border-top: 1px solid #DBDBDB;
}

table.cart_table .last {
	padding-right: 8px;
}

table.cart_table td.right {
	text-align: right;
}

table.cart_table th.right {
	text-align: right;
	padding-right: 15px;
}

table.cart_table td.first, table.cart_table th.first {
	width: 480px;
	padding-left: 6px;
}

table.cart_table tr.total td {
	font-size: 13px;
}

table.cart_table tr.noborder td {
	border: none;
}

table.cart_table tr.book_title th {
	padding: 20px 0px 0px 0px;
}

table.cart_table tr.book_title th h2 {
	padding: 2px 5px;
	font-size: 16px;
	background-color: white;
	border: 1px solid #DBDBDB;
	border-radius: 5px 5px 0px 0px;
}

table.cart_table tr.book_title.bottom th h2 {
	border-radius: 0px 0px 5px 5px;
}

table.cart_table tr.top th {
	background-color: white;
	border-top: 1px solid #DBDBDB;
	border-bottom: 1px solid #DBDBDB;
	padding-top: 0;
	padding-bottom: 0;
}
table.cart_table tr.top th:first-child {
	border-left: 1px solid #DBDBDB;
}
table.cart_table tr.top th:last-child {
	border-right: 1px solid #DBDBDB;
}
table.cart_table tr.top th h2 {
	font-size: 16px;
	margin: 2px 0;
}

table.discount_table {
	margin: 0px;
}

table.discount_table td {
	padding: 0px 15px 0px 0px;
	vertical-align: top;
	margin: 0px;
}

table.discount_table div.left {
	float: left;
	clear: none;
}

table.discount_table div.left input {
	margin-right: 10px;
}

div.note {
	margin-bottom: 1em;
	font-size: 13px;
	border: 1px solid #ebeced;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: white;
	padding: 10px;
	padding-top: 12px;
	padding-bottom: 12px;
	float: right;
}

div.prev_next {
	overflow: hidden;
}

div.prev_next .next {
	float: right;
}

div.cart_steps {
	margin-bottom: 12px;
}

div.cart_steps a {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #ffffff, #f3f3f3); /* for firefox 3.6+ */
	text-align: center;
	border: 1px solid #ebeced;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: white;
	padding-top: 12px;
	padding-bottom: 12px;
	color: #bbb;
	text-decoration: none;
	font-size: 14px;
}

div.cart_steps a.selected, div.cart_steps a:hover {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#E5F8FF'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#E5F8FF)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #ffffff, #E5F8FF); /* for firefox 3.6+ */

	color: #0073a2;
	font-weight: bold;
}

div.cart_steps a.visited {
	color: #4F4F50;
	font-weight: bold;
}

div.cart_steps a.disabled {
	color: #9e9e9e;
}

div.cart_steps a.disabled:hover {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #ffffff, #f3f3f3); /* for firefox 3.6+ */

	cursor: default;
}

div.cart_steps a span {
	display: block;
}

@media (max-width: 768px) {
	div.cart_steps a {
		padding: 5px;
		margin-bottom: 7px;
	}

	div.cart_steps a span {
		display: inline;
	}
}

.copyholder {
	padding-top: 10px;
	clear: both;
}

/* payment methods */
.payment-methods label.payment-method-option {
	font-weight: bold;
	color: inherit;
	border-top: 1px solid #ddd;
	padding: 17px 0px;
	margin: 0px;

	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;

	/*opacity: 0.5;*/
}
@media (max-width: 768px) {
	.payment-methods .h4 {
		padding-left: 22px;
	}
}
.payment-methods label.payment-method-option.selected {
	opacity: 1;
}
.payment-methods label:last-child {
	border-bottom: 1px solid #ddd;
}
.payment-methods label img {
	vertical-align: middle;
}
.payment-methods .payment-logo {
	margin-left: 10px;
}

.payment_method {
	margin-bottom: 10px;
}

.payment_method .radio {
	display: block;
}

.payment_method .radio input {
	float: left;
	margin: 9px 5px 0 0;
}

.payment_method_creditcard {
	display: none;
}

#creditcard_expiration_year-label {
	display: none;
}

#creditcard_expiration_month-element {
	float: left;
}

#creditcard_expiration_year-element {
	margin-left: 5px;
	clear: right;
	float: left;
}

/* hotel form */
#fieldset-base {
	float: left;
	margin-right: 15px;
}

#fieldset-base dl {
	width: 250px;
	overflow: visible;
}

#fieldset-hotelfacilities {
	float: left;
	margin-right: 15px;
	width: 200px;
}

#fieldset-sport_recreation {
	float: left;
}

#fieldset-roomfacilities {
	float: left;
}

#fieldset-roomfacilities p, #fieldset-hotelfacilities p, #fieldset-sport_recreation p, #fieldset-roomfacilities input, #fieldset-hotelfacilities input, #fieldset-sport_recreation input {
	float: left;
	margin-bottom: 0px;
}

#fieldset-roomfacilities input, #fieldset-hotelfacilities input, #fieldset-sport_recreation input {
	clear: left;
}

#fieldset-roomfacilities p, #fieldset-hotelfacilities p, #fieldset-sport_recreation p {
	padding-left: 5px;
	line-height: 14px;
	margin-bottom: 4px;
}

#Save-label {
	clear: both;
}

#fieldset-sport_recreation input {
	float: none;
}

#fieldset-sport_recreation label {
	font-weight: normal;
	color: #4F4F50;
	font-size: 11px;
	margin-right: 10px;
}

#fieldset-sport_recreation label {
	float: right;
}

#fieldset-sport_recreation p {
	padding-left: 0px;
	width: 180px;
}

#calendar, #calendar td {
	border: 1px solid #333;
	padding: 0px;
	vertical-align: top;
}

#calendar tr.calendarheader td {
	padding: 1px 5px 1px 5px;
	background-color: black;

	border: 1px solid black;
	color: white;
	font-weight: bold;
}

#calendar td div.date {
	width: 125px;
	font-weight: bold;
	border-bottom: 1px solid #333;
	background-color: #444;

	font-size: 11px;
	padding: 1px 5px 1px 5px;
	color: white;
}

#calendar td div.date a {
	float: right;
	margin-right: 3px;
}

#calendar td ul {
	margin: 3px;
	padding: 0;
	width: 129px;
	list-style: none;
}

#calendar td ul li {
	margin: 0;
	padding: 0;
	line-height: 11px;
	height: 25px;
	width: 116px;
	margin-bottom: 0px;
	border-bottom: 1px solid #ebeced;
	float: left;
	overflow: hidden;
}

#calendar td ul li.options img {
	margin-top: 7px;
}

#calendar td ul li.options {
	width: 13px;
}

#calendar td ul li.options,
#calendar td ul li.item {
	/*background: #ebeced;*/
	font-size: 10px;
	line-height: 23px;
}

#calendar td ul li.listofnames {
	line-height: 12px;
	height: 14px;
	width: 126px;
	margin-bottom: 2px;
}

#calendar td ul li.item .recurring {

}

#calendar td ul li.item.not-recurring a {
	color: #e91740;
}

#calendar td ul li.item.unmatched a {
	color: #000;
}

#calendar td ul li.item.unmatched a {
	color: #000;
	animation: blink 2s infinite;
}

@keyframes blink {
	0% { opacity: 0.2 }
	20% { opacity: 1 }
	80% { opacity: 1 }
	100% { opacity: 0.2 }
}

span.legenda_not_recurring {
	color: #e91740;
}

span.legenda_recurring {
	color: #0073a2;
}
span.legenda_low_availability {
	display:none;
}

#calendar .previous,
#calendar .next {
	background: #E4E4E4;
}

#calendar .today {

	background-color: #B2E9FF;
}

#calendar .clear-week {
	vertical-align: middle;
}

#calendar .clear-week a {
	/*height: 13px; */
}

#date_recurring_stop-element, #date_recurring_stop-label, #occurence-element, #occurence-label {
	display: none;
}

.monthpicker {
	float: left;
}

.monthpicker select {
	width: auto;
}

.monthbuttons {
	float: right;
}

/* search forms on home page */
form.search_form img {
	margin-bottom: 10px;
}

form.search_form label {
	font-size: 11px!important;
	font-weight: bold;
	color: #0073a2;
	margin-bottom: 0px;
	white-space: nowrap;
}

form.search_form label small {
	font-weight: normal;
	color: #4f4f50;
}

form.search_form label.radio {
	padding-top: 0px;
	font-weight: inherit;
	color: inherit;
}

.picker__select--year,
.picker__select--month {
    height: 3em !important;
}

.passenger-info .datepicker {
    cursor: pointer;
    background: #FFF;
}
form.search_form .datepicker {
	width: 64px;
	margin-right: 4px;
	font-size: 0.9em;
	height: 20px;
	cursor: pointer;
	background: #FFF;
}
#ui-datepicker-div {z-index: 10000 !important;}

form.search_form .radio.inline, form.search_form.checkbox.inline {
	padding-top: 8px;
	padding-bottom: 4px;
}

@media (max-width: 768px) {
	form.search_form .datepicker {
		width: 70px;
	}

	input[type=radio], input[type=checkbox] {
		-ms-transform: scale(1.3);
		-moz-transform: scale(1.3);
		-webkit-transform: scale(1.3);
		-o-transform: scale(1.3);
	}
	.collapse input[type=radio] {
		margin-left: -17px;
		margin-right: 5px;
	}

	input[type=checkbox] {
		margin-right: 10px;
	}
}

form.search_form .time {
	width: 40px;
}
form.search_form  .control-group {
	position: relative;
	margin-bottom: 0;
}

form.search_form select {
	width: auto;
}
form.search_form .more-info {
	color: #0073a2;
	position: relative;
	cursor: pointer;
}

form.search_form select.wide {
	width: 100%;
}

form.search_form input.wide {
	width: 93%;
}

form.search_form input,
form.search_form select,
form.search_form textarea {
	margin-bottom: 2px;
}

form.search_form textarea {
	width: 93%;
	height: 52px;
}

form.search_form .submit_button {
	margin-top: 10px;
	margin-right: 0px;
}

form.hotel_search img {
	margin-bottom: 6px;
}

form.hotel_search label, form.hotel_search a {
	color: #2b3494;
}

form.hotel_search label.radio {
	font-size: 14px;
	margin: 5px 0px;
}

form.hotel_search a.remove-room, form.hotel_search .grid_2 select {
	float: left;
	margin-top: 2px;
}

form.hotel_search .submit_button {
	margin-top: 39px;
}

form img.ui-datepicker-trigger {
	margin-bottom: 0px;
}

/* search form on boat page */
.showboatsearch {
	margin: 0px 2.0746887966804977% 20px 0px;
}

.showhotelsearch {
	margin: 0px 0px 2% 2.0746887966804977%;
}

/* route messages styles */
.routemessage_container {
	position: relative;
}

.routemessage {
	position: absolute;
	top: 45px;
	left: 0px;
	background: white;
	padding: 8px 30px 8px 8px;
	border: 1px solid #C8C8C9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 81%;
	z-index: 99;
}

.routemessage a.close {
	position: absolute;
	right: 8px;
	font-size: 1em;
	top: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #0098D4;
	color: #fff;
	padding: 1px 5px 5px;
	line-height: 10px;
	text-decoration: none;
	font-weight: bold;
}

.routemessage a.close:hover {
	background-color: #fff;
	color: #0098D4;
}

/* css for search results */
@media (max-width: 768px) {
	.search_result .span9-mobile {
		margin-left: 0;
	}

	.search_results .paginationControl.right {
		float: left;
		margin-bottom: 10px;
	}

	.search_results .paginationControl .previous.arrow-only span {
		text-indent: -9999px;
		background-position-x: 3px;
	}

	.search_results .paginationControl .next.arrow-only span {
		text-indent: -9999px;
		background-position-x: 12px;
	}
}

img.results {
	vertical-align: top;
}


.search_result.header div.h2 {
	font-size: 25px;
	font-weight: bold;
}
.search_result .pagination {
	margin: 0 0 5px;
	text-align: center;
}
.change-search {
	margin-top: 5px;
	clear: both;
}
.search_result.header .fromto,
.search_result.header .day {
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.8em;
	margin-bottom: 5px;
}
.search_result.header .day {
	padding: 0 20px;
}

.search_result.header {
	padding-top: 0px;
	padding-bottom: 0px;
}

.search_result.header .searchresult-numbers {
	line-height: 1em;
	margin-bottom: 5px;
	margin-left: 2px;
	margin-top: 7px;
}

.search_result.header .grid_4 div,
.search_result.header .grid_6 div {
	font-size: 0.8em;
}

.search_result select {
	width: auto;
}

.search_result {
	border-bottom: 1px solid #93cef8;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 11px;
}

.search_result:last-child {
	border-bottom: none;
}

.dark .search_result {
	border-bottom: 1px solid #6f9bbb;
}

.dark .search_result b {
	color: #2b3494;
}
.search_result .boat-company-image {
	display: block;
	margin-bottom: 10px;
}
.search_result span.price,
.bookcontainer span.price {
	color: #0073a2;
	font-size: 20px;
	font-weight: bold;
	display: block;
	margin-bottom: 0px;
}
.search_result span.approx-price,
.bookcontainer span.approx-price {
	display: block;
	margin-bottom: 5px;
	font-size: 10px;
	opacity: 0.8;
}

.bookcontainer span.price {
	float: left;
	margin-top: 8px;
}

.search_result span.priceSmall {
	color: red;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
}

.search_result span.price.child {
	font-size: 11px;
	display: inline;
}

.dark .search_result span.price {
	color: #2b3494;
}

.search_result .book {
	margin-top: 5px;
}

div.more-options {
	text-align: center;
	clear: both;
}

a.return-more-options {
	font-size: 1.3em;
	display: inline-block;
	float: none !important;
	margin-top: 20px;
}

a.select.page-button {
	font-size: 1.1em;
	clear: both;
	float: left;
    margin-top: 10px;
}

a.select.emphasize {
	background: #ef9023;
	background: linear-gradient(to bottom, #ef9023 0%, #ee7d00 100%);
	border: 1px solid #ee7d00;
	color: white;
}

a.select.emphasize span {
	color: white !important;
	border: 1px solid #ef9023;
}

a.select.emphasize:hover span {
	background-color: #ee7d00;
}

a.select.page-button + a {
	clear: both;
}

.return-more-container .boatResults {
	position: relative;
}

.search_results .header-title {
	margin: 3px 0;
	font-size: 22px;
}

.search_results .sort-options {
	font-size: 12px;
	text-align: right;
}

@media (max-width: 768px) {
	.boatResults {
		height: auto !important;
	}

	.search_results .sort-options {
		font-size: 16px;
	}

	.search_result {
		font-size: 14px;
	}

	.search_result .h2 {
		margin-bottom: 0;
	}

	.search_result.header .fromto,
	.search_result.header .day {
		line-height: 1.5em;
		font-size: 1.3em;
	}
}

span.bookmessage {
	margin-top: 15px;
	margin-right: 10px;
	float: right;
	color: #e91740;
}

.bookcontainer {
	overflow: hidden;
	margin-top: 10px;
}

.bookcontainer.active {
	padding: 10px;
	background: white;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	margin-top: 0px;

	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);

}

.bookcontainer.active .book.right {
	margin: 0px;
	padding: 0px;
}

/* element that is in the lower right corner when searching for hotels while having a booking filled in */
a.back-to-booking {
	position: fixed;
	display: none;
	bottom: 20px;
	right: 20px;
	padding: 10px;
	font-size: 15px;
	font-weight: bold;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35BFEF', endColorstr='#05A3E4'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#35BFEF), to(#05A3E4)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #35BFEF, #05A3E4); /* for firefox 3.6+ */
	border: 1px solid #999999;
	color: white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
}

.grid_8.left {
	margin-left: -10px;

}

/* pagination */
.paginationControl {
	margin-top: 10px;
}

.page-button {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #ffffff, #f3f3f3); /* for firefox 3.6+ */
	border: 1px solid #dbdbdb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-right: 3px;
	display: inline-block;
	text-decoration: none;
}
.page-button.in-text {
	vertical-align: middle;
	margin-top: -5px;
}

.page-button span {
	padding: 3px;
	padding-left: 8px;
	padding-right: 8px;
	float: left;
	border: 1px solid #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
}

.page-button.fullwidth {
	display: block;
}

.page-button.fullwidth span {
	display: block;
	float: none;
	text-align: center;
	text-decoration: none;
}

.page-button.fullwidth:hover {
	text-decoration: none;
}

.arrow-button {
	width: 13px;
	height: 13px;
	background: url('../images/darkblue-arrow-left.png');
	display: inline-block;
}
.arrow-button.next {
	background: url('../images/darkblue-arrow-right.png');
}
.arrow-button span {
	display: none;
}

/* full width buttons on mobile */
@media (max-width: 768px) {
	.page-button.fullwidth-mobile {
		display: block;
		float: none !important;
	}

	.page-button.fullwidth-mobile span {
		display: block;
		float: none;
		text-align: center;
		text-decoration: none;
	}

	.page-button.fullwidth-mobile:hover {
		text-decoration: none;
	}
}

.page-button.bigtext span {
	font-family: Arial;
	font-size: 16px;
	line-height: 1.3em;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: bold;
}

.page-button.biggesttext span {
	font-family: Arial;
	font-size: 20px;
	line-height: 1.3em;
	padding: 2px 10px;
	font-weight: bold;
}
.text-right .page-button {
	margin-right: 0;
}

.page-button.bigtext.bigger span {
	font-size: 24px;
}

/* bigger buttons on mobile */
@media (max-width: 768px) {
	.page-button.bigtext span {
		padding-top: 5px;
		padding-bottom: 5px;
		white-space: nowrap;
	}
}

.orange {
	color: #e07305;
}

.page-button.selected, .page-button.emphasize, .page-button:hover {
	background: #05a3e4;
	background: linear-gradient(#35bfef, #05a3e4);
	border: 1px solid #00a8ff;
	color: white;
}

.page-button.emphasize:hover {
	background: #05a3e4;
	background: linear-gradient(#05a3e4, #35bfef); /* for firefox 3.6+ */
}

.page-button.selected span, .page-button.emphasize span, .page-button:hover span {
	color: white !important;
	border: 1px solid #4fc8f2;
}

.page-button.orange {
	background: #ef9023;
	background: linear-gradient(to bottom, #ef9023 0%, #ee7d00 100%);

	border: 1px solid #ee7d00;
	color: white;
}
.page-button.orange span {
	color: white !important;
	border: 1px solid #ef9023;
}

.page-button.orange:hover {
	background: #ee7d00;
}

.page-button.next span {
	background-image: url("../images/arrow-right.png");
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 22px;
}

.page-button.previous span {
	background-image: url("../images/arrow-left.png");
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 22px;
}

.page-button.selected.next span, .page-button.emphasize.next span, .page-button.next:hover span {
	background-image: url("../images/white-arrow-right.png") !important;
}

.page-button.selected.previous span, .page-button.emphasize.previous span, .page-button.previous:hover span {
	background-image: url("../images/white-arrow-left.png") !important;
}

.dark .page-button.selected,
.dark .page-button:hover,
.dark .page-button.emphasize {
	background: #273997;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#026ab6', endColorstr='#273997'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#026ab6), to(#273997)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #026ab6, #273997); /* for firefox 3.6+ */
	border: 1px solid #0e246c;
}

.dark .page-button.emphasize:hover {
	background: #273997;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#273997', endColorstr='#026ab6'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#273997), to(#026ab6)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #273997, #026ab6); /* for firefox 3.6+ */
}

.dark .page-button.selected span,
.dark .page-button:hover span,
.dark .page-button.emphasize span {
	border: 1px solid #3166b1;
}

.dark .page-button.next span {
	background-image: url("../images/dark-arrow-right.png");
}

.dark .page-button.previous span {
	background-image: url("../images/dark-arrow-left.png");
}

.dark .page-button span {
	color: #2B3494;
}

.page-button.emphasize.disabled {
	background: #57c7ed;
	background: linear-gradient(to bottom, #57c7ed 0%, #57c7ed 100%);
	border: 1px solid #00a8ff;
	color: #ddd;
}

.page-button.disabled, .page-button.disabled span {
	color: #ccc !important;
}

.page-button.orange.emphasize.disabled {
	background: #ed9642;
	border: 1px solid #ff9526;
	color: #fff;
}

.page-button.orange.disabled, .page-button.orange.disabled span {
	color: #fff !important;
}

.page-button.next.disabled span {
	background-image: url("../images/disabled-arrow-right.png") !important;
}

.page-button.previous.disabled span {
	background-image: url("../images/disabled-arrow-left.png") !important;
}

.available-rooms .book {
	float: right !important;
}

.available-rooms small {
	font-size: 10px;
}

div.available-rooms,
div.discounts {
	font-size: 13px;
	border: 1px solid #ebeced;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: white;
	padding: 10px;
	padding-top: 12px;
	padding-bottom: 12px;
}

div.right, strong.right, span.right, a.page-button.right {
	float: right;
}

.available-rooms div {
	clear: both;
}

.available-rooms div span.first {
	float: left;
	text-align: left;
	font-size: 0.9em;
	width: 300px;
}

.boat-detail .available-rooms div span.first {
	width: 240px;
}

.available-rooms div span {
	float: right;
	text-align: right;
}

.available-rooms b.total {
	border-top: 1px solid #A7A7A7;
}

/* discount styles */
.discounts {
	background-color: #fafafa;
	cursor: pointer;
	margin-bottom: 5px;

	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.discounts.selected {
	border-color: #0073a2;
	color: #0073a2;
	background-color: white;
}

.discount-label {
	padding-left: 20px;
}
@media (max-width: 768px) {
	.discount-label {
		margin-top: 8px !important;
		padding-left: 0px;
	}
}

.discount_description {
	font-size: 0.8em;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header {
	margin-bottom: 8px;
}

.ui-timepicker-div dl {
	text-align: left;
}

.ui-timepicker-div dl dt {
	height: 25px;
}

.ui-timepicker-div dl dd {
	margin: -25px 0 10px 65px;
}

.ui-timepicker-div td {
	font-size: 90%;
}

/* styles for sitemap */
ul.sitemap {
	margin-left: 0px;
}

ul.sitemap li {
	list-style: none;
	margin: 0px;
}

ul.sitemap ul {
	margin-bottom: 0px;
	margin-left: 0px;
}

ul.sitemap ul li {
	margin-left: 30px;
}

/* availability calendar block */
table.availability-calendar {
	width: 100%;
}

table.availability-calendar td, table.availability-calendar th {
	border-bottom: 1px solid #EBECED;
	border-right: 1px solid #EBECED;
	text-align: center;
}

table.availability-calendar th {
	border-top: 1px solid #EBECED;
}

table.availability-calendar .noleftborder {
	border-top: none;
	text-align: left;
}

td.available {
	background-color: #66ff66;
	cursor: pointer;
	width: 25px;
}

td.selected {
	background-color: #00cc00;
}

td.not-available {
	background-color: #fafafa;
	width: 25px;
	background-image: url(../images/cross_grey_small.png);
	background-repeat: no-repeat;
	background-position: center center;
}

td.availability-cell {
	font-size: 10px;
	color: #333333;
	vertical-align: middle;
	padding: 1px;
}

/***--- FOOTER ---***/
#footer {
	margin-top: 24px;
	margin-bottom: 6px;
	font-size: 14px;
	color: #0073a2;
	overflow: hidden;
	clear: both;
}

#footer a {
	text-decoration: none;
}

#footer .left {
	float: left;
}

#footer .follow {
	margin: 10px 0px 3px 0px;
}

#footer .twitter {
	background-image: url('../images/twitter.png');
	width: 21px;
	height: 22px;
	margin-left: 5px;
	display: inline-block;
	vertical-align: middle;
}

#footer .facebook {
	background-image: url('../images/facebook.png');
	width: 20px;
	height: 21px;
	margin-left: 5px;
	display: inline-block;
	vertical-align: middle;
}

#footer div.gradient {
	margin-bottom: 6px;
	position: relative;
	overflow: hidden;
}

@media (max-width: 768px) {
	#footer div.gradient {
		background: none;
		border: none;
		padding: 0px;
		margin: 0px;
	}
}

#footer ul {
	list-style: none;
	margin: 0px;
}

@media (min-width: 769px) {
	#footer ul {
		list-style: none;
		height: 13px;
	}

	#footer ul li.first {
		padding: 0 12px 0 0px;
		border-left: none;
	}

	#footer ul li {
		float: left;
		border-left: 1px solid #0073a2;
		margin: 0px;
		padding: 0 12px 0 12px;
		height: 13px;
		line-height: 13px;
	}
}

#footer .payment-icons {
	overflow: hidden;
	margin: 5px 0px 10px 0px;
	text-align: right;
}

#footer .payment-icons img {
	margin: 0px 0px 0px 5px;
	vertical-align: middle;
}

@media (max-width: 768px) {
	#footer .payment-icons {
		float: left;
		text-align: left;
	}
	#footer .payment-icons img {
		margin: 0 1px 0 0;
	}

	#footer ul li {
		float: left;
		width: 50%;
	}
}

/***--- TOOLTIP --***/
#tooltip {
	position: absolute;
	z-index: 3000;
	background-color: white;
	padding: 10px;
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#tooltip h3, #tooltip div {
	margin: 0;
}

#tooltip strong {
	color: #0073a2;
	float: left;
	width: 90px;
}

/***--- UPLOADER ---***/
.uploadifyQueueItem {
	background-color: #F5F5F5;
	border: 2px solid #E5E5E5;
	font: 11px Verdana, Geneva, sans-serif;
	margin-top: 5px;
	padding: 10px;
	width: 350px;
}

.uploadifyError {
	background-color: #FDE5DD !important;
	border: 2px solid #FBCBBC !important;
}

.uploadifyQueueItem .cancel {
	float: right;
}

.uploadifyQueue .completed {
	background-color: #E5E5E5;
}

.uploadifyProgress {
	background-color: #E5E5E5;
	margin-top: 10px;
	width: 100%;
}

.uploadifyProgressBar {
	background-color: #0099FF;
	height: 3px;
	width: 1px;
}

/***--- GALLERY ---***/
.gallery_image {
	position: relative;
}

.gallery_image:nth-child(4n+1) {
	margin-left: 0px;
}

.gallery_image img {
	width: 130px;
	margin-left: 15px;
	margin-top: 10px;
}

.gallery_image input {
	width: 130px;
	height: 18px;
	padding: 0;
	margin-left: 15px;
	margin-top: 5px;
}

.gallery_image .delete {
	position: absolute;
	width: 18px;
	height: 18px;
	padding: 2px;
	background-color: #fff;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	right: 0;
}

.gallery_image {
	height: 180px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

/*frontend*/
#gallery .span7, #gallery .span5 {
	margin-bottom: 10px;
}

#gallery #lightbox {
	display: block;
	height: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#gallery #lightbox img {
	display: block;
	margin: auto;
	max-height: 300px;
}

#gallery .thumbs {
	margin-top: 10px;
}
#gallery .thumbs li {
	margin-bottom: 10px;
}

#gallery .thumbs li.span2:nth-child(6n+1) {
	margin-left: 0;
}

#gallery .span5.thumbs-activities {
	margin-top: 0;
	margin-bottom: 0;
}
#gallery .span5.thumbs-activities ul {
	padding: 10px;
	margin: -10px;
	max-height: 285px;
	overflow-y: auto;
	overflow-x: hidden;
}

#gallery .thumbs li a {
	padding: 1px;
}
#gallery .thumbs li a img {
	width: 100%;
}


@media (min-width: 769px) {
	.thumbnails a:hover {
		transform: scale(1.1);
		background-color: #fff;
	}

	#gallery .thumbs li.span4:nth-child(3n+1) {
		margin-left: 0px;
		clear: both;
	}
}

@media (max-width: 768px) {
	#gallery .thumbs li.span4 {
		width: 23%;
		margin-left: 2.66%;
	}

	#gallery .thumbs li.span4:nth-child(4n+1) {
		margin-left: 0px;
		clear: both;
	}

	#gallery .span5.thumbs-activies ul {
		overflow: auto;
		max-height: none;
		padding: 0;
		margin: 10px 0 -5px;
	}
}

/***--- LIGHTBOX (SLIMBOX) ---***/

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

@media(max-width: 840px) {
	#lbCenter, #lbBottomContainer {
		width: auto !important;
		margin-left: 0 !important;
		left: 10px !important;
		right: 10px !important;
		margin-top: -20px;
	}
	#lbImage {
		right: 0;
		background-size: contain;
		background-position: 50%;
	}
}

.lbLoading {
	background: #fff url(../images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbImage > div {
	max-width: calc(100vw - 40px);
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/** SORTABLE STYLES (content admin) **/
/* voor de sorteerbare lijsten, in page.php bijvoorbeeld */
.placeholder {
	background-color: #cfcfcf;
}

.sortable .ui-icon {
	float: right;
}

.ui-nestedSortable-error {
	background: #fbe3e4;
	color: #8a1f11;
}

ol.sortable, ol.sortable ol {
	margin: 0 0 0 25px;
	padding: 0;
	list-style-type: none;
}

ol.sortable {
	margin: 0;
	border-bottom: 1px solid #EEEEEE;
}

.sortable li {
	margin: 0;
	padding: 0;
	border-top: 1px solid #EEEEEE;
}

.sortable li div {
	padding: 3px;
	margin: 0;
	cursor: pointer;
}

.sortable li div.hover {
	background-color: #ddd;
}

.sortable li span.handle {
	cursor: move;
	float: left;
	width: 18px;
	height: 18px;
	margin-right: 3px;
	background-image: url(../images/dragdrop.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.sortable li div.selected, .sortable li div.selected span {
	background-color: #eee;
}

.sortable li.new div {
	/*border-bottom: 1px solid #888;*/
	color: #888;
}

.sortable li.new div span {
	visibility: hidden;
}

.sortable li div.not-visible {
	filter: alpha(opacity=40); /* internet explorer */
	-khtml-opacity: 0.4; /* khtml, old safari */
	-moz-opacity: 0.4; /* mozilla, netscape */
	opacity: 0.4; /* fx, safari, opera */
}

/* map styles (popup maps etc) */
a.map-small {
	float: left;
	margin-bottom: 15px;

	text-align: center;
	font-weight: bold;
}

a.map-small.last {
	margin-right: 0px;
}

a.map-small.fastboat-detail {
	margin: 10px 0px 0px 0px;
}

a.map-small.fastboat-detail p {
	margin: 0px;
}

/* schedule table styles */
div.scheduletables {
	clear: both;
}
div.scheduletables .tableheader th {
	border: 1px solid #93CEF8;
	background-color: #D8F4FD;
	padding: 5px;
}
div.scheduletables td {
	border-top: 1px solid #93CEF8;
	border-left: none;
	border-right: none;
	padding: 5px;
}
div.scheduletables th p,
div.scheduletables td p {
	margin: 0 !important;
	padding: 0 !important;
}
div.scheduletables td:nth-child(even) {
	background-color: #eee;
}

div.scheduletables table {
	width: 100%;
}

div.scheduletables table p {
	margin: 0px !important;
}

@media (max-width: 768px) {
	div.scheduletables table {
		display: -webkit-box;
		-webkit-box-orient: horizontal;
		-webkit-box-pack: center;
		-webkit-box-align: center;

		display: -moz-box;
		-moz-box-orient: horizontal;
		-moz-box-pack: center;
		-moz-box-align: center;

		display: block;
		box-orient: horizontal;
		box-pack: center;
		box-align: center;

		/*display: -webkit-box;*/
		overflow-x: auto;
	}
}

div.scheduletables td.grey {
	background: #eee;
}

div.scheduletables .emptyrow th {
	border: none;
	background: none;
}

tr.tabs th {
	padding: 15px 0px 0px;

	border-bottom-color: #05a3e4;
	border-left: none;
	border-right: none;
}

tr.tabs.first th {
	border-top: none;
}

a.table-tab {
	background: #eeeeee;
	background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
	background: -webkit-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
	background: -o-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
	background: -ms-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
	background: linear-gradient(to bottom, #eeeeee 0%, #dddddd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);

	border: 1px solid #dbdbdb;
	border-bottom: none;
	-webkit-border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
	margin-right: 5px;
	float: left;
	text-decoration: none;
	color: #666 !important;
}

a.table-tab.active {
	background: #35bfef;
	background: -moz-linear-gradient(top, #35bfef 0%, #05a3e4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #35bfef), color-stop(100%, #05a3e4));
	background: -webkit-linear-gradient(top, #35bfef 0%, #05a3e4 100%);
	background: -o-linear-gradient(top, #35bfef 0%, #05a3e4 100%);
	background: -ms-linear-gradient(top, #35bfef 0%, #05a3e4 100%);
	background: linear-gradient(to bottom, #35bfef 0%, #05a3e4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35bfef', endColorstr='#05a3e4', GradientType=0);

	border: 1px solid #00a8ff;
	border-bottom: none;
	color: white !important;
}

a.table-tab span {
	padding: 5px;
	padding-left: 8px;
	padding-right: 8px;
	float: left;
	border: 1px solid #fff;
	border-bottom: none;
	-webkit-border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
	cursor: pointer;
}

a.table-tab.active span {
	border-color: #4fc8f2;
}

div.center {
	text-align: center;
}

div.daywrapper {
	margin-left: 30px;
	width: 900px;
}

div.daywrapper dt {
	float: left;
	clear: none;
	display: none;
}

div.daywrapper dd {
	float: left;
	clear: none;
}

div.daywrapper dd input {
	width: 40px;
}

/* bookings.com iframe mimic */
#bookings-iframe {
	font-family: arial, helvetica, sans-serif;
}

#bookings-iframe .adblocks .grid_4 {
	width: 197px;
}

#bookings-iframe .adblocks img {
	display: none;
}

.bookings-breadcrumb {
	margin: 28px 0 24px;
	border-top: 2px solid #f3f3f3;
	border-bottom: 2px solid #f3f3f3;
	font-size: 0.85em;
	padding: 5px 0 6px;
}

.bookings-col.left {
	float: left;
	width: 441px;
	padding-right: 18px;
}

.bookings-col.right {
	float: left;
	width: 463px;
	border-left: 2px solid #f3f3f3;
	padding: 0 18px;
}

#bookings-iframe h2 {
	font-weight: normal;
	color: #2B3494;
	font-size: 1.75em;
	margin-bottom: 7px;
}

.bookings-map .image {
	height: 150px;
	background: url('http://maps.googleapis.com/maps/api/staticmap?center=-3.8825%2c114.61&zoom=3&size=640x150&sensor=false&language=en&client=gme-booking&signature=pLtnSjgLlT68mxV8w_bCV0fmyZg=') center;
	margin-bottom: 25px;
}

.bookings-col.sidebar p {
	font-size: 0.85em;
}

.bookings-col.sidebar ul {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
	font-size: 0.85em;
	overflow: hidden;
}

.bookings-col.sidebar li {
	margin: 0;
	padding: 0 0 8px;
}

.bookings-col.sidebar .long-list li {
	width: 50%;
	float: left;
}

.bookings-destinations {
	overflow: hidden;
	margin-bottom: 15px;
}

.bookings-destinations img {
	width: 180px;
	height: 180px;
	float: left;
	border: 1px solid #003580;
	margin: 0 9px 0 0;
}

.bookings-destination-list {
	padding-left: 191px;
}

.bookings-destination-list h3 {
	background: #F3F3F3;
	font-size: 1.2em;
	padding: 4px;
	color: #2B3494;
}

.bookings-destination-list h3 a {
	color: #2B3494;
	text-decoration: none;
}

.bookings-destination-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.bookings-destination-list li {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #F3F3F3;
	padding: 2px 4px;
}

.bookings-destination-list li.more {
	border-bottom: none;
	text-align: right;
}

.bookings-destination-list li.more a {
	color: #ff6600;
	text-decoration: none;
}

dl.zend_form input.small {
	width: 50px;
	font-size: 13px;
}

table.admin_grid td.right,
table.admin_grid th.right {
	text-align: right;
}

table.admin_grid td.center,
table.admin_grid th.center {
	text-align: center;
}

p.discount-details {
	line-height: 26px;
}

p.discount-details strong {
	display: inline-block;
	width: 125px;
}

p.discount-details strong.noWidth {
	display: inline;
	width: auto;
}

.cookiebar-visible .contact-button {
	bottom: 39px !important;
}

@media (max-width: 768px) {
	.cookiebar-visible .contact-button {
		bottom: 78px !important;
	}
}

/* new hotel pages */
.hotelblock {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}

.hotelholder {
	position: relative;
}

.hotelholder .hotel-label {
	position: absolute;
	top: 0px;
	right: 7px;
	z-index: 11;
}

.hotelholder .hotel-image {
	background: black;
}

.hotelholder .hotel-image img {
	width: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}

.hotel-bottom .fullwidth {
	position: relative;
}

.hotel-bottom .fullwidth.with-logo span {
	padding-right: 36px;
}

.hotel-bottom .fullwidth img {
	position: absolute;
	right: 5px;
	top: -1px;
}

.hotel-bottom .hidden-hover {
	display: none;
}

.hotel-bottom .hidden-nonhover {
	display: inherit;
}

@media (min-width: 769px) {

	.hotel-bottom .hidden-hover {
		display: inherit;
	}

	.hotel-bottom .hidden-nonhover {
		display: none;
	}

	.hotelblock:hover .hotel-bottom .hidden-hover {
		display: none;
	}

	.hotelblock:hover .hotel-bottom .hidden-nonhover {
		display: inherit;
	}

	.hotelholder {
		padding-bottom: 180px;
	}

	.span3 .hotelholder,
	.span6 .hotelholder {
		padding-bottom: 80px;
	}

	.hotel-tabs {
		background: white;
		position: absolute;
		bottom: 0px;
		left: 0px;
		right: 0px;
		height: 180px;
		overflow: hidden;

		-webkit-transition: height 0.5s ease;
		-moz-transition: height 0.5s ease;
		-ms-transition: height 0.5s ease;
		-o-transition: height 0.5s ease;
		transition: height 0.5s ease;
	}

	.span3 .hotel-tabs,
	.span6 .hotel-tabs {
		height: 80px;
	}

	.hotelholder:hover .hotel-tabs,
	.hotelholder:active .hotel-tabs,
	.hotelholder.active .hotel-tabs {
		height: 320px;
	}

	.span3 .hotelholder:hover .hotel-tabs,
	.span6 .hotelholder:hover .hotel-tabs,
	.span3 .hotelholder:active .hotel-tabs,
	.span6 .hotelholder:active .hotel-tabs,
	.span3 .hotelholder.active .hotel-tabs,
	.span6 .hotelholder.active .hotel-tabs {
		height: 130px;
	}

	.hotelholder:hover .hotel-image img,
	.hotelholder:active .hotel-image img,
	.hotelholder.active .hotel-image img {
		opacity: 0.7;
	}

	.hotelholder .hotel-tabs:after {
		background: rgba(255, 255, 255, 0);
		background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9));
		background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9));
		background: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9));
		background: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9));
		background: linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9));
		height: 13px;
		left: 0;
		right: 0;
		bottom: 0;
		position: absolute;
		z-index: 10;
		content: '';
		pointer-events: none;
	}

	.arrow-down {
		background: url(../images/arrow-down.png) no-repeat center center;
		width: 28px;
		height: 14px;
		margin: 0px auto;
		position: relative;
		top: -3px;

		-webkit-transition: height 0.5s ease;
		-moz-transition: height 0.5s ease;
		-ms-transition: height 0.5s ease;
		-o-transition: height 0.5s ease;
		transition: height 0.5s ease;
	}

	.span3 .hotelholder:hover .arrow-down,
	.span6 .hotelholder:hover .arrow-down,
	.span3 .hotelholder:active .arrow-down,
	.span6 .hotelholder:active .arrow-down,
	.span3 .hotelholder.active .arrow-down,
	.span6 .hotelholder.active .arrow-down {
		height: 0px;
	}
}

.hotel-tab {
	padding: 10px;
}

.hotel-tab .h2 {
	line-height: 1.2em;
	margin-bottom: 0.3em;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
}

.hotel-tab .h2 a {
	text-decoration: none;
}

.bigheading .hotel-tab h2 {
	font-size: 2em;
	font-weight: bold;
	text-align: center;
}

.hotel-bottom {
	background: white;
	position: relative;
	z-index: 10;
	padding: 10px;
	font-weight: bold;
}

.shadow {
	-moz-box-shadow: 0px 0px 1px 0px rgba(3, 46, 92, 0.5);
	-webkit-box-shadow: 0px 0px 1px 0px rgba(3, 46, 92, 0.5);
	box-shadow: 0px 0px 1px 0px rgba(3, 46, 92, 0.5);
}

.greyborder {
	border: 1px solid #ccc;
}

a.ui-icon {
	opacity: 0.5;
}
a.ui-icon:hover {
	opacity: 1;
}

/*GOOGLE MAP HACK FIX*/
iframe .place-card {
	display: none;
}

/*HIGHER BOAT FORM*/
.form-boat-title {
	font-size: 37px;
	margin: 0;
}

/*Discount accordion*/
.ortxt {
	font-weight: bold;
	float: right;
	padding: 4px 10px;
}
.discount-accordion {
	margin-bottom: 10px;
	background-color: #fff;
	border: 1px solid #0073a2;
	padding: 10px;
	border-radius: 5px;
	position: relative;
}
.discount-accordion-title {
	color: #0073a2;
	font-size: 20px;
	cursor: pointer;
	font-weight: bold;
	margin: 20px 0 10px 0;
}
.discount-accordion-title:hover {
	color: #0073a0;
}
.discount-accordion-title .minus {
	display: none;
}
.discount-accordion-item.active .discount-accordion-title .minus {
	display: inline-block;
}
.discount-accordion-item.active .discount-accordion-title .plus {
	display: none;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	font-size: 13px;
}

table.cart_table tr.book_title th h2 span.right {
	padding-right: 66px;
}

.passengers .passenger-header {
	font-size: 18px;
	margin:6px -15px 4px;
	padding:15px 20px;
	background: #f0f0f0;
}

@media (max-width: 768px) {
	.passengers .odd,
	.passengers .even{
		padding: 3px 0;
	}
	.passengers .odd {
		margin: 0 -15px 5px;
		padding: 3px 15px;
		background: #f0f0f0;
	}

	.passengers .passenger-header {
		background: transparent;
	}

	table.cart_table tr.book_title th h2 span.right {
		padding-right: 24px;
	}
}

.picker--opened .picker__holder {
	background: transparent !important;
}
.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
	color: #aaa !important;
}

/*=======================================================
	MISC
=======================================================*/
.margin-bottom {
	margin-bottom: 20px;
}
.text-bold {
	font-weight: bold !important;
}

/*=======================================================
	PANELS
=======================================================*/
.panel {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	position: relative;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.panel-media {
	overflow: hidden;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.panel-media img {
	display: block;
}
.panel-body {
	padding: 10px;
}
.panel-body > *:last-child {
	margin-bottom: 0;
}
.panel-body h3 {
	font-weight: normal;
	margin-bottom: 10px;
}
.panel-body a {
	text-decoration: none;
}

.panel-btn {
	position: absolute;
	right: 10px;
	bottom: 10px;
	margin-right: 0;
}
.panel-prices {
	font-size: 16px;
	position: absolute;
	left: 10px;
	bottom: 0px;
	margin-right: 0;
}

@media(max-width: 1024px) {
	.panel-prices {
		text-align: left;
	}
}

/*=======================================================
	FILTERS
=======================================================*/
.filters {
	margin-bottom: 20px;
}
.filters h3 a {
	display: block;
}
.filters h3 .icon {
	float: right;
	margin-top: 6px;
	display: none;
}

@media(max-width: 1024px) {
	.filters h3 .icon {
		display: block;
	}
	.filters .panel-filter .list {
		display: none;
	}
}

/*=======================================================
	BACKGROUNDS
=======================================================*/
.bg-light {
	background-color: #fafafa;
}

/*=======================================================
	LISTS
=======================================================*/
.list {
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
}
.list-nav {
	margin: 0;
}
.list-nav li {
	border-top: 1px solid #ccc;
}
.list-nav li a {
	display: block;
	padding: 5px 10px;
	text-decoration: none;
}

.list-horizontal:before,
.list-horizontal:after {
	content: "";
	display: table;
}
.list-horizontal:after {
	clear: both;
}
.list-horizontal li {
	float: left;
}
.list-horizontal li:not(:last-child) {
	margin-right: 5px;
}

.circle-open {
	display: inline-block;
	border: 1px solid #ccc;
	width: 15px;
	height: 15px;
	line-height: 15px;
	font-size: 9px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	background-color: #fff;

	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.circle-open.check {
	background-color: #0073a2;
	border-color: #0073a2;
}

/*=======================================================
	IMAGES
=======================================================*/
.img-rounded {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.img-block {
	display: block;
}

/*=======================================================
	ACTIVITIES
=======================================================*/
*:focus {
	outline: none;
}
.mb-md {
	margin-bottom: 20px;
}

.modal#activities-map-modal {
	width: auto;
	margin-left: 0;
	left: 10px;
	right: 10px;
	top: 10px;
	bottom: 10px;
	flex-direction: column;
}
.modal#activities-map-modal.in {
	display: flex !important;
}
.modal#activities-map-modal .modal-body {
	max-height: none;
	flex-grow: 1;
	position: relative;
}

#activities-map {
	position: absolute;
	top: 15px;
	right: 15px;
	bottom: 15px;
	left: 15px;
}
.modal-xl {
    width: 920px;
    height: 620px;
    left: 40%;
}
@media (max-width: 1024px) {
    .modal-xl {
        left: 33%;
    }
}
@media (max-width: 768px) {
    .modal-xl {
        width: 353px;
        height: 620px;
        left: 10px;
    }
}
.modal-xl .modal-body {
    max-height: 470px;
    min-height: 470px;
}
.activity-rating {
	position: relative;
	margin-right: 5px;
}
.activity-rating .final-rating {
	position: absolute;
	top: -2px;
	left: 0;
	white-space: nowrap;
	overflow: hidden;
}

#activity_form .picker {
	z-index: 1;
}
.modal #activity_form .picker {
    width: 260px;
}
.modal #fieldset-activity_form a.page-button.submit_button {
    display: none;
}
#activity_form input,
#activity_form select {
	display: block;
	width: 100%;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#activity_form input[type=checkbox] {
	width: auto;
}
.panel #gallery .span7 {
	margin-bottom: 0;
}

#activity_form fieldset label {
	font-size: 13px;
	margin-bottom: 5px;
}
#activity_form fieldset label span {
	float: right;
}
#activity_form fieldset > .picker--opened label{
	font-size: 18px;
	margin-bottom: 5px;
}
#activity_form fieldset h2 {
    font-size: 18px;
    margin-bottom: 5px;
}

#activity-map {
	width: 100%;
	height: 350px;
}

@media(min-width: 992px) {
	.row-fluid .desktop-right {
		margin-left: 2.0746887966804977% !important;
		float: right;
	}
	.row-fluid .desktop-right + .desktop-left {
		margin-left: 0 !important;
	}
}
	/*=======================================================
		ICONS
	=======================================================*/
.icon-yellow {
	background-image: url('../img/glyphicons-halflings-yellow.png');
}
.icon-blue {
	background-image: url('../img/glyphicons-halflings-blue.png');
}
.icon-grey {
	background-image: url('../img/glyphicons-halflings-grey.png');
}

/*=======================================================
	BREADCRUMBS
=======================================================*/
.breadcrumb > li > .divider {
	color: #999;
	font-weight: bold;
}
.breadcrumb > .active {
	color: #666;
}

/*=======================================================
	MAPS
=======================================================*/
.map-item {
	padding: 0 10px;
	border: 1px solid #0073a2;
	margin-bottom: 10px;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.map-item:before,
.map-item:after {
	content: "";
	display: table;
}
.map-item:after {
	clear: both;
}
.map-item:last-child {
	margin-bottom: 0;
}
.map-item span {
	float: left;
	line-height: 39px;
	margin-right: 5px;
}
.map-item a {
	float: right;
	margin: 5px 0 5px 5px;
	border: 1px solid #00a8ff;
	color: #fff;
	text-align: center;
	padding: 5px;
	text-decoration: none;
	font-weight: bold;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35bfef', endColorstr='#05a3e4'); /* for IE */
	background: #05a3e4;
	background: -webkit-gradient(linear, left top, left bottom, from(#35bfef), to(#05a3e4)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #35bfef, #05a3e4); /* for firefox 3.6+ */

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.map-item img {
	float: left;
	height: 25px;
	margin: 7px 5px 7px 0;
}

select option[disabled] {
	display: none;
}

.passengergroup-wrapper {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.passengergroup-wrapper:last-child {
    border-bottom: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.passengergroup-wrapper-hidden {
	display: none;
}

.search_form small {
	font-size: 75%;
}

.add-more-buttons {
	text-align: right;
}

.add-more-buttons a {
	margin-left: 5px;
}

.dev-bar {
	background: #dd362a;
	text-align: center;
	border-bottom: 1px solid #ddd;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	padding: 5px;
	font-size: 16px;
}

.dev-bar-development {
	background: #a94c00;
}

.field-padlock {
	text-decoration: none;
	margin-left: 5px;
	position: relative;
}

.field-padlock:hover, .field-padlock:focus {
	text-decoration: none;
}

.field-padlock:after {
	content: "\1f512";
	position: absolute;
	top: -50%;
}

.field-unlocked-padlock:after {
	content: "\1f513";
}

.row-currency-usd {
	background: #eeeeee;
}

.grouped-input {
	overflow: hidden;
}
.grouped-input > * {
	margin: 0!important;
	float: left;
}
.grouped-input > :first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.grouped-input > :last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

/* Blog posts */

.blog-post {
	margin-bottom: 10px;
	text-align: justify;
}

.blog-post a {
	text-decoration: none;
}

.blog-post time,
.blog-post-view time {
	opacity: .8;
	font-style: italic;
}

.resp-sharing-button__link,
.resp-sharing-button__icon {
	display: inline-block
}

.resp-sharing-button__link {
	text-decoration: none;
	color: #fff;
	margin: 0.5em;
	line-height: 1em;
}

.resp-sharing-button__link:hover {
	text-decoration: none;
	color: #fff;
}

.resp-sharing-button {
	border-radius: 5px;
	transition: 25ms ease-out;
	padding: 0.5em 0.75em;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.resp-sharing-button__icon svg {
	width: 1em;
	height: 1em;
	margin-right: 0.4em;
	vertical-align: top
}

.resp-sharing-button--small svg {
	margin: 0;
	vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
	stroke: #fff;
	fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
	fill: #fff;
	stroke: none
}

.resp-sharing-button--twitter {
	background-color: #55acee
}

.resp-sharing-button--twitter:hover {
	background-color: #2795e9
}

.resp-sharing-button--pinterest {
	background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
	background-color: #8c0615
}

.resp-sharing-button--facebook {
	background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
	background-color: #2d4373
}

.resp-sharing-button--tumblr {
	background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
	background-color: #222d3c
}

.resp-sharing-button--reddit {
	background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
	background-color: #3a80c1
}

.resp-sharing-button--google {
	background-color: #dd4b39
}

.resp-sharing-button--google:hover {
	background-color: #c23321
}

.resp-sharing-button--linkedin {
	background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
	background-color: #046293
}

.resp-sharing-button--email {
	background-color: #777
}

.resp-sharing-button--email:hover {
	background-color: #5e5e5e
}

.resp-sharing-button--xing {
	background-color: #1a7576
}

.resp-sharing-button--xing:hover {
	background-color: #114c4c
}

.resp-sharing-button--whatsapp {
	background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
	background-color: #1da851
}

.resp-sharing-button--hackernews {
	background-color: #FF6600
}
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {   background-color: #FB6200 }

.resp-sharing-button--vk {
	background-color: #507299
}

.resp-sharing-button--vk:hover {
	background-color: #43648c
}

.resp-sharing-button--facebook {
	background-color: #3b5998;
	border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
	background-color: #2d4373;
	border-color: #2d4373;
}

.resp-sharing-button--twitter {
	background-color: #55acee;
	border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
	background-color: #2795e9;
	border-color: #2795e9;
}

.resp-sharing-button--email {
	background-color: #777777;
	border-color: #777777;
}

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
	background-color: #5e5e5e;
	border-color: #5e5e5e;
}

.resp-sharing-button--reddit {
	background-color: #5f99cf;
	border-color: #5f99cf;
}

.resp-sharing-button--reddit:hover,
.resp-sharing-button--reddit:active {
	background-color: #3a80c1;
	border-color: #3a80c1;
}

.social-share-menu {
	display: none;
	position: absolute;
	top: 3px;
	right: 10px;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}
.social-share-menu > span {
	position: absolute;
	top: 24px;
	right: -8px;
	display: none;
}
.social-share-menu > span > a {
	padding: 4px;
	margin-bottom: 5px;
	display: block;
	background: white;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 50%;
	width: 34px;
	height: 34px;
	box-sizing: border-box;
}
.social-share-menu > span > a svg {
	width: 24px;
	height: 24px;
}
.social-share-menu:focus-within > span {
	display: block;
}
.social-share-menu >  svg {
	width: 18px;
	height: 18px;
	fill: #666;
}
.social-share-menu a.social-button.facebook svg {
	fill: #0348a3;
}
.social-share-menu a.social-button.facebook:hover svg {
	fill: #1877f2;
}
.social-share-menu a.social-button.instagram svg {
	fill: #a50e29;
}
.social-share-menu a.social-button.instagram:hover svg {
	fill: #E4405F;
}
.social-share-menu a.social-button.whatsapp svg {
	fill: #1a994b;
}
.social-share-menu a.social-button.whatsapp:hover svg {
	fill: #25d366;
}
@media (max-width: 768px) {
	.social-share-menu.active {
		right: 52px;
		display: block;
	}
}

.mobile-cart-button {
	display: none;
	padding: 6px 40px 8px 15px !important;
	margin: 0 0 0 10px !important;
	border: 1px solid #f3a653 !important;
	box-shadow: 0 0 0 1px #ec8618 !important;
	color: #fff !important;
	text-shadow: none !important;
	font-weight: bold;
	position: fixed;
	z-index: 101;
	bottom: 0;
	right: 20px;

	background: #ec8618 !important;
	background: -moz-linear-gradient(top, #f3a653 0%, #ec8618 100%) !important;
	background: -webkit-linear-gradient(top, #f3a653 0%,#ec8618 100%) !important;
	background: linear-gradient(to bottom, #f3a653 0%,#ec8618 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35bfef', endColorstr='#ec8618',GradientType=0 ) !important;

	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.mobile-cart-button:hover {
	background: #ec8618 !important;
	background: -moz-linear-gradient(top, #ec8618 0%, #f3a653 100%) !important;
	background: -webkit-linear-gradient(top, #ec8618 0%,#f3a653 100%) !important;
	background: linear-gradient(to bottom, #ec8618 0%,#f3a653 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec8618', endColorstr='#f3a653',GradientType=0 ) !important;
}
.mobile-cart-button:after {
	position: absolute;
	right: 7px;
	top: 6px;
	width: 20px;
	height: 20px;
	content: "";
	background-image: url('../images/shopping_cart.png') !important;
	background-position: 50%;
	background-repeat: no-repeat !important;
	background-size: 20px;
}

.contact-button {
	position: fixed;
	z-index: 101;
	bottom: 0;
	right: 20px;
	display: flex;
	font-size: 18px;
}

.contact-button a:not(.social-button) {
	background: rgb(53,191,239);
	background: linear-gradient(0deg, #05a3e4 0%, #35bfef 100%);
	display:block;
	color: #fff;
	padding: 5px 10px;
	border: 1px solid #00a8ff;
	border-radius: 10px 10px 0 0;
	text-decoration: none;
}

.contact-button a:not(.social-button):hover {
	background: linear-gradient(0deg, #35bfef 0%, #05a3e4 100%);
}

.contact-button a.social-button {
	margin-left: 5px;
	width: 36px;
	height: 40px;
	border-radius: 10px 10px 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.contact-button a.social-button svg {
	fill: #FFFFFF;
	width: 18px;
	height: 18px;
	display: block;
}

@media (max-width: 768px) {
	.contact-button {
		display: none !important;
	}
	.mobile-cart-button {
		display: block !important;
	}
}

.contact-button a.social-button.facebook {
	background: linear-gradient(0deg, #0348a3 0%, #1877f2 100%);
}
.contact-button a.social-button.facebook:hover {
	background: linear-gradient(0deg, #1877f2 0%, #0348a3 100%);
}
.contact-button a.social-button.instagram {
	background: linear-gradient(0deg, #a50e29 0%, #E4405F 100%);
}
.contact-button a.social-button.instagram:hover {
	background: linear-gradient(0deg, #E4405F 0%, #a50e29 100%);
}
.contact-button a.social-button.whatsapp {
	background: linear-gradient(0deg, #1a994b 0%, #25d366 100%);
}
.contact-button a.social-button.whatsapp:hover {
	background: linear-gradient(0deg, #25d366 0%, #1a994b 100%);
}

.activity-book-now-btn {
	position: fixed;
	z-index: 101;
	bottom: 0;
	left: 20px;
}

.activity-book-now-btn a {
	background: rgb(236, 134, 24);
	background: linear-gradient(to bottom, #ef9023 0%, #ee7d00 100%);
	display: block;
	color: #fff;
	padding: 5px 10px;
	border: 1px solid #f3a653;
	border-radius: 10px 10px 0 0;
	text-decoration: none;
	font-weight: bold;
}

.activity-book-now-btn a:hover {
	background: linear-gradient(0deg, #f3a653 0%, #ec8618 100%);
}

.activity-book-now-btn a span {
	display:inline-block;
	transform: rotate(90deg);
}

.activity-tab-content {
	margin-bottom: 10px;
}

@media (min-width: 769px) {
	.activity-book-now-btn {
		display: none;
	}
}

@media(max-width: 1280px) {
	#wrapper {
		padding-bottom: 30px;
	}
}


.banner-tabs {
	display: flex;
	justify-content: space-between;
	padding-left: 15px;
	padding-right: 15px;
	background: #fff;
	position: fixed;
	top: 54px;
	width: 100%;
	z-index: 100;
	box-sizing: border-box;
}
.banner-tabs a {
	margin-left: 5px;
	margin-right: 5px;
	text-decoration: none;
	background-color: rgba(0, 152, 212, 0.15);
	color: #0098D4;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 5px;
	flex-grow: 1;
	flex-basis: 0;
	text-align: center;

	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
.banner-tabs a:not(.collapsed) {
	background-color: #0098D4;
	color: #fff;
}

.banner-tabs .tab-book-tickets.orange {
	background: #e07305!important;
	color: #fff!important;
}

.banner-tabs .tab-book-tickets:not(.collapsed) {
	background-color: #0098D4;
	color: #fff;
}

@media (max-width: 768px) {
	.dev-bar {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 8999;
		opacity: 0.8;
	}

	.form-wrapper {
		padding: 25px 20px;
		background-image: url('../images/form-wrapper.jpg');
		background-position: 50%;
		background-size: cover;
		background-repeat: no-repeat;
	}
	.form-wrapper .h1 {
		color: #fff;
		font-size: 32px;
		margin-bottom: 20px;
	}
	.form-wrapper .gradient {
		padding: 10px;
		border: 1px solid #0098D4;

		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
}
.gradient .gradient {
	border: none;
	padding: 0;
	background-color: transparent;

	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

form .field {
	margin-bottom: 10px;
	position: relative;
}
form .field.field-options label {
	font-size: 16px;
	margin-bottom: 0;
	display: inline-flex;
	align-items: center;
	margin-right: 10px;
}
form .field.field-options label input {
	margin-right: 10px;
}
form .field input,
form .field select {
	font-size: 16px !important;
}

form .field input:not([type=radio]):not([type=checkbox]),
form .field select {
	width: 100% !important;
	box-sizing: border-box;
	margin: 0;
}
form .field-nolabel label {
	display: none;
}
form .field-nolabel input,
form .field-nolabel select {
	height: 49px !important;
	line-height: 49px;
	padding: 0 10px !important;
	border: 1px solid #CCCCCC !important;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

form .field:not(.field-options):not(.field-nolabel) {
	background-color: #fff;
	border: 1px solid #CCCCCC;
	padding: 0 8px;
	min-height: 47px;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
form .field:not(.field-options):not(.field-nolabel) label {
	display: block;
	font-size: 12px;
	margin: 2px 0 -5px;
}
form .field:not(.field-options):not(.field-nolabel) input,
form .field:not(.field-options):not(.field-nolabel) select {
	padding: 0 !important;
	border:  none !important;
	text-indent: 0;
	height: 30px !important;
	line-height: 30px !important;
	box-shadow: none !important;
}
form .field:not(.field-options):not(.field-nolabel) select {
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: auto !important;
}
form .field:not(.field-options):not(.field-nolabel) select ~ .form-select {
	height: 30px !important;
	line-height: 30px !important;
	font-size: 16px;
	pointer-events: none;
	overflow: hidden;
	word-break: break-all;
}
form .field:not(.field-options):not(.field-nolabel) select ~ .routemessage {
	top: 65px;
	left: -1px;
	right: -1px;
	width: auto;
}

form.search_form.boat_form .page-button.emphasize span {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 20px;
	padding-right: 20px;
}
form.search_form .row-fluid.double-col {
	display: flex;
	justify-content: space-between;
}
form.search_form .row-fluid.double-col .span6 {
	width: 100% !important;
}
form.search_form p {
	margin-bottom: 10px;
}
form.search_form .control-group > small {
	display: block;
	margin-top: -5px;
	margin-bottom: 5px;
}

form.search_form .field-options {
	margin-left: -7px;
}

form.search_form .field-options > .radio {
	margin-right: 0;
	margin-left: 10px;
}

form.search_form .search-bottom .search-content {
	font-size: 14px;
}

@media (min-width: 769px) {
	form.search_form .search-bottom {
		display: flex;
	}

	form.search_form .search-bottom > div {
		display: flex;
		flex: 1;
	}

	form.search_form .search-bottom .search-content p:last-child {
		margin-bottom: 0;
	}

	form.search_form .search-bottom .search-button .page-button {
		margin-left: auto;
		margin-top: auto;
		margin-right: 0;
	}
}

@media (max-width: 320px) {
	.orange-btn span {
		padding: 6px 20px 8px 10px !important;
	}

	.orange-btn span:after {
		right: 7px;
	}
}

#loader {
	background: rgba(147, 147, 147, 0.5);
	position: fixed;
	z-index: 2000;
	left: -9999px; /* it won't preload the image with display block */
}

#loader:after {
	content: "";
	position: absolute;
	background: url('/images/loader.svg') no-repeat center center;
}

#loader.show, #loader.show:after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (min-width: 769px) {
	.same-height-desktop {
		display: flex;
	}

	.same-height-desktop > div {
		flex-grow: 1;
	}

	.same-height-desktop > div > .min-height {
		height: calc(100% - 30px);
	}
}

.customer-phone-field .customer-phone-info {
	font-size: 85%;
}
@media (max-width: 768px) {
	.customer-phone-field .customer-phone-info {
		margin-top: -10px;
		margin-bottom: 20px;
	}
}
@media (min-width: 769px) {
	.customer-phone-field .customer-phone-info {
		margin-top: 30px;
	}
}

.form-builder .frmb label {
    display: inline-block;
}

#activity_form .control-group[class*='span'] {
    margin-left: 0px;
    margin-right: 12px;
}
.clear {
    clear: both;
}
#activity_form p[class*='span'] {
    margin-left: 0 !important;
}
.ui-tooltip, .arrow:after {
    background: black;
}
.ui-tooltip {
    padding: 10px 20px;
    color: white !important;
    border: 1px solid black !important;
    box-shadow: none !important;
    border-radius: 5px !important;
    background-color: black !important;
}
.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}
.arrow.top {
    top: -16px;
    bottom: auto;
}
.arrow.left {
    left: 20%;
}
.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arrow.top:after {
    bottom: -20px;
    top: auto;
}

.activity-list {
	padding: 0;
}
.activity-list .panel-body {
	height: 450px;
}
.activity-list .panel-body h3 {
	min-height: 50px;
	margin-top: 10px;
}
a.btn {
	text-decoration: none;
}

ul.dropdown-menu li > a {
	text-decoration: none;
}
.btn.ghost {
	background-image: none;
	background-color: transparent;
}

.modal-header {
	background: #00a8ff;
	color:  white;
	font-weight: bold;
}

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="email"] {
	line-height: 21px;
}

iframe {
	border: 0;
}

.carousel-container {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
}

.carousel {
	display: flex;
	transition: transform 0.3s ease;
}

.carousel-slide {
	flex: 0 0 100%;
}

.carousel-slide a {
	max-width: 100%;
	height: 150px;
	display: block;
	position: relative;
}

input[type="time"] {
	position: relative;
}

input[type="time"]::-webkit-calendar-picker-indicator {
	display: block;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	position: absolute;
	background: transparent;
}

#customer_form > div.hidden-desktop.margin-mobile > a.more {
	text-align: center;
	width: 47%;
}

#customer_form > div.hidden-desktop.margin-mobile > a.more > span {
	text-align: center;
	width: 90%;
}