/* #Reset & Basics (Inspired by E. Meyers)
/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}
body {
	line-height: 1;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Site color Variables
==================================================*/

:root {
	--main-blue: #053c5e;
	--opaque-blue-bckgrnd: rgba(5, 60, 94, 0.6);
	--navy-blue-hover: #125e8a;
	--main-red: #d93228;
	--warm-red-hover: #fc504d;
	--light-gray: #eaebeb;
	--dark-gray: #8e9397;
	--black: #000;
	--in-text-link-color: #1778b1;
	--in-text-link-hover: #075b8f;
	--hotel-gray-caption: rgba(234, 235, 235, 0.8);
}

html {
	scroll-behavior: smooth;
}
/* #Basic Styles
================================================== */
body {
	background: #fff;
	font: 13px/21px "proxima-nova",
		sans-serif /*"Helvetica Neue", Helvetica, Arial, sans-serif*/;
	color: #555555;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}

html.mac body {
	-webkit-font-smoothing: subpixel-antialiased;
}

/* #Typography
================================================== */
/* @import url("https://use.typekit.net/opx8mhu.css"); */
@font-face {
	font-family: "Lato";
	src: url("../fonts/lato/lato-webfont.eot");
	src: url("../fonts/lato/lato-webfont.eot?#iefix") format("embedded-opentype"),
		url("../fonts/lato/lato-webfont.woff") format("woff"),
		url("../fonts/lato/lato-webfont.ttf") format("truetype"),
		url("../fonts/lato/lato-webfont.svg#latoregular") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Lato";
	src: url("../fonts/lato/lato_light-webfont.eot");
	src: url("../fonts/lato/lato_light-webfont.eot?#iefix")
			format("embedded-opentype"),
		url("../fonts/lato/lato_light-webfont.woff") format("woff"),
		url("../fonts/lato/lato_light-webfont.ttf") format("truetype"),
		url("../fonts/lato/lato_light-webfont.svg#latolight") format("svg");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Lato";
	src: url("../fonts/lato/lato_bold-webfont.eot");
	src: url("../fonts/lato/lato_bold-webfont.eot?#iefix")
			format("embedded-opentype"),
		url("../fonts/lato/lato_bold-webfont.woff") format("woff"),
		url("../fonts/lato/lato_bold-webfont.ttf") format("truetype"),
		url("../fonts/lato/lato_bold-webfont.svg#latobold") format("svg");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "Lato";
	src: url("../fonts/lato/lato_black-webfont.eot");
	src: url("../fonts/lato/lato_black-webfont.eot?#iefix")
			format("embedded-opentype"),
		url("../fonts/lato/lato_black-webfont.woff") format("woff"),
		url("../fonts/lato/lato_black-webfont.ttf") format("truetype"),
		url("../fonts/lato/lato_black-webfont.svg#latoblack") format("svg");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "Fjalla";
	src: url("/css/fonts/fjalla/fjalla-webfont.eot");
	src: url("/css/fonts/fjalla/fjalla-webfont.eot?#iefix")
			format("embedded-opentype"),
		url("/css/fonts/fjalla/fjalla-webfont.woff") format("woff"),
		url("/css/fonts/fjalla/fjalla-webfont.ttf") format("truetype"),
		url("/css/fonts/fjalla/fjalla-webfont.svg#fjalla") format("svg");
	font-weight: 500;
	font-style: normal;
}

/*

	<link rel="stylesheet" href="https://use.typekit.net/opx8mhu.css">
	<style>
  @import url("https://use.typekit.net/opx8mhu.css");
</style>
	 Proxima Nova Bold
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;


	Proxima Nova Extrabold
font-family: proxima-nova, sans-serif;
font-weight: 800;
font-style: normal;

	Proxima Nova Regular
font-family: proxima-nova, sans-serif;
font-weight: 400;
font-style: normal;


	*/

/* /////////  FONT SMOOTHING FIX  ////////////// */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	@font-face {
		font-family: "Lato";
		src: url("../fonts/lato/lato-webfont.svg") format("svg");
	}

	@font-face {
		font-family: "Lato";
		src: url("../fonts/lato/lato_light-webfont.svg") format("svg");
		font-weight: 400;
	}

	@font-face {
		font-family: "Lato";
		src: url("../fonts/lato/lato_bold-webfont.svg") format("svg");
		font-weight: 600;
	}

	@font-face {
		font-family: "Lato";
		src: url("../fonts/lato/lato_black-webfont.svg") format("svg");
		font-weight: 700;
	}

	@font-face {
		font-family: "Fjalla";
		src: url("/css/fonts/fjalla/fjalla-webfont.svg") format("svg");
		font-weight: 700;
	}
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #555;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	font-weight: inherit;
}
h1 {
	font-family: Fjalla;
	font-weight: 500;
	font-size: 38px;
	line-height: 55px;
	color: #000;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

h2 {
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 800;
	font-style: normal;
	font-size: 25px;
	color: #000;
	margin: 0;
	padding: 20px 0 10px;
	letter-spacing: 0.05em;
	line-height: 40px;
	text-transform: uppercase;
}

h3 {
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 8px;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}

h4 {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 8px;
	margin-top: 4px;
	text-transform: uppercase;
}
h5 {
	font-size: 15px;
	line-height: 21px;
}
h6 {
	font-size: 14px;
	line-height: 21px;
}
.subheader {
	color: #777;
}

p,
ul {
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-style: normal;
	font-weight: 400;
	margin: 0 0 20px;
	line-height: 28px;
	font-size: 19px;
	letter-spacing: 0.2px;
}

p img {
	margin: 0;
}
p.lead {
	font-size: 21px;
	line-height: 27px;
	color: #777;
}

em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
small {
	font-size: 80%;
}

/*	Blockquotes  */
blockquote,
blockquote p {
	font-size: 17px;
	line-height: 24px;
	color: #777;
	font-style: italic;
}
blockquote {
	margin: 0 0 20px;
	padding: 9px 20px 0 19px;
	border-left: 1px solid #ddd;
}
blockquote cite {
	display: block;
	font-size: 12px;
	color: #555;
}
blockquote cite:before {
	content: "\2014 \0020";
}
blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited {
	color: #555;
}

hr {
	border: solid #ddd;
	border-width: 1px 0 0;
	clear: both;
	margin: 10px 0 30px;
	height: 0;
}

/* #Links
================================================== */
a,
a:visited {
	color: var(--in-text-link-color);
	outline: 0;
	text-decoration: none;

	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
a:hover,
a:focus {
	color: var(--in-text-link-hover);
	text-decoration: none;
}
p a,
p a:visited {
	line-height: inherit;
}

/*
	.page-inner a:hover, .page-inner a:active, .page-inner a:focus {
		text-decoration: underline;
	}*/

/* #Lists
================================================== */
ul,
ol {
	margin-bottom: 20px;
}
ul {
	list-style: none outside;
}
ol {
	list-style: decimal;
}
ol,
ul.square,
ul.circle,
ul.disc {
	margin-left: 30px;
}
ul.square {
	list-style: square outside;
}
ul.circle {
	list-style: circle outside;
}
ul.disc {
	list-style: disc outside;
}
ul ul,
ul ol,
ol ol,
ol ul {
	margin: 4px 0 5px 30px;
}
ul ul li,
ul ol li,
ol ol li,
ol ul li {
	margin-bottom: 6px;
}
li {
	line-height: 1.5em;
	margin-bottom: 12px;
}
ul.large li {
	line-height: 21px;
}
li p {
	line-height: 21px;
}

/* #Images
================================================== */

img.scale-with-grid {
	max-width: 100%;
	height: auto;
}
.frame-scale-with-grid {
	max-width: 100%;
}

#google_map iframe {
	width: 100%;
	height: 416px;
	border: 0;
}

/* #Forms
================================================== */
input,
textarea {
	-webkit-user-select: text;
}
form {
	margin-bottom: 20px;
}
fieldset {
	margin-bottom: 20px;
}
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
	border: 1px solid #ccc;
	padding: 6px 4px;
	outline: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font: 13px Arial, sans-serif;
	color: #777;
	margin: 0;
	width: 210px;
	max-width: 100%;
	display: block;
	margin-bottom: 20px;
	background: #fff;
}

select {
	padding: 0;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
	border: 1px solid #aaa;
	color: #444;
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
textarea {
	min-height: 60px;
}
label,
legend {
	display: block;
	font-weight: bold;
	font-size: 12px;
	color: #999;
}
#trip-planner legend,
#trip-planner label {
	color: #000;
}
select {
	width: 220px;
}
input[type="checkbox"] {
	display: inline;
}
label span,
legend span {
	font-weight: normal;
	font-size: 13px;
	color: #444;
}

/* #Misc
================================================== */
.remove-bottom {
	margin-bottom: 0 !important;
}
.half-bottom {
	margin-bottom: 10px !important;
}
.add-bottom {
	margin-bottom: 20px !important;
}

/* #Buttons
================================================== */

/*.button, a.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		border-style: solid;
		border-width: 0;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;

		background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
		background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
		background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
		background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
		background-image: linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
		background-repeat: repeat-x;
		color: white;
		text-shadow: 0 1px rgba(0, 0, 0, 0.4);
		background-color: #374045;
		text-decoration: none;
		font-size: 16px;
		font-weight: 400;

		display: inline-block;
		cursor: pointer;
		line-height: normal;
		padding: 5px 14px;

		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
}


.button:hover, a:hover.button,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {

		background-color: var(--main-red);

	  }

.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {

		background-color: #3d494f;

		}

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}

.button_hilite, a.button_hilite{
	background-color: var(--main-red);
}
.button_hilite:hover, a:hover.button_hilite{
	background-color: #374045;
}

.button_pale, a.button_pale{
	color: #374045;
	background-color: #f8f8f8;
	text-shadow: 0 1px 0 rgba(256, 256, 256, 0.4);
}
a:hover.button_pale{
	color: #fff;
	background-color: #374045;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
.button, button.sm_button, a.sm_button,
	input[type="submit"].sm_button,
	input[type="reset"].sm_button,
	input[type="button"].sm_button {

		font-size: 13px;
}*/

/* #Main Navigation
================================================== */

/* menu */
#menu-holder {
	background: #fff;
	position: relative;
}
#menu {
	background: #f8f8f8 url("/img/frontend/grad_menu.png") top left repeat-x;
	height: 40px;
	padding-left: 30px;
	box-shadow: 0px 1px 4px #999;
	position: relative;
	z-index: 9999;
}
#menu a {
	font-size: 15px;
	text-decoration: none;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu ul li {
	margin-bottom: 0;
}
#menu > ul > li {
	position: relative;
	float: left;
	z-index: 1015;
	/*	background: url('/img/frontend/main_nav_bgr_sep.png') right top no-repeat;	*/
}
#menu > ul > li:hover {
}
#menu > ul > li > a {
	text-transform: uppercase;
	font-size: 14px;
	color: #666;
	line-height: 40px;
	text-decoration: none;
	display: block;
	padding: 0px 30px;
	z-index: 6;
	position: relative;
	background: #f8f8f8 url("/img/frontend/grad_menu.png") top left repeat-x;

	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;

	font-weight: bold;
	text-shadow: 0px 1px 1px #fff;
}
#menu > ul > li:hover > a {
	background-color: var(--main-red);
	color: #fff;
	text-shadow: none;
}
#menu > ul > li > a > span {
	padding: 0px 0px 0px 14px;
	background: url("/img/frontend/arrow_down_tiny.png") right center no-repeat;
}
#menu > ul > li > a .home_icon {
	width: 16px;
	height: 40px;
	padding: 0;
	display: block;
	background: url("/img/frontend/home_icon_dark.png") center center no-repeat;
}

#menu > ul > li > div {
	display: none;
	background: #ffffff;
	position: absolute;
	z-index: 1020;
	padding: 0px 0 5px;
	background: url("/img/frontend/menu_pale.png");
	background-image: -moz-linear-gradient(#f8f8f8, #eeeeee);
	background-image: -o-linear-gradient(#f8f8f8, #eeeeee);
	background-image: -webkit-linear-gradient(#f8f8f8, #eeeeee);
	background-image: linear-gradient(#f8f8f8, #eeeeee);

	border: 1px solid #e8e8e8;
	border-top: 1px solid #d2d2d2;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;

	webkit-box-shadow: -1px 4px 4px -3px #999;
	-moz-box-shadow: -1px 4px 4px -3px #999;
	box-shadow: -1px 4px 4px -3px #999;
}

#menu > ul > li > div > ul {
	display: table-cell;
	padding-top: 7px;
}
#menu > ul > li ul + ul {
	padding-left: 20px;
}

#menu > ul > li ul > li {
	position: relative;
}

#menu > ul > li ul > li > a {
	padding: 7px 0px 9px;
	margin: 0 40px;
	color: #222;
	text-shadow: 0px 1px 0px #fff;
	display: block;
	white-space: nowrap;
	min-width: 165px;
	font-size: 14px;
	background: url("/img/frontend/main_nav_bgr_sep_vertical.png") bottom left
		repeat-x;

	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#menu > ul > li ul > li > a > span {
	background: url("/img/frontend/arrow_left_tiny.png") -20px center no-repeat;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	padding-right: 12px;
	padding-left: 0px;
}
#menu > ul > li ul > li > a:hover > span {
	background: url("/img/frontend/arrow_left_tiny.png") left center no-repeat;
	padding-left: 12px;
	padding-right: 0px;
}
#menu > ul > li ul > li > a.last_submenu_item {
	padding: 7px 0px 7px;
	background: none;
}
#menu > ul > li ul > li > a:hover {
	text-decoration: none;
}
#menu > ul > li > div > ul > li > a {
	color: #444;
}

/* Dark Nav */
.dark_menu #menu {
	background: #393b3c url("/img/frontend/main_nav_bgr_dark.png") top left
		repeat-x;
}
.dark_menu #menu > ul > li > a .home_icon {
	background: url("/img/frontend/home_icon.png") center center no-repeat;
}
.dark_menu #menu > ul > li {
	background: url("/img/frontend/main_nav_bgr_sep_dark.png") right top no-repeat;
}
.dark_menu #menu > ul > li > a {
	background: #393b3c url("/img/frontend/main_nav_bgr_dark.png") top left
		repeat-x;
	color: #fff;
	text-shadow: 0px 1px 0px var(--main-blue);
}
.dark_menu #menu > ul > li:hover > a {
	background: url("/img/frontend/main_nav_bgr_dark_hover.png") top left repeat-x;
}
.dark_menu #menu > ul > li > a:hover {
	background: url("/img/frontend/main_nav_bgr_dark_hover.png") top left repeat-x;
}
.dark_menu #menu > ul > li > a > span {
	background: url("/img/frontend/arrow_down_tiny_dark.png") right center
		no-repeat;
}
.dark_menu #menu > ul > li > div {
	background: #4f5152;
	background-image: -moz-linear-gradient(#58595a, #414344);
	background-image: -o-linear-gradient(#58595a, #414344);
	background-image: -webkit-linear-gradient(#58595a, #414344);
	background-image: linear-gradient(#58595a, #414344);
	border: 1px solid #3b3d3e;
	border-top: 1px solid #212223;
}
.dark_menu #menu > ul > li > div > ul {
	border-top: 3px solid #45494b;
}
.dark_menu #menu > ul > li ul > li > a {
	color: #fff;
	text-shadow: 0px -1px 0px #343a3c;
}
.dark_menu #menu > ul > li ul > li > a {
	background: url("/img/frontend/main_nav_bgr_sep_vertical_dark.png") bottom
		left repeat-x;
}
.dark_menu #menu > ul > li ul > li > a > span {
	background: url("/img/frontend/arrow_left_tiny_dark.png") -20px center no-repeat;
}
.dark_menu #menu > ul > li ul > li > a:hover > span {
	background: url("/img/frontend/arrow_left_tiny_dark.png") left center
		no-repeat;
}
.dark_menu #menu > ul > li ul > li > a.last_submenu_item {
	background: none;
}
/* Dark Nav : End */

/* Custom Nav */
.custom_menu #menu {
	background: var(--main-red) url("/img/frontend/grad_menu.png") top left
		repeat-x;
}
.custom_menu #menu > ul > li > a .home_icon {
	background: url("/img/frontend/home_icon.png") center center no-repeat;
}
.custom_menu #menu > ul > li > a:hover .home_icon {
	background: url("/img/frontend/home_icon.png") center center no-repeat;
}
.custom_menu #menu > ul > li {
	background: none;
	padding: 0;
}
.custom_menu #menu > ul > li > a {
	background: var(--main-red) url("/img/frontend/grad_menu.png") top left
		repeat-x;
	text-shadow: none;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.custom_menu #menu > ul > li:hover > a {
	background: #404040;
	color: #fff;
}
.custom_menu #menu > ul > li > a:hover {
	background: #404040;
	color: #fff;
}
.custom_menu #menu > ul > li > a > span {
	background: none;
	padding: 0;
}
.custom_menu #menu > ul > li > div {
	background: url("/img/frontend/menu.png") top left;
	border: none;
	box-shadow: none;
	left: 0;
}
.custom_menu #menu > ul > li > div > ul {
	border-top: none;
}
.custom_menu #menu > ul > li ul > li > a {
	color: #fff;
	text-shadow: none;
}
.custom_menu #menu > ul > li ul > li > a {
	background: none;
}
.custom_menu #menu > ul > li ul > li > a > span {
	background: url("/img/frontend/arrow_left_tiny_dark.png") -20px center no-repeat;
}
.custom_menu #menu > ul > li ul > li > a:hover > span {
	background: url("/img/frontend/arrow_left_tiny_dark.png") left center
		no-repeat;
}
.custom_menu #menu > ul > li ul > li > a.last_submenu_item {
	background: none;
}
/* Custom Nav : End */

/* 3rd level */
.subsub_menu {
	display: none;
	position: absolute;
	top: -3px;
	left: 97%;

	background: url("/img/frontend/menu_pale.png");
	background-image: -moz-linear-gradient(#f8f8f8, #eeeeee);
	background-image: -o-linear-gradient(#f8f8f8, #eeeeee);
	background-image: -webkit-linear-gradient(#f8f8f8, #eeeeee);
	background-image: linear-gradient(#f8f8f8, #eeeeee);

	border: 1px solid #ddd;

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

	z-index: 1021;
	padding: 3px 0 3px;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-khtml-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}
.dark_menu .subsub_menu {
	background: #4f5152;
	background-image: -moz-linear-gradient(#58595a, #414344);
	background-image: -o-linear-gradient(#58595a, #414344);
	background-image: -webkit-linear-gradient(#58595a, #414344);
	background-image: linear-gradient(#58595a, #414344);
	border: 1px solid #3b3d3e;

	box-shadow: none;
}

.custom_menu .subsub_menu {
	background: url("/img/frontend/menu.png") top left;
	border: none;
	box-shadow: none;
	left: 100%;
}
/*
#menu > ul > li ul > li.active {
	position: relative;
}*/
/* 3rd level : End */

/* 4rd level */
.subsubsub_menu {
	display: none;
	position: absolute;
	top: -3px;
	left: 97%;

	background: url("/img/frontend/menu_pale.png");
	background-image: -moz-linear-gradient(#f8f8f8, #eeeeee);
	background-image: -o-linear-gradient(#f8f8f8, #eeeeee);
	background-image: -webkit-linear-gradient(#f8f8f8, #eeeeee);
	background-image: linear-gradient(#f8f8f8, #eeeeee);

	border: 1px solid #ddd;

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

	z-index: 1021;
	padding: 3px 0 3px;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-khtml-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}
.dark_menu .subsubsub_menu {
	background: #4f5152;
	background-image: -moz-linear-gradient(#58595a, #414344);
	background-image: -o-linear-gradient(#58595a, #414344);
	background-image: -webkit-linear-gradient(#58595a, #414344);
	background-image: linear-gradient(#58595a, #414344);
	border: 1px solid #3b3d3e;
}
.custom_menu .subsubsub_menu {
	background: url("/img/frontend/menu.png") top left;
	border: none;
	box-shadow: none;
	left: 100%;
}

/* 4rd level : End */

#select_menu {
	display: none;
}

/* #Main Navigation :: END
================================================== */

/* #Main containers + Common styles
================================================== */

#wrapper {
	overflow: hidden;
	width: 100%;
	background: #fff;
}

#wrapper.full_wrapper {
	width: 100%;
	margin: 0px auto;
	padding: 20px 0 0;
}

.h5 {
	height: 5px;
}
.h10 {
	height: 10px;
}
.h15 {
	height: 15px;
}
.h20 {
	height: 20px;
}
.h40 {
	height: 40px;
}
.mt50 {
	margin-top: 50px !important;
}
.divider_bgr {
	background: url("/img/frontend/header_bgr_diag.png") left top;
}

.title {
	font-weight: 400;
	background: url("/img/frontend/header_bgr_diag.png") left top;
	font-size: 22px;
	line-height: 18px;
	margin: 20px 0 22px;
}
.title span {
	background: #fff;
	padding-right: 12px;
}

.sidebar {
	padding-bottom: 20px;
	margin-top: -30px;
}
.sidebar .title {
	font-size: 20px;
	line-height: 18px;
	margin-top: 30px;
	margin-bottom: 10px;
}

.heading {
	font-weight: 300;
	font-size: 26px;
	line-height: 30px;
	margin: 30px 0 24px;
	letter-spacing: -1px;
	padding-bottom: 10px;
	background: url("/img/frontend/header_bgr.png") left top;
}
.heading span {
	display: block;
	line-height: 30px;
	background: #fff;
	padding-bottom: 10px;
}

#header {
	position: relative;
	width: 100%;
	z-index: 100;
}

#header-upper {
	position: relative;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	font-size: 0;
}

#mobile-nav-toggle {
	display: inline-block;
	display: none;
	vertical-align: middle;
	margin: 0 20px 0 0;
	font-family: "Fjalla";
	text-transform: uppercase;
	font-size: 16px;
	color: #000;
	text-align: center;
	width: 35px;
	cursor: pointer;
}

#mobile-nav-toggle div {
	width: 33px;
	height: 4px;
	background: #000;
	border-radius: 3px;
	margin: 6px 1px 18px;
	box-shadow: 0 8px 0 0, 0 16px 0 0;
}

#site-logo {
	display: inline-block;
	vertical-align: middle;
	width: 190px;
	padding: 15px 0;
}

#site-logo img {
	width: 100%;
	display: block;
}

#header-right {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 190px);
	text-align: right;
}

#header-nav {
	background: var(--main-blue);
}

#header-nav-inner {
	position: relative;
	max-width: 1400px;
	margin: 0 auto;
}

#header-menu {
	font-size: 0;
	margin: 0;
}

#header-menu > li {
	display: inline-block;
	vertical-align: top;
	margin: 0;
}

#header-menu > li > a {
	color: #fff;
	font-size: 14px;
	display: block;
	line-height: 32px;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	padding: 12px 24px;
}
/*
#header-menu li:first-child,
#header-menu li:nth-child(2),
#header-menu li:nth-child(3),
#header-menu li:nth-child(4),
#header-menu li:nth-child(5),
#header-menu li:nth-child(6){
	width: 200px;
}*/

/*#header-menu > li:first-child > a {
	margin-left: -28px;
}*/

#header-menu > li > a:hover {
	background: var(--navy-blue-hover) /*rgba(255,255,255,0.15)*/;
}
#header-menu > li.nav-book-now > a:hover {
	background: var(--warm-red-hover);
}

#header-menu > li {
	position: relative;
}

#header-menu > li > .submenu {
	height: 0;
	margin: 0;
	overflow: hidden;
	position: absolute;
	top: 100%;
	left: 0px;
	background: #fff;
	box-shadow: 0 0px 65px rgba(0, 0, 0, 0.15);
	width: 100%;
	min-width: 178px;
	text-align: left;
	font-size: 0;
	opacity: 0;
	-webkit-transition: 0.2s opacity;
	-moz-transition: 0.2s opacity;
	-ms-transition: 0.2s opacity;
	transition: 0.2s opacity;
}

#header-menu > li > .submenu.pad {
	opacity: 1;
	-webkit-transition: 0.2s opacity;
	-moz-transition: 0.2s opacity;
	-ms-transition: 0.2s opacity;
	transition: 0.2s opacity;
}

#header-menu > li > .submenu.active {
	height: auto;
	-webkit-transition: 0.2s opacity;
	-moz-transition: 0.2s opacity;
	-ms-transition: 0.2s opacity;
	transition: 0.2s opacity;
}

#header-menu > li > .submenu > ul {
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-ms-transition: 0.2s all;
	transition: 0.2s all;
	margin: 0;
}

#header-menu > li > .submenu.pad > ul {
	padding: 20px 0px;
}

/*#header-menu #hm-schedule-fares .submenu {
	left: 79px;
	width: 240px;
}

#header-menu #hm-travel-info .submenu {
	left: 342px;
	width: 249px;
}

#header-menu #hm-overnight-packages .submenu {
	left: 587px;
}

#header-menu #hm-day-trip-packages .submenu {
	left: 803px;
}

#header-menu #hm-attractions .submenu {
	left: 954px;
}

#header-menu #hm-activity-tickets .submenu {
	left: 1024px;
}*/

/*#header-menu #hm-about-us .submenu {
	left: -27px;
}*/

/*#hm-packages .submenu {
	left: 584px !important;
}*/

#header-menu > li > .submenu > li {
	margin: 0;
}

#header-menu > li > .submenu > li > a {
	display: block;
	padding: 6px 28px;
	font-family: proxima-nova, sans-serif !important;
	font-weight: 400 !important;
	font-style: normal;
	font-size: 16px;
	line-height: 20px;
	color: #444;
}

#header-menu > li > .submenu > li > a:hover {
	background: #eee;
	color: #444;
}

#header-left {
	display: inline-block;
	vertical-align: middle;
}

#header-phone span:nth-child(2),
#header-phone {
	font-size: 12px;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #333;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

#header-phone span:first-child {
	display: inline-block;
	vertical-align: middle;
	width: 26px;
	height: 26px;
	background: url(../../img/frontend/icon-phone-red.png) center center no-repeat;
	background-size: 98%;
	margin: 0 8px 0 0;
}

#header-search {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px 0 0;
}

#log-in {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 20px;
}
#log-in span {
	display: inline-block;
	vertical-align: middle;
	width: 26px;
	height: 26px;
	background: url(../../img/frontend/icon_user.png) center center no-repeat;
	background-size: 98%;
	margin: 0 8px 0 0;
}

#log-in a {
	font-size: 12px;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	color: #333;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	text-transform: uppercase;
}

#header-search label {
	display: block;
	position: absolute;
	top: 0px;
	right: 0;
	font-size: 12px;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	color: #333;
	text-transform: uppercase;
	padding: 7px 5px;
	cursor: pointer;
	/*overflow: hidden;*/
	width: 46px;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}

#header-search.active label {
	width: 0;
}

#header-mag {
	background: url(../../img/frontend/icon-search-red.png) 5px 5px no-repeat;
	background-size: 24px;
	opacity: 1;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	width: 35px;
	height: 35px;
	z-index: 20;
	padding: 0 56px 0 0;
	margin: 0 -1px 0 0;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}

#header-search.active #header-mag {
	padding: 0;
	opacity: 0;
}

#header-search input[type="text"] {
	border: 0;
	border-radius: 0;
	color: #303030;
	background: transparent;
	height: 29px;
	width: 29px;
	padding: 3px 4px;
	outline: none;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0.02em;
	position: relative;
	z-index: 10;
	margin: 0;
	box-shadow: none;
	text-indent: -99px;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}

#header-search.active input[type="text"] {
	width: 140px;
	background: #fff;
	text-indent: 0px;

	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}

#header-search input[type="text"]::-ms-clear {
	display: none;
}

#header-search input[type="submit"] {
	margin: 0 0 0 -4px;
	border-radius: 0;
	border: none;
	width: 35px;
	height: 35px;
	outline: none;
	box-shadow: none;
	background: url(../../img/frontend/icon-search-red.png) center 5px no-repeat;
	background-size: 24px;
	opacity: 0;
	cursor: pointer;
	top: 0;
	right: 60px;
	position: absolute;
	z-index: 0;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}

#header-search.active input[type="submit"] {
	opacity: 1;
	z-index: 50;
	right: 0;
}

#header-search.active input[type="submit"] {
	display: block;
}

#header-search input[type="submit"]:focus,
#header-search input[type="submit"]:active {
	opacity: 1;
	box-shadow: none;
}

/*
#header-trip {
	font-size: 14px;
	font-family: Fjalla;
	color: #333;
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
	padding: 0px 24px 4px;
	cursor: pointer;
}

#header-trip span {
	display: block;
	margin: 0 auto;
	width: 32px;
	height: 32px;
	background: url(../../img/frontend/suitcase-red.png) center center no-repeat;
	background-size: 98%;
}
*/
/*
#header-reserve {
	display: inline-block;
	vertical-align: middle;
	background: var(--main-red);
	font-size: 18px;
	color: #FFF;
	font-family: Fjalla;
	text-transform: uppercase;
	border-radius: 0 0 5px 5px;
	text-align: center;
	padding: 12px 20px;
	margin: 0 0 6px;
	letter-spacing: 0.02em;
	cursor: pointer;
}

#header-reserve span {
	display: block;
	font-size: 22px;
}

#header-reserve.active {
	background: #FFF;
	color: var(--main-red);
	box-shadow: inset 0 0 0 2px var(--main-red);
	margin: -2px 0 6px;
	padding: 14px 20px 12px;
}
*/

.section_big_title {
	text-align: center;
	margin: 15px 0 40px;
}
.section_big_no_m {
	margin: 10px 0 0;
}
.section_big_title h1 {
	margin: 30px 0 0;
	font-weight: 300;
	font-size: 38px;
	line-height: 38px;
	color: #444;
	letter-spacing: -1px;
}
.section_big_title h1 strong {
	font-weight: 400;
	text-transform: uppercase;
	color: var(--main-red);
}
.section_big_title h2 {
	margin: 2px 0 22px;
	font-size: 21px;
	line-height: 28px;
	font-style: italic;
	font-weight: 300;
	color: #969696;
}

.carousel_section {
	position: relative;
	margin-bottom: 40px;
}

.home-feature-boxes {
	height: 75px;
	margin-bottom: 10px;
	padding: 20px 20px 20px 140px;
	background-color: #eee;
	border: 1px #ddd solid;
	font-size: 12px;
	background-position: 20px 20px;
	background-repeat: no-repeat;
}

.home-feature-boxes h3 {
	font-size: 14px;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: none;
	margin-bottom: 0px;
}

.home-feature-boxes p {
	margin-bottom: 0px;
}

.home-feature-boxes a {
	font-size: 13px;
	color: #999;
	font-weight: bold;
	float: right;
	margin-top: -5px;
}

.home-feature-boxes.passport {
	background-image: url(/img/frontend/passport.png);
}
.home-feature-boxes.newsletter {
	background-image: url(/img/frontend/email.png);
}

.section_featured_packages {
	position: relative;
}
.section_featured_packages h3 {
	margin: 0;
}
.section_featured_packages h4 {
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
}
.section_featured_packages h4 a {
	color: #555;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 5px;
	display: block;
}
.section_featured_packages h4 a:hover {
	color: var(--main-red);
}
.section_featured_packages p {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 5px;
}
.section_featured_packages a {
	color: var(--main-red);
	font-weight: bold;
	font-size: 14px;
}
.section_featured_packages a:hover {
	color: #555555;
}

.section_featured_text a {
	font-size: 15px;
	font-weight: bold;
	float: right;
	margin-top: -10px;
}

.clients_list ul {
	margin: 20px 0 !important;
}
.clients_list li {
	float: left;
	margin: 0 10px;
}
.clients_list li img {
	height: auto;
	max-width: 100%;
}

.services_list li img {
	height: auto;
	max-width: 100%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.services_description {
	padding-left: 16px;
}
.services_description h5 {
	margin: 20px 0 16px;
	font-size: 17px;
}
.services_description p {
	margin: 0 0 12px;
}
.services_description ul {
	margin-bottom: 30px;
}

.pic {
	position: relative;
	display: block;
}
.pic img {
	width: 100%;
	display: block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
a .img_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #333;
	background-color: rgba(0, 0, 0, 0.3);
	background-image: url(/img/frontend/icon_zoom.png);
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 0;

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
a:hover .img_overlay {
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 1;
}

a .img_overlay_zoom {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #333;
	background-color: rgba(0, 0, 0, 0.3);
	background-image: url(/img/frontend/icon_zoom.png);
	background-position: center center;
	background-repeat: no-repeat;

	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 0;

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
a:hover .img_overlay_zoom {
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 1;
}

.section_featured_texts {
	margin: 34px 0 40px;
}
.section_featured_texts_no_m {
	margin-bottom: 10px;
}
.section_featured_texts .icon {
	float: left;
	margin: 1px 16px 66px 0;
	width: 37px;
	height: 37px;
}
.section_featured_texts h3 {
	font-weight: 600;
	font-size: 20px;
	line-height: 26px;
	color: #555;
	letter-spacing: -1px;
	margin-left: 54px;
}
.section_featured_texts h3 a {
	color: #555;
}
.section_featured_texts h3 a:hover {
	color: var(--main-red);
}
.section_featured_texts p {
	color: #777;
	font-size: 13px;
	line-height: 21px;
	margin-right: 12px;
	margin-left: 54px;
}

.media_item {
	border-bottom: 1px dotted #eee;
	margin: 20px 0 20px;
	padding-bottom: 60px;
}

/* Icons */
.big_screen {
	background: url(/img/frontend/icon_big_screen.png) center center no-repeat;
}
.big_cog {
	background: url(/img/frontend/icon_big_cog.png) center center no-repeat;
}
.big_profile {
	background: url(/img/frontend/icon_big_profile.png) center center no-repeat;
}
.big_brush {
	background: url(/img/frontend/icon_big_brush.png) center center no-repeat;
}
.big_chat {
	background: url(/img/frontend/icon_big_chat.png) center center no-repeat;
}
.big_check {
	background: url(/img/frontend/icon_big_check.png) center center no-repeat;
}
.big_download {
	background: url(/img/frontend/icon_big_download.png) center center no-repeat;
}
.big_graph {
	background: url(/img/frontend/icon_big_graph.png) center center no-repeat;
}
.big_heart {
	background: url(/img/frontend/icon_big_heart.png) center center no-repeat;
}
.big_portfolio {
	background: url(/img/frontend/icon_big_portfolio.png) center center no-repeat;
}
.big_university {
	background: url(/img/frontend/icon_big_university.png) center center no-repeat;
}
.big_pencil {
	background: url(/img/frontend/icon_big_pencil.png) center center no-repeat;
}

/* LISTS */

ul.arrowed {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.arrowed li {
	padding: 0 0 0 20px;
	background: url("/img/frontend/arrow.png") 0px 3px no-repeat;
	margin-bottom: 6px;
}
ul.dotted {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.dotted li {
	padding: 0 0 0 20px;
	background: url("/img/frontend/dot.png") 0px 3px no-repeat;
	margin-bottom: 6px;
}
ul.checked {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.checked li {
	padding: 0 0 0 26px;
	background: url("/img/frontend/check.png") 0px 3px no-repeat;
	margin-bottom: 6px;
}

/* Tipsy */
.tipsy {
	padding: 5px;
	font-size: 10px;
	position: absolute;
	z-index: 100000;
}
.tipsy-inner {
	padding: 2px 8px 2px 8px;
	background-color: black;
	color: white;
	max-width: 200px;
	text-align: center;
}
.tipsy-inner {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.tipsy-arrow {
	position: absolute;
	background: url("/img/frontend/tipsy.gif") no-repeat top left;
	width: 9px;
	height: 5px;
}
.tipsy-n .tipsy-arrow {
	top: 0;
	left: 50%;
	margin-left: -4px;
}
.tipsy-nw .tipsy-arrow {
	top: 0;
	left: 10px;
}
.tipsy-ne .tipsy-arrow {
	top: 0;
	right: 10px;
}
.tipsy-s .tipsy-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -4px;
	background-position: bottom left;
}
.tipsy-sw .tipsy-arrow {
	bottom: 0;
	left: 10px;
	background-position: bottom left;
}
.tipsy-se .tipsy-arrow {
	bottom: 0;
	right: 10px;
	background-position: bottom left;
}
.tipsy-e .tipsy-arrow {
	top: 50%;
	margin-top: -4px;
	right: 0;
	width: 5px;
	height: 9px;
	background-position: top right;
}
.tipsy-w .tipsy-arrow {
	top: 50%;
	margin-top: -4px;
	left: 0;
	width: 5px;
	height: 9px;
}

.hilite {
	background: #7fe7f2;
	padding: 2px;
}
.hilite_dark {
	background: #4d5559;
	color: #fff;
	padding: 2px;
}

/* Testimonials */
.testimonials {
	position: relative;
}

.testimonial_quote {
}

.quote_content {
	background: #f8f8f8 url("/img/frontend/quote.png") 12px 12px no-repeat;
	border: 1px solid #e5e5e5;
	position: relative;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.quote_content p {
	margin: 14px 14px 16px 46px;
	font-size: 13px;
	line-height: 20px;
	font-style: italic;
	color: #777;
}
.quote_arrow {
	width: 12px;
	height: 7px;
	position: absolute;
	bottom: -7px;
	left: 46px;
	background: url("/img/frontend/quote_arrow.png") 0px 0px no-repeat;
}
.quote_author {
	position: relative;
	left: 46px;
	margin-top: 12px;
}
.quote_author_description {
	display: block;
	color: #aaa;
	font-size: 11px;
}
.icon_testimonial {
	display: inline;
	background: url("/img/frontend/icon_testimonial.png") 0px 3px no-repeat;
	padding-left: 24px;
	font-size: 14px;
	font-weight: 600;
}

/* TABS */

.htabs {
	height: 27px;
	line-height: 15px;
	border-bottom: 1px solid #eeeeee;
	margin-right: 4px;
}
.htabs a {
	color: #666;
	background: #fafafa url("/img/frontend/grad_menu.png") top left repeat-x;
	border-top: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	padding: 6px 10px 5px 10px;
	float: left;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(256, 256, 256, 0.8);
	margin-right: 4px;

	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	-khtml-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
}
.htabs a.selected {
	border-top: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	padding-bottom: 6px;
	background: #ffffff;
}
.tab-content {
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	padding: 20px 20px 20px;
	margin-bottom: 20px;
	z-index: 2;
	overflow: auto;

	-moz-border-radius: 0 4px 4px 4px;
	-webkit-border-radius: 0 4px 4px 4px;
	-khtml-border-radius: 0 4px 4px 4px;
	border-radius: 0 4px 4px 4px;
}

/* Accordions */
.acc_holder {
	padding: 5px;
	background: #f0f0f0;
	box-shadow: 0 1px 1px #aaa;
	margin-bottom: 10px;
}
.acc_item {
	padding: 12px 0px;
	margin: 0px 0 0;
	position: relative;
	cursor: pointer;

	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
.acc_item:hover {
	background: #f8f8f8;
}
.acc_control {
	float: left;
	background: #778185 url("/img/frontend/acc_bgr.png") 0px -18px no-repeat;
	width: 18px;
	height: 18px;
	margin: 0 14px 0px 8px;

	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;

	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	-khtml-border-radius: 17px;
	border-radius: 17px;
}
.active_acc .acc_control {
	background: #778185 url("/img/frontend/acc_bgr.png") 0px 0px no-repeat;
}
.acc_heading {
	display: block;
	margin-left: 40px;
	font-size: 12px;
}
.accordion button {
	margin-top: 10px;
}
.accordion {
	padding: 0px;
	margin: 0 !important;

	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;

	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
}

.accordion_content {
	display: none;
	padding: 10px 10px 0 40px;
	color: #777;
}

/* Page elements */
.page-container {
	position: relative;
}

.page-inner {
	max-width: 1400px;
	margin: 0 auto;
	position: relative;
}

.page_heading {
	padding: 40px 0;
}

.page_heading h1,
.page-content h1 {
	font-size: 50px;
	text-align: center;
	margin: 0;
	font-family: Fjalla;
	font-weight: 500;
	color: #000;
	line-height: 60px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.page-content h3 {
	font-size: 22px;
	line-height: 28px;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	font-style: normal;
	letter-spacing: -0.015em;
	margin: 30px 0 5px;
	color: #000;
	text-transform: none;
}

.page_heading h3 {
	text-align: center;
	font-size: 22px;
	line-height: 28px;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	letter-spacing: -0.015em;
	margin: 0px 0 5px;
	color: #000;
	opacity: 0.5;
}

.page-content img {
	max-width: 100%;
	display: block;
	height: auto;
}

.page-content .hero-img img {
	width: 100%;
	max-width: 100%;
	display: block;
}

.page_heading.checkout {
	margin: 30px 0 10px;
	background: url("/img/frontend/heading_bgr.png") 0px 3px repeat-x;
}
.page_heading.checkout h1 {
	display: inline;
	font-weight: 300;
	font-size: 34px;
	line-height: 50px;
	background: #fff;
	margin: 0;
	padding-right: 10px;
}

.page-content {
	padding: 0 0 80px;
	overflow: hidden;
}

.breadcrumb {
	margin: 16px 0 0;
	height: 20px;
	line-height: 20px;
}
.breadcrumb a.first_bc {
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	-khtml-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
.breadcrumb a {
	float: left;
	color: #666;
	font-size: 11px;

	background: #f8f8f8 url("/img/frontend/grad_menu.png") top left repeat-x;

	text-shadow: 0 1px 0 rgba(256, 256, 256, 0.8);

	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;

	line-height: 20px;
}
.breadcrumb a:hover {
	color: var(--main-red);
}
.breadcrumb a span {
	display: block;
	line-height: 20px;
	background: url("/img/frontend/breadcrumb_divider.png") center right no-repeat;
	padding: 0 20px 0 12px;
}
.breadcrumb a.last_bc span {
	display: block;
	line-height: 20px;
	background: url("/img/frontend/breadcrumb_divider_last.png") center right
		no-repeat;
	padding: 0 20px 0 12px;
}

.success,
.warning,
.attention,
.information {
	padding: 8px 14px;
	margin-top: 6px;
	margin-bottom: 14px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
.success a,
.warning a,
.attention a,
.information a {
	color: #444;
}
.success {
	background: #d6f7e2;
	border: 1px solid #c2ebd1;
}
.warning {
	background: #ffe8e8;
	border: 1px solid #efd9d9;
}
.attention {
	background: #fff5cc;
	border: 1px solid #f0e6bf;
}
.information {
	background: #e2f5f7;
	border: 1px solid #d1e9ec;
}
.success .close,
.warning .close,
.attention .close,
.information .close {
	float: right;
	padding-top: 4px;
	padding-right: 4px;
	cursor: pointer;
}
.required {
	color: #ff4242;
	font-weight: bold;
	padding-left: 2px;
}
.error {
	display: block;
	color: #ff4242;
}
.close_img {
	width: 7px;
	height: 7px;
	float: right;
	margin: 7px 0 7px 20px;
	background: url("/img/frontend/close.png") 0px 0px no-repeat;
	cursor: pointer;
}

/* Sidebar Menu */
.box-category {
	padding: 0px;
}
.side_bar_menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
.side_bar_menu > li {
	margin: 1px 0px;
}
.side_bar_menu > li + li {
}
.side_bar_menu > li > a {
	display: inline-block;
	color: #444;
	text-decoration: none;
	font-size: 13px;
	border-radius: 3px;
	position: relative;
}
.link_span {
	display: block;
	padding: 4px 10px 4px 19px;
	position: relative;
	z-index: 21;
	text-shadow: 0 1px 0 rgba(256, 256, 256, 0.7);
	background: url("/img/frontend/arrow.png") 2px 7px no-repeat;
}
.side_bar_menu > li ul {
	margin: 1px 0 3px 10px;
}
.side_bar_menu > li a.active {
	background: #f7f7f7;
}
.side_bar_menu > li a:hover {
}
.side_bar_menu > li a.active + ul {
	display: block;
}
.side_bar_menu > li ul > li {
	margin: 1px 0px;
}
.side_bar_menu > li ul > li > a {
	display: inline-block;
	color: #444;
	font-size: 13px;
	text-decoration: none;
	border-radius: 3px;
	text-shadow: 0 0 1px #fff;
	position: relative;
}
.side_bar_menu > li ul > li > a.active {
	background-color: #f5f5f5;
	border-radius: 3px;
	text-shadow: 0 0 1px #fff;
}
.hover_span {
	display: block;
	width: 0;
	height: 100%;

	background: #fafafa url("/img/frontend/grad_menu.png") top left repeat-x;

	border-radius: 3px;
	position: absolute;
	top: 0;
	z-index: 20;
}

.textwidget {
	padding: 0 0 10px;
	margin: 0px 0 0;
}
.tagcloud {
	padding: 0 0 10px;
}
.tagcloud a {
	float: left;
	font-size: 12px;
	padding: 3px 7px;
	color: #555;
	text-shadow: 0 1px 0 rgba(256, 256, 256, 0.7);
	background: #fafafa url("/img/frontend/grad_menu.png") top left repeat-x;

	margin: 0 6px 6px 0;
	border: 1px solid #e6e6e6;

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border-radius: 2px;
}
.tagcloud a:hover {
	color: #666;
	background-color: #eee;
	border: 1px solid #d5d5d5;
}

/* Blog Page */
.post_item {
	border-bottom: 1px dotted #eee;
	margin-bottom: 30px;
}

.post_title {
	margin: 24px 0 10px;
	font-size: 23px;
	line-height: 30px;
}
.post_meta {
	margin: 0;
	font-size: 12px;
	line-height: 20px;
	color: #999;
}
.post_meta a {
	color: #888;
}
.post_meta a:hover {
	color: var(--main-red);
}

.calendar {
	margin-right: 8px;
	background: url("/img/frontend/blog_icon_date.png") 0px 1px no-repeat;
	padding: 0 12px 0 22px;
	border-right: 1px solid #ddd;
}
.author {
	margin-right: 8px;
	background: url("/img/frontend/blog_icon_author.png") 0px 1px no-repeat;
	padding: 0 12px 0 22px;
	border-right: 1px solid #ddd;
}
.comments {
	margin-right: 8px;
	background: url("/img/frontend/blog_icon_comments.png") 0px 1px no-repeat;
	padding: 0 12px 0 23px;
	border-right: 1px solid #ddd;
}
.tags {
	margin-right: 8px;
	background: url("/img/frontend/blog_icon_tags.png") 0px 0px no-repeat;
	padding: 0 12px 0 23px;
}

.post_description {
	margin: 16px 0 24px;
}

/* Post/Portfolio specific elements */
.post_description ul {
	margin-bottom: 20px;
	margin-left: 12px;
}
.post_description h1 {
	margin-top: 20px;
	font-size: 24px;
	line-height: 30px;
}
.post_description h2 {
	margin-top: 16px;
	font-size: 21px;
	line-height: 27px;
}
.post_description h3 {
	margin-top: 14px;
	font-size: 18px;
	line-height: 24px;
}
.post_description h4 {
	margin-top: 10px;
	font-size: 16px;
	line-height: 21px;
}
.post_description h5 {
	margin-top: 10px;
	font-size: 15px;
	line-height: 20px;
}
.post_description p {
	margin: 0 0 12px;
}

.padded_block {
	margin-bottom: 80px;
}
.half_padded_block {
	margin-bottom: 40px;
	position: relative;
}
.portfolio_page {
	margin-top: 32px;
}
.portfolio_description {
	margin-top: -20px;
	padding-left: 16px;
}
.portfolio_description h5 {
	margin: 20px 0 16px;
	font-size: 17px;
}
.portfolio_description p {
	margin: 0 0 12px;
}
.portfolio_description ul {
	margin-bottom: 30px;
}

/* Comments Section */
.comments_section {
	margin: 60px 0 60px;
}
.comments_section label {
	font-weight: normal;
}
.aqua_input,
input[type="text"].aqua_input,
input[type="password"].aqua_input,
input[type="email"].aqua_input,
textarea.aqua_input,
select.aqua_input {
	width: 250px;
	border: 1px solid #eee;
	padding: 7px 8px 7px 8px;
	font-size: 13px;
	background: #fbfbfb;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.05);
	transition: all 0.3s cubic-bezier(0.4, 0.1, 0.2, 0.7);
	-webkit-transition: all 0.3s cubic-bezier(0.4, 0.1, 0.2, 0.7);
	-moz-transition: all 0.3s cubic-bezier(0.4, 0.1, 0.2, 0.7);
}
textarea.aqua_input {
	width: 400px;
}
.aqua_input:focus {
	border: 1px solid #ccc !important;
}

/* Related Posts */
.related_posts_section {
	position: relative;
	margin: 0px 0 0 -10px;
}
.related_posts_section h4 {
	margin: 14px 0 8px;
	font-size: 16px;
	line-height: 21px;
}
.related_posts_section .meta_date {
	font-size: 12px;
	line-height: 12px;
	margin: 0 0 10px 0;
	color: #999;
	font-style: italic;
}
.related_posts_section p {
	color: #777;
	font-size: 12px;
	line-height: 18px;
}
/* Comments */

.comment_list {
	margin: 40px 0;
	border-top: 1px solid #eee;
	padding-top: 30px;
}

/* Comment List */

.comment_list ol {
	list-style: none;
	margin-left: 0px;
}
.comment_list ol.comment_sub {
	list-style: none;
}

li.comment .single_comment {
	padding: 20px 0;
	border-top: 1px dotted #ddd;
}
li.comment .single_comment.first_comment {
	border-top: none;
}

li.comment ol.comment_sub {
	margin-left: 65px;
}

/* Comment List Content */

.comment_list ol .comment_avatar {
	float: left;
	margin-right: 15px;
}

.comment_list ol .comment_avatar a.comment_edit {
	display: block;
	margin-top: 12px;
	text-align: center;
	font-style: italic;
}

.comment_list ol .comment_content {
	overflow: hidden;
}

.comment_list ol .comment_name {
	font-weight: bold;
}
.comment_list ol .comment_name span {
	font-weight: normal;
	color: #aaa;
	margin: 0 8px;
}

.comment_list ol .comment_name a {
	font-size: 14px;
	font-weight: 600;
}
.comment_list ol .comment_name a.comment_reply {
	font-size: 13px;
	font-weight: normal;
}

.comment_list ol .comment_desc {
	font-size: 12px;
	margin-bottom: 16px;
	color: #999;
	font-style: italic;
}

/* Pagination */
.pagination {
	margin-bottom: 20px;
}
.pagination .links {
	float: left;
	font-size: 13px;
	line-height: 16px;
}
.pagination .links a {
	display: inline-block;
	padding: 4px 10px;
	text-decoration: none;

	background: #f8f8f8 url("/img/frontend/grad_menu.png") top left repeat-x;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	text-shadow: 0px 1px 0px #fff;
	color: #666;
	font-weight: 400;
}
.pagination .links a:hover {
	background-color: var(--main-red);
	color: white;
	text-shadow: none;
}

.pagination .links b {
	display: inline-block;
	padding: 3px 9px;
	font-weight: normal;
	text-decoration: none;
	color: #555;
	font-weight: 400;
	cursor: default;
}
.pagination .results {
	float: right;
	padding-top: 3px;
}

/* Sidebar Latest Posts */
.latest_post_sidebar {
	font-size: 11px;
	line-height: 15px;
	margin-right: 8px;
}
.latest_post_sidebar img {
	float: left;
	width: 52px;
	height: 52px;
	border: 1px solid #ddd;
	padding: 3px;
	background: #fff;
	margin: 2px 14px 22px 0;

	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.latest_post_sidebar img:hover {
	border: 1px solid #bbb;
}
.latest_post_sidebar p {
	font-size: 11px;
	line-height: 15px;
	margin-bottom: 8px;
}
.latest_post_sidebar p.date {
	color: #999;
}

.latest_post_sidebar p.latest_post_sidebar_title {
	padding-top: 2px;
	font-size: 12px;
	line-height: 15px;
}

/* Portfolio Page */

.portfolio {
	margin: 20px -20px 20px 0;
}
#portfolio_items {
	margin-right: -20px;
}
.portfolio_filter {
	margin: 20px 0;
}
.portfolio_filter span {
	float: left;
	margin: 0 6px 6px 0;
	font-size: 12px;
	padding: 5px 12px;
	color: #555;
}
.portfolio_filter div {
	float: left;
	font-size: 12px;
	padding: 5px 12px;
	color: #555;
	text-shadow: 0 1px 0 rgba(256, 256, 256, 0.7);
	background: #fafafa url("/img/frontend/grad_menu.png") top left repeat-x;

	margin: 0 6px 6px 0;

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border-radius: 2px;
	cursor: pointer;
}
.portfolio_filter div:hover {
	color: #fff;
	background-color: #374045;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.portfolio_filter div.current {
	color: #fff;
	background-color: var(--main-red);
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

.portfolio_item {
	float: left;
	width: 300px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.portfolio_item .pic img {
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

.portfolio_item a h4 {
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	color: #333;

	padding: 10px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;

	background: #fcfcfc url("/img/frontend/grad_menu.png") top left repeat-x;
	text-shadow: 0 1px 0 rgba(256, 256, 256, 0.8);
}
.portfolio_item a:hover h4 {
	color: #222;
	background-color: #e5e5e5;
	text-shadow: 0 1px 0 rgba(256, 256, 256, 0.6);
}

.portfolio_item a h5 {
	text-align: center;
	font-size: 13px;
	line-height: 16px;
	margin: 0;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	color: #333;

	padding: 8px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;

	background: #fcfcfc url("/img/frontend/grad_menu.png") top left repeat-x;
	text-shadow: 0 1px 0 rgba(256, 256, 256, 0.8);
}
.portfolio_item a:hover h5 {
	color: #222;
	background-color: #e5e5e5;
	text-shadow: 0 1px 0 rgba(256, 256, 256, 0.6);
}

/* About Page */

.team_block {
	margin: 30px 0;
}
.team_block h4 {
	margin: 20px 0 6px;
	text-align: center;
	font-weight: 600;
	font-size: 15px;
	line-height: 22px;
}
.team_block .team_desc {
	font-style: italic;
	color: #aaa;
	text-align: center;
}
.team_block p {
}

/* Table */
.aqua_table {
	margin: 20px 0;
}
.aqua_table th {
	border: 1px solid #e2e2e2;
	background: #fcfcfc url("/img/frontend/grad_menu.png") top left repeat-x;
	text-align: center;
	padding: 8px 14px;
	font-size: 14px;
	text-align: left;
	font-weight: 600;
}
.aqua_table td {
	padding: 8px 14px;
	border: #e2e2e2 1px solid;

	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.aqua_table tr.odd td {
	background: #f9f9f9;
}
.aqua_table tr:hover td {
	background: #edf9fa;
}
.aqua_table td.b {
	font-weight: 600;
}
.al_right {
	text-align: right;
}

.no_bm {
	margin-bottom: 0;
}

/* Trip Planner */

#trip-planner-wrapper {
	position: relative;
	margin: 0 auto;
	/*max-width: 1400px;*/
	-webkit-transition: 0.8s all;
	-moz-transition: 0.8s all;
	-ms-transition: 0.8s all;
	transition: 0.8s all;
}

#trip-planner-wrapper.active {
	position: absolute;
	width: 100%;
	max-width: none;
	height: 528px;
	background: #fff;
	z-index: 100;
	padding: 20px 0;
	box-shadow: 0 40px 50px 20px #fff;
}

#trip-planner {
	/*position: absolute;*/
	/*top: 40px;*/
	left: 0;
	z-index: 100;
	background: var(--light-gray);
	/*opacity: 0.85;*/
	/*width: 420px;*/
	/*box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);*/
	-webkit-transition: 0.8s all;
	-moz-transition: 0.8s all;
	-ms-transition: 0.8s all;
	transition: 0.8s all;
}

#trip-planner-wrapper.active #trip-planner {
	left: calc(50% - 170px);
	top: 20px;
}

#trip-planner .trip-planner-title {
	text-transform: uppercase;
	color: var(--black);
	text-align: left;
	font-size: 35px;
	background: var(--light-gray);
	font-family: Fjalla;
	font-weight: 500;
	letter-spacing: 0.05em;
	padding: 10px 17px 9px 34px;
	width: 12%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.trip-planner-title span {
	display: block;
	font-family: Fjalla;
	font-weight: 500;
	font-size: 29px;
	letter-spacing: 0.05em;
	line-height: 36px;
	color: #000;
	text-align: left;
}

#trip-planner .help-block {
	margin-bottom: 0px;
	font-size: 9px;
	line-height: 9px;
}

#trip-planner form {
	padding: 0;
	margin: 0 0 0 -60px;
}

#ferry-form {
	display: flex !important;
	justify-content: space-evenly;
	align-items: center;
}

#trip-planner {
	display: flex;
	justify-content: center;
	align-items: center;
}

#ferry-form #trip-planner-type {
	width: 20%;
}
#ferry-form .vehicle-types {
	width: 25%;
	margin-top: -10px;
}
#ferry-form .starting-point {
	width: 22%;
}

#ferry-form #searchButton {
	width: 12%;
}
#trip-planner fieldset label {
	float: left;
	margin-right: 20px;
	margin-top: 0;
}

#trip-planner .depart-return-dates input[type="text"],
#trip-planner .travel-date input[type="text"] {
	border: 0;
	padding: 10px;
	outline: none;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-size: 14px;
	color: #777;
	margin: 0;
	max-width: 100%;
	display: block;
	background: url(/img/frontend/icon-calendar.png) 96% 6px no-repeat #fff;
	background-size: 28px;
	margin-bottom: 0;
	box-sizing: border-box;
	border-radius: 0;
	font-weight: 500;
	text-transform: none;
	letter-spacing: 0em;
}

#trip-planner select {
	margin-bottom: 0;
	width: 100%;
	border-radius: 0;
	border: 0;
	font-size: 16px;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 800;
	font-style: normal;
	text-transform: uppercase;
	padding: 11px;
	-webkit-appearance: none;
	background: url(/img/frontend/icon-dropdown-arrow-red.png) 97% center
		no-repeat #fff;
	background-size: 22px;
	cursor: pointer;
	height: 57px;
	letter-spacing: 0.1em;
	color: black;
}

#ReservationDepartPort {
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 800;
	font-style: normal;
}

#trip-planner fieldset {
	margin-bottom: 0px;
}

#trip-planner label {
	/*margin-top: 10px;
	font-weight: bold;
	/*font-family: Lato;
	font-weight: 700;
	letter-spacing: 0.1em;*/
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 800;
	font-style: normal;
	font-size: 16px;
	letter-spacing: 0.1em;
}

#trip-planner-type label {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	margin: 0;
}

#trip-planner-type {
	margin: 0 -5px;
	font-size: 0;
}

#trip-planner-type input[type="radio"] {
	display: none;
}

#trip-planner-type label > span {
	position: relative;
	overflow: hidden;
	display: block;
	background: #fff;
	color: var(--main-red);
	text-align: center;
	margin: 0 5px;
	line-height: 57px;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 800;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 14px;
	cursor: pointer;
}

#trip-planner-type label > span > span {
	position: relative;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 800;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 16px;
	color: #fff;
	z-index: 10;
}

#trip-planner-type label:hover > span:before,
#trip-planner-type label:hover > span:after {
	opacity: 1;
}

#trip-planner-type label.active > span {
	background: var(--main-blue);
	color: #fff;
}

#trip-planner-type label[for="oneway"] > span > span {
	color: var(--black);
}

#trip-planner-type label[for="oneway"].active > span > span {
	color: #fff;
}

#trip-planner-type label[for="roundtrip"] > span > span {
	color: var(--black);
}

#trip-planner-type label[for="roundtrip"].active > span > span {
	color: #fff;
}

#trip-planner .passengers input {
	border: 0;
	padding: 14px 0;
	outline: none;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-size: 19px;
	color: #777;
	margin: 0;
	max-width: 100%;
	display: inline-block;
	vertical-align: top;
	background: #fff;
	margin-bottom: 0;
	box-sizing: border-box;
	border-radius: 0;
	text-align: center;
	width: 48px;
}

.passengers .form-group {
	font-size: 0;
}

.passenger-input-box {
	padding: 2px;
	background: #fff;
}

.noselect {
	-webkit-user-select: none; /* Chrome all / Safari all */
	-moz-user-select: none; /* Firefox all */
	-ms-user-select: none; /* IE 10+ */
	user-select: none;
}

/* Chrome, Safari, Edge, Opera */
#trip-planner .passengers input::-webkit-outer-spin-button,
#trip-planner .passengers input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
#trip-planner .passengers input[type="number"] {
	-moz-appearance: textfield;
}

#trip-planner .departure-date,
#trip-planner .return-date {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding: 0 5px;
	box-sizing: border-box;
}

.depart-return-dates {
	font-size: 0;
	margin: 0 -5px;
	width: auto;
}

#trip-planner .nav-pills {
	padding: 0;
	margin: 0;
	background: #000;
	font-size: 0;
	display: none; /* HIDDEN PER 2020/2/26 CONFERENCE MEETING */
}

#trip-planner #searchButton,
#trip-planner #searchPackagesButton,
#travel-reqs-accept-btn {
	-webkit-appearance: none;
	border: 0;
	background: var(--main-red) !important;
	color: #fff;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 800;
	font-style: normal;
	font-size: 16px;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	text-align: center;
	/*width: calc( 100% + 60px);*/
	margin: 0px -30px 0px;
	height: 52px;
	display: block;
	position: relative;
	overflow: hidden;
}
/*
#trip-planner #searchButton:before, #contact-form-submit:before {
	content: '';
	position: absolute;
	top: calc( 100% + 20px );
	left: 50%;
	margin: 0 -300px;
	width: 600px;
	height: 600px;
	border-radius: 300px;
	background: #ff3c44;

	-webkit-transition: 0.6s all;
	-moz-transition: 0.6s all;
	-ms-transition: 0.6s all;
	transition: 0.6s all;
}
*/
#trip-planner #searchButton:hover:before,
#contact-form-submit:hover:before {
	top: calc(-200% + 0px);
}

#trip-planner #searchButton:hover {
	background: var(--warm-red-hover) !important;
}
button span {
	position: relative;
	z-index: 10;
}

.popover-content {
	font-size: 12px;
}

.popover.right .arrow {
	border-right-color: rgba(255, 255, 255, 0.25) !important;
}

#trip-planner .nav-pills li {
	float: none;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	margin: 0;
}

#trip-planner .nav-pills a {
	background-color: #505050;
	color: #fff;
	text-align: center;
	margin: 0;
	border-radius: 0;
	font-size: 14px;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	line-height: 52px;
	padding: 0;
}

#trip-planner .nav-pills > .active > a {
	background: #fff;
	color: #383838;
}

#trip-planner .nav-pills :not(.active) a:hover {
	background: #6b6b6b;
}

#trip-planner .tab-content {
	padding: 28px 30px 28px 0px;
	margin: 0;
	border: none;
	background: var(--light-gray);
	border-radius: 0;
	width: 85%;
}

#trip-planner .form-group {
	margin-bottom: 3px;
}

#trip-planner select.error {
	border: 1px solid #ff4242;
}

#trip-planner .icon-question-sign {
	vertical-align: sub;
	float: right;
	margin-top: 14px;
	cursor: pointer;
}

#trip-planner #ferry-only span {
	display: inline-block;
	vertical-align: middle;
	background: url(/img/frontend/icon-ferry-small-light.png);
	background-size: 100% !important;
	width: 50px;
	height: 23px;
	margin: 0 8px 5px 0;
}

#trip-planner #ferry-only.active span {
	background: url(/img/frontend/icon-ferry-small-dark.png);
}

#trip-planner #package-deal span {
	display: inline-block;
	vertical-align: middle;
	background: url(/img/frontend/icon-package-small-light.png);
	background-size: 100% !important;
	width: 25px;
	height: 23px;
	margin: 0 8px 5px 0;
}

#trip-planner #package-deal.active span {
	background: url(/img/frontend/icon-package-small-dark.png);
}

.packages-2-col {
	font-size: 0;
	margin: 0 -5px;
}

#trip-planner .browse-regions,
#trip-planner .travel-date {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding: 0 5px;
	box-sizing: border-box;
	margin-top: -15px;
}

/* Rotator */
#slider-wrapper,
.swiper-container {
	position: relative;
	z-index: 90;
}

.swiper-container,
.package-swiper {
	width: 100%;
	height: 100%;
}

#hotelImageSlider,
#map {
	height: 550px;
}

#hotelImageSlider > .swiper-wrapper > .swiper-slide img {
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-slide a {
	display: block;
	width: 100%;
}

.swiper-slide img {
	display: block;
	width: 100%;
}

#home-rotator .swiper-pagination-bullet,
.swiper-pagination-bullet {
	box-shadow: 0 0 0 2px #fff;
	width: 12px;
	height: 12px;
	opacity: 1;
	margin: 0 6px;
}

#home-rotator .swiper-pagination-bullet-active,
.swiper-pagination-bullet-active {
	background: #fff !important;
}

#home-rotator .swiper-button-prev,
#home-rotator .swiper-button-next {
	display: none;
}

/* #Footer
================================================== */
#footer {
	position: relative;
	width: 100%;
	background: url(/img/frontend/footer-overlay.png) center center no-repeat
		var(--main-blue);
	background-size: auto 675px;
	font-size: 12px;
	color: #fff;
}

#footer-inner {
	position: relative;
	margin: 0 auto;
	max-width: 1400px;
	padding: 70px 0;
}

.footer-col-1 a {
	font-family: "Fjalla";
}

#wrapper.full_wrapper #footer {
	width: 100%;
}

.footer_inside {
	margin: 20px 15px;
}
#wrapper.full_wrapper .footer_inside {
	width: 960px;
	margin: 20px auto;
}

#footer h3 {
	color: #d1d6d9;
	font-size: 15px;
	line-height: 21px;
	margin-top: 0px;
	margin-bottom: 14px;
}
#footer.footer_dark h3 {
	color: #818f96;
	text-shadow: 0px -1px 0px var(--main-blue);
}
#footer .column {
	float: left;
	width: 18%;
	min-height: 100px;
}
#footer .big_column {
	float: right;
	width: 28%;
	min-height: 100px;
}
#footer p {
	margin-bottom: 0;
}

/* Footer Icons*/
.icon_tweet {
	float: right;
	width: 23px;
	height: 23px;
	background: url("/img/frontend/icon_tweet.png") center -23px no-repeat;
	text-indent: -9999px;
	margin-left: 12px;
}
a.icon_tweet:hover {
	background: url("/img/frontend/icon_tweet.png") center top no-repeat;
}
.icon_facebook {
	float: right;
	width: 23px;
	height: 23px;
	background: url("/img/frontend/icon_facebook.png") center -23px no-repeat;
	text-indent: -9999px;
	margin-left: 12px;
}
a.icon_facebook:hover {
	background: url("/img/frontend/icon_facebook.png") center top no-repeat;
}
.icon_pinterest {
	float: right;
	width: 23px;
	height: 23px;
	background: url("/img/frontend/icon_pinterest.png") center -23px no-repeat;
	text-indent: -9999px;
	margin-left: 12px;
}
a.icon_pinterest:hover {
	background: url("/img/frontend/icon_pinterest.png") center top no-repeat;
}
.icon_instagram {
	float: right;
	width: 23px;
	height: 23px;
	background: url("/img/frontend/icon_instagram.png") center -23px no-repeat;
	text-indent: -9999px;
	margin-left: 12px;
}
a.icon_instagram:hover {
	background: url("/img/frontend/icon_instagram.png") center top no-repeat;
}
.icon_google {
	float: right;
	width: 23px;
	height: 23px;
	background: url("/img/frontend/icon_google.png") center -23px no-repeat;
	text-indent: -9999px;
	margin-left: 12px;
}
a.icon_google:hover {
	background: url("/img/frontend/icon_google.png") top center no-repeat;
}

.icon_phone {
	font-size: 13px;
	line-height: 24px;
	background: url("/img/frontend/icon_footer_phone.png") left 4px no-repeat;
	padding: 0 0 0 30px;
	margin-bottom: 6px;
}
.icon_mail {
	font-size: 13px;
	line-height: 24px;
	background: url("/img/frontend/icon_footer_mail.png") left 5px no-repeat;
	padding: 0 0 0 30px;
	margin-bottom: 6px;
}
.icon_loc {
	font-size: 13px;
	line-height: 24px;
	background: url("/img/frontend/icon_footer_loc.png") left 3px no-repeat;
	padding: 0 0 0 30px;
	margin-bottom: 6px;
}

#footer.footer_dark .icon_phone,
#footer.footer_dark .icon_mail,
#footer.footer_dark .icon_loc {
	color: #748188;
	text-shadow: none;
}

#footer .columns ul {
	margin: 0px 0 0 18px;
	list-style: none;
	padding: 0;
}
#footer .columns ul li {
	margin-bottom: 4px;
	background: url("/img/frontend/arrow_footer_list.png") -5px 1px no-repeat;
	padding-left: 16px;
}
.margined_left {
	margin-left: 18px;
}

#footer a {
	text-decoration: none;
	padding: 0px;
	font-size: 15px;
	line-height: 26px;
	color: #fff;
	font-family: proxima nova, sans-serif;
	font-weight: 400;
	display: block;
	margin: 0 -10px 0 0;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.footer-col {
	display: inline-block;
	vertical-align: top;
	padding: 0 60px 0 0;
}

#footer .footer-heading {
	padding: 0;
	height: 34px;
}

.footer-subheading {
	padding: 0px;
	font-size: 16px;
	line-height: 26px;
	color: #fff;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	display: block;
	font-weight: 600;
}

#footer p {
	margin-bottom: 0;
	padding: 0px;
	font-size: 16px;
	line-height: 26px;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 400;
	font-style: normal;
	display: block;
	color: #fff;
	-webkit-font-smoothing: subpixel-antialiased;
}

#footer .footer-col-1 a,
#footer .footer-heading a {
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
	line-height: 34px;
	letter-spacing: 0.15em;
}

#footer .footer-col-1 a {
	font-size: 22px;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
	line-height: 34px;
	/*letter-spacing: 0.15em;*/
}

#footer a.button.red {
	background: var(--main-red);
	color: #fff;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 600;
	letter-spacing: 0.22em;
	font-size: 16px;
	display: inline-block;
	padding: 6px 23px;
	margin: 12px 0 0;
}

#footer .footer-col-1 a.button:hover {
	color: #fff;
}

.footer-phone-wrapper {
	padding: 3px 0 0px 35px;
	background: url(/img/frontend/icon-phone-white.png) 0px 18px no-repeat;
	background-size: 30px;
}

.footer-victoria-terminal {
	padding: 20px 0 0;
}

#footer-lower {
	position: relative;
	z-index: 10;
	margin: -70px 0 0;
	font-size: 0;
	float: right;
}

#footer-lower-left {
	display: inline-block;
	vertical-align: top;
	width: 300px;
}

#footer-lower-right {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 300px);
	text-align: right;
	margin: -50px 0 0;
}

#footer-lower-right a {
	display: inline-block;
	vertical-align: middle;
	padding: 0 40px 0 0;
	font-family: "Fjalla";
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 500;
	line-height: 34px;
}

#footer a.footer-social {
	width: 44px;
	height: 44px;
	padding: 8px;
	box-sizing: border-box;
	margin: 0 0 0 14px;
	border-radius: 22px;
	background: #fff;
	display: inline-block;
	vertical-align: top;
}

#footer a.footer-social.facebook {
	margin: 0;
}

#footer .footer-social img {
	width: 100%;
	display: block;
}

.footer-col.footer-col-7 {
	padding: 0;
}

#footer-copyright a,
#footer-copyright span {
	display: inline-block;
	vertical-align: top;
	vertical-align: middle;
	font-size: 15px;
	line-height: 26px;
	color: #fff;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	padding: 0 0 0 35px;
	font-weight: 400;
	letter-spacing: 0.02em;
}

#footer-copyright {
	text-align: right;
	border-top: 1px solid #fff;
	padding: 10px 0 0;
}

#footer-copyright a:first-child {
	padding: 0;
}

#footer .footer-col-1 a:hover,
#footer .footer-heading a:hover,
#footer-lower-right a:hover,
#footer a:hover {
	color: var(--dark-gray);
}

#footer a.footer-social:hover {
	padding: 4px;
}

.footer-col.footer-col-5 {
	padding: 0;
}

/* #Footer :: END
================================================== */

#footer a.button.red:hover {
	background: var(--warm-red-hover);
}
/*
 * Ferry Reservation Page
 */

/* Inventory Icons */
[class^="inventory-icons-"],
[class*="inventory-icons-"] {
	display: inline-block;
	vertical-align: text-top;
	height: 50px;
	width: 50px;
	margin-left: 10px;
}
.inventory-icons-Vehicles {
	background: transparent url("/img/icons/car.png") top left repeat-x;
}
.inventory-icons-Passengers {
	background: transparent url("/img/icons/passengers.png") top left repeat-x;
}
.inventory-icons-Motorcycles {
	background: transparent url("/img/icons/motorcycle.png") top left repeat-x;
}
.inventory-icons-Bicycles {
	background: transparent url("/img/icons/bicycle.png") top left repeat-x;
}

label.sub-label {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 10px;
	color: #666;
}
/* Inventory Selection (UL list items) */
.hide {
	display: none;
}
#inventoryList label {
	color: #666;
}

#inventoryList li a {
	cursor: pointer;
}
#inventoryList .listSpan {
	position: absolute;
	line-height: 50px;
}
.selected {
	background-color: #d1ffd1;
}

#inventoryList li {
	width: 175px;
	float: left;
	margin-bottom: -1px;
}
#inventoryList li a {
	display: block;
}
#inventoryList li a.active {
	background-color: #f5f5f5;
	border-top: 1px solid #e5e5e5;
}
#inventoryList li a.active span {
}

#inventoryList .listSpan {
	font-size: 13px;
	font-weight: bold;
	padding-left: 10px;
}

#inventory-Bicycles,
#inventory-Motorcycles,
#inventory-Passengers,
#inventory-Vehicles {
	background-color: #f5f5f5;
	border-top: 1px solid #e5e5e5;
	display: block;
	padding: 10px;
	color: #fff;
}

#inventoryList .singleinput {
	font-size: 35px;
	height: 50px;
	width: 50px;
	text-align: center;
	background-color: #ddd;
	box-shadow: 0px 2px #000;
}

.reservationDepartPortDiv,
#departTableDiv {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #aaa;
}

.form-group {
	display: inline-block;
}

.columns select,
.columns textarea,
.columns input[type="text"],
.columns input[type="password"],
.columns input[type="datetime"],
.columns input[type="datetime-local"],
.columns input[type="date"],
.columns input[type="month"],
.columns input[type="time"],
.columns input[type="week"],
.columns input[type="number"],
.columns input[type="email"],
.columns input[type="url"],
.columns input[type="search"],
.columns input[type="tel"],
.columns input[type="color"],
.columns.uneditable-input {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/* #Hotels-Attractions
================================================== */
.star0,
.star05,
.star1,
.star15,
.star2,
.star25,
.star3,
.star35,
.star4,
.star45,
.star5 {
	background-repeat: no-repeat;
	background-position: center top;
	height: 16px;
	width: 86px;
	float: left;
}

.nonfeaturedLi .star0,
.nonfeaturedLi .star05,
.nonfeaturedLi .star1,
.nonfeaturedLi .star15,
.nonfeaturedLi .star2,
.nonfeaturedLi .star25,
.nonfeaturedLi .star3,
.nonfeaturedLi .star35,
.nonfeaturedLi .star4,
.nonfeaturedLi .star45,
.nonfeaturedLi .star5 {
	width: 100px;
}

.star0 {
	background-image: url(/img/frontend/star0.png);
	display: none;
}
.star05 {
	background-image: url(/img/frontend/star05.png);
}
.star1 {
	background-image: url(/img/frontend/star1.png);
}
.star15 {
	background-image: url(/img/frontend/star15.png);
}
.star2 {
	background-image: url(/img/frontend/star2.png);
}
.star25 {
	background-image: url(/img/frontend/star25.png);
}
.star3 {
	background-image: url(/img/frontend/star3.png);
}
.star35 {
	background-image: url(/img/frontend/star35.png);
}
.star4 {
	background-image: url(/img/frontend/star4.png);
}
.star45 {
	background-image: url(/img/frontend/star45.png);
}
.star5 {
	background-image: url(/img/frontend/star5.png);
}

.nonfeaturedLi img,
.featuredLi img,
.img-border {
	border: 1px solid #ccc;
	box-shadow: 0px 1px 2px #ddd;
	padding: 4px;
}

/* #Template Styles
================================================== */

/* Custom Menu BGR COLOR */
.custom_menu #menu,
.custom_menu #menu > ul > li > a {
}

/* Menu Font */
.custom_menu #menu > ul > li > a {
}

/* Menu Font Size */
#menu > ul > li > a {
}

/* HighLight Color */
/*
a:hover, a:focus { color: hex ; }
.button:hover,a:hover.button,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,	input[type="button"]:hover, .button_hilite, a.button_hilite { color: #fff; background-color: hex ;}
.button_hilite, a.button_hilite { color: #fff; background-color: hex ;}
.button_hilite:hover, a:hover.button_hilite { color: #fff; background-color: #374045;}

.section_big_title h1 strong { color: hex ;}
.section_featured_texts h3 a:hover { color: hex ;}

.breadcrumb a:hover{ color:  hex ;}
.post_meta a:hover{ color:  hex ;}
.portfolio_filter div.current{ background-color:  hex ;}

.next:hover,.prev:hover{ background-color:  hex ;}
.pagination .links a:hover{ background-color:  hex ;}

.info  h2{ background-color:  hex ;}
#footer a:hover { color:  hex ;}
.footer_pic img:hover{ border: 3px solid  hex ;}

.jcarousel-next-horizontal:hover, .jcarousel-prev-horizontal:hover { background-color: hex ;}
*/

/* Title Font */
h1,
h2,
h3,
h4,
h5,
.title,
.section_big_title h1,
.heading,
#footer h3 {
}

/* Button Font */
.button,
a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
}

/* Body Font */
body {
}

/* #Template Styles::END
================================================== */

/* Solo Packages
================================================== */

.solo-package input[readonly="readonly"],
.solo-package select[readonly="readonly"] {
	background-color: #eeeeee;
}
.solo-package input[readonly="readonly"]:focus {
	box-shadow: none;
}

#summaryTbody li {
	margin-bottom: 5px;
}
#summaryTbody ul {
	margin-bottom: 0px;
}
#summaryTbody hr {
	margin: 15px 0;
}

/*timeout bar*/
#idletimeout {
	background: #d4333b;
	color: #fff;
	text-align: center;
	font-size: 12px;
	padding: 10px;
	position: fixed;
	top: 0px;
	z-index: 100000;
	display: none;
	width: 1040px;
}
#idletimeout a {
	color: #fff;
	font-weight: bold;
}
#idletimeout span {
	font-weight: bold;
}

.popover-toggle {
	cursor: pointer;
}

/* New Cart Dropdown
================================================== */
.dropdown-menu.front-dd {
	top: 40px !important;
	right: 0;
	left: inherit;
	padding: 5px;
	border-radius: 0px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	z-index: 10000;
	border-right: none;
}

#mobile-nav-wrapper {
	position: fixed;
	z-index: 1000;
	background: var(--main-blue);
	background: #053c5e;
	left: -100%;
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: 0.95;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
	transform: translate3D(0, 0, 0);
}

#mobile-nav-wrapper.active {
	left: -100%;
}

html.mobile-menu {
	overflow: hidden;
}

#mobile-menu {
	overflow-y: scroll;
	overflow-x: hidden;
	height: 100%;
	padding: 15px 0 0 0;
	box-sizing: border-box;
	width: 100%;
}

#mm-site-logo img {
	display: block;
	max-width: 100%;
}

#mm-site-logo {
	display: block;
	max-width: 160px;
	padding: 0 25px 15px;
}

.mm-lev-1 {
	position: relative;
	border-top: 1px solid #4c4c4c;
	border-bottom: 1px solid #4c4c4c;
	margin: 0 0 -1px;
	font-size: 0;
	left: 0%;

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

.mm-lev-1.slide-out {
	left: -100%;
}

.mm-lev-1 a {
	color: #fff;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.02em;
	padding: 10px 30px;
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 60px);
	box-sizing: border-box;
	white-space: nowrap;
}

.mm-lev-2 div {
	position: relative;
	border-top: 1px solid #4c4c4c;
	border-bottom: 1px solid #4c4c4c;
	display: block;
	width: 100%;
	margin: 0 0 -1px;
}

.mm-lev-2 a,
.mm-back {
	color: #ccc;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.02em;
	padding: 10px 30px;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	box-sizing: border-box;
	white-space: nowrap;
}

.mm-back {
	color: #fff;
	width: calc(100% - 60px);
}

.mm-arrow {
	display: inline-block;
	vertical-align: top;
	width: 60px;
	height: 41px;
}

.mm-arrow:before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 14px;
	right: 25px;
}

.submenu.mm-lev-2 {
	position: absolute;
	left: 100%;
	top: 73px;
	width: 100%;

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

.submenu.mm-lev-2.active {
	left: 0%;
}

.mm-back:before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(-135deg);
	top: 15px;
	left: 35px;
}

.mm-back {
	padding: 10px 30px 10px 55px;
}

.mm-lev-2 .mm-lev-2-heading a {
	font-size: 20px;
	color: #fff;
	width: 100%;
}

#mobile-nav-close {
	position: absolute;
	top: 20px;
	right: 20px;
	color: #fff;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-size: 14px;
	line-height: 32px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	cursor: pointer;
}

#mobile-nav-close span {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	transform: rotate(45deg);
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4);
	width: 30px;
	height: 30px;
	border-radius: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 26px;
	margin: -4px 0px 0 6px;
	letter-spacing: 0;
	font-weight: 500;
}

#header-lower {
	display: none;
}

#header-lower-reserve {
	position: relative;
	cursor: pointer;
	background: var(--main-blue);
	color: #fff;
	height: 42px;
	line-height: 42px;
	text-align: center;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.22em;
}

#header-lower-reserve span {
	position: absolute;
	top: 17px;
	right: 14px;
	border: 9px solid transparent;
	border-top-color: #fff;
}

#header-lower-reserve.active span {
	position: absolute;
	top: 6px;
	right: 14px;
	border: 9px solid transparent;
	border-top-color: transparent;
	border-bottom-color: #fff;
}

.passenger-icon-minus {
	width: 31px;
	height: 48px;
	display: inline-block;
	vertical-align: top;
	background: url(/img/frontend/icon-minus.png) center center #edeeee no-repeat;
	background-size: 10px;
	cursor: pointer;
}

.passenger-icon-plus {
	width: 32px;
	height: 48px;
	display: inline-block;
	vertical-align: top;
	background: url(/img/frontend/icon-plus.png) center center #edeeee no-repeat;
	background-size: 10px;
	margin: 0 -1px 0 0;
	cursor: pointer;
}

#trip-planner select::-ms-expand {
	display: none;
}

#page-container {
	position: relative;
}

#home-package-deals .block-inner {
	padding: 100px 0 100px;
	text-align: center;
	max-width: 1400px;
	margin: 0 auto;
}

.content-block h2,
.packages-city {
	font-family: Fjalla;
	font-weight: 500;
	font-size: 50px;
	color: #000;
	letter-spacing: 0.06em;
}

.content-block p {
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-style: normal;
	font-weight: 400;
	margin: 0;
	padding: 10px 0 0;
	line-height: 28px;
	color: black;
	font-size: 19px;
	letter-spacing: 0.2px;
}

.home-package-p {
	margin: 0 auto !important;
	width: 70%;
}

#home-package-deals .block-inner p {
	padding: 10px 50px 0;
}

.pd-title-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 20;
	font-size: 0;
}

.pd-title-spacer {
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%;
}

.pd-title-vcenter {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	text-align: center;
	color: #fff;
	font-family: Fjalla;
	font-weight: 500;
	text-transform: uppercase;
	-webkit-transition: 0.8s all;
	-moz-transition: 0.8s all;
	-ms-transition: 0.8s all;
	transition: 0.8s all;
}

.pd-title {
	position: relative;
	font-size: 30px;
	line-height: 35px;
	padding: 0 50px;
}

.pd-location {
	font-weight: 700;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-size: 16px;
	letter-spacing: 0.15em;
}

.pd-price {
	position: absolute;
	bottom: 10%;
	left: 0;
	width: 100%;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	text-shadow: 0 0 22px #000, 0 0 40px #000;
	-webkit-transition: 0.8s all;
	-moz-transition: 0.8s all;
	-ms-transition: 0.8s all;
	transition: 0.8s all;
}

.pd-price span {
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 0.04em;
}

.pd-title-wrapper:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	box-shadow: inset 230px 0 240px -200px #000;
	z-index: -1;
	-webkit-transition: 0.8s all;
	-moz-transition: 0.8s all;
	-ms-transition: 0.8s all;
	transition: 0.8s all;
}

.pd-title:after {
	content: "";
	background: #000;
	box-shadow: 0 0 40px 40px #000;
	opacity: 0.4;
	z-index: -1;
	-webkit-transition: 0.8s all;
	-moz-transition: 0.8s all;
	-ms-transition: 0.8s all;
	transition: 0.8s all;
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
}

#home-package-deals-swiper a,
.swiper-slide > a {
	position: relative;
	overflow: hidden;
	margin-right: 0px; /* was 10px */
}

#home-package-deals-swiper img,
.swiper-slide .desktop-img {
	position: relative;
	z-index: 0;
	-webkit-transition: 0.8s all;
	-moz-transition: 0.8s all;
	-ms-transition: 0.8s all;
	transition: 0.8s all;
}

.swiper-slide .mobile-img {
	display: none;
}

.package-swiper .swiper-slide:hover img {
	filter: grayscale(1) brightness(1.3);
}

.package-swiper .swiper-slide:hover .pd-title-wrapper:before {
	box-shadow: inset 230px 0 240px -200px rgba(0, 0, 0, 0);
	background: rgba(237, 28, 36, 0.75);
}

.package-swiper .swiper-slide:hover .pd-title:after {
	opacity: 0;
}

.package-swiper .swiper-slide:hover .pd-price {
	text-shadow: 0 0 22px rgba(0, 0, 0, 0), 0 0 40px rgba(0, 0, 0, 0);
	bottom: 35%;
}

#home-package-deals-carousel .swiper-pagination {
	display: none;
}
#home-package-deals-carousel {
	position: relative;
	width: 85%;
	margin: 0 auto;
}

#home-package-deals .swiper-button-prev {
	left: -73px !important;
}

#home-package-deals .swiper-button-next {
	right: -73px !important;
}

.package-swiper .swiper-slide:hover .pd-title-vcenter {
	margin-top: -45%;
}

.pd-cta {
	font-size: 16px;
	background: #fff;
	color: var(--main-red);
	position: absolute;
	bottom: 10%;
	left: 50%;
	width: 200px;
	margin: 0 -100px;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	line-height: 46px;
	opacity: 0;
	-webkit-transition: 0.8s all;
	-moz-transition: 0.8s all;
	-ms-transition: 0.8s all;
	transition: 0.8s all;
}

.package-swiper .swiper-slide:hover .pd-cta {
	opacity: 1;
	bottom: 17%;
}

.package-swiper .swiper-slide a:before {
	content: "";
	position: absolute;
	top: 7%;
	left: 7%;
	width: 84%;
	height: 84%;
	border: 1px solid #fff;
	z-index: 30;
	opacity: 0;
	-webkit-transition: 0.8s all;
	-moz-transition: 0.8s all;
	-ms-transition: 0.8s all;
	transition: 0.8s all;
}

.package-swiper .swiper-slide:hover a:before {
	opacity: 0.5;
}

.package-swiper .swiper-slide a:after {
	content: "";
	position: absolute;
	top: 8%;
	left: 8%;
	width: 84%;
	height: 84%;
	border: 1px solid #fff;
	z-index: 30;
	opacity: 0;
	-webkit-transition: 0.8s all;
	-moz-transition: 0.8s all;
	-ms-transition: 0.8s all;
	transition: 0.8s all;
}

.package-swiper .swiper-slide:hover a:after {
	opacity: 0.5;
}

.button-wrap {
	padding: 80px 0;
}

.center {
	text-align: center;
}

a.button,
.button {
	position: relative;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 0.22em;
	padding: 18px 45px;
	display: inline-block;
	overflow: hidden;
	/*letter-spacing: 0.3em;*/
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 800;
	font-style: normal;
}

a.button:hover,
.button:hover,
a.button:active,
.button:active,
a.button:focus,
.button:focus {
	text-decoration: none;
}

a.button-primary,
.button-primary {
	color: #fff;
	background: var(--main-red);
}

a.button.red,
a.red,
a.button-secondary.red,
.button.red,
.red,
.button-secondary.red {
	color: #fff;
	background: var(--main-red);
}

a.button.red:hover {
	background: var(--warm-red-hover);
}

.white {
	color: var(--main-red);
	background: #fff;
}

a.button-secondary,
.button-secondary {
	display: inline-block;
	background: #fff;
	margin: 8px 0 0;
	padding: 5px 18px;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}
/*
.button:before {
	content: '';
	position: absolute;
	top: calc( 100% + 20px );
	left: 50%;
	margin: 0 -300px;
	width: 600px;
	height: 600px;
	border-radius: 300px;
	background: #ff3c44;
	-webkit-transition: 0.6s all;
	-moz-transition: 0.6s all;
	-ms-transition: 0.6s all;
	transition: 0.6s all;
}

.button:hover:before, .post-item:hover .button:before {
	top: calc( -100% + 0px );
}

.button.button-secondary:hover:before {
	top: calc( -200% + 0px );
}*/

.button:hover {
	background: var(--warm-red-hover);
}

.button span {
	position: relative;
	z-index: 10;
}

#home-route .block-inner {
	max-width: 1400px;
	position: relative;
	margin: 0 auto;
}

.content-left {
	max-width: 600px;
}

.block.background-img {
	position: relative;
	margin: 0px;
	overflow: hidden;
}

.block img {
	display: block;
	max-width: 100%;
}

.block.background-img .block-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	font-size: 0;
	text-align: center;
	z-index: 10;
}
/*
#home-welcome-aboard img {
	filter: saturate(0) brightness(1.1) contrast(1.3);
}*/

.block-inner-spacer {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 0;
}

.block.background-img .block-overlay .block-inner {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	text-align: left;
}

#home-welcome-aboard .block-inner {
	text-align: center;
	max-width: 1200px;
}

.grid {
	font-size: 0;
	text-align: center;
}

.grid-item {
	display: inline-block;
	vertical-align: top;
}

.grid.grid-4 .grid-item {
	width: 25%;
}

#home-welcome-aboard h2 {
	color: #fff;
}

.grid-item img {
	margin: 0 auto;
}

.block-inner h3 {
	font-size: 22px;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #fff;
	/*letter-spacing: 0.18em;*/
}

#home-welcome-aboard .grid-item img {
	margin-top: 40px;
	margin-bottom: 10px;
	-webkit-transition: 0.8s all;
	-moz-transition: 0.8s all;
	-ms-transition: 0.8s all;
	transition: 0.8s all;
}

#home-welcome-aboard .grid-item:hover img {
	-webkit-transform: scale(1.1);
}

#home-articles h2 {
	text-align: center;
}

.grid-2 .grid-item {
	width: 50%;
}

#home-articles .block-inner {
	max-width: 1400px;
	margin: 0 auto;
	position: relative;
	padding: 80px 0;
}

a.post-item {
	position: relative;
	display: block;
	padding: 0 40px;
	text-align: left;
}

#home-articles h3 {
	color: #000;
	font-size: 20px;
	margin: 0;
	padding: 20px 0 0;
	text-transform: none;
}

.post-item p {
	line-height: 28px;
	color: #333;
}

#home-articles h2 {
	text-align: center;
	padding: 0 0 70px;
}

#home-articles .grid-item:last-child a.post-item {
	padding-right: 0;
}

#home-articles .grid-item:first-child a.post-item {
	padding-left: 0;
}

.post-item img,
.post-item h3,
.post-item p {
	-webkit-transition: 0.6s all;
	-moz-transition: 0.6s all;
	-ms-transition: 0.6s all;
	transition: 0.6s all;
}

.post-item img {
	width: 100%;
}

a.post-item {
	padding: 0 20px;
}

#header-menu > li > .submenu > li.active > a {
	color: var(--main-red);
	background: #eee;
}
/*
#header-menu > li:first-child,
#header-menu > li:nth-child(2),
#header-menu > li:nth-child(3),
#header-menu > li:nth-child(4),
#header-menu > li:nth-child(5),
#header-menu > li:nth-child(6) {
	width: 240px;
}
*/
#header-menu > li.active > a {
	background: var(--navy-blue-hover);
}

.footer-social-links {
	display: inline-block;
	vertical-align: middle;
	padding: 0 40px 0 0;
}

#footer-sharing {
	text-align: right;
	padding: 0 0 10px;
}

#footer a.footer-logo {
	display: inline-block;
	vertical-align: middle;
}

.footer-logo img {
	display: block;
}

#packages-carousel-1,
#packages-carousel-2,
#packages-carousel-3,
#packages-carousel-4 {
	margin: 20px 0;
}

.container {
	width: 1400px;
	margin: 0 auto;
}

.columns {
	font-size: 0;
}

.column {
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 400;
	line-height: 28px;
	box-sizing: border-box;
}

.one.column {
	width: 100%;
	padding: 0;
}
.two.column {
	width: 50%;
}

.three.column {
	width: 33.333%;
}
.three-two.column {
	width: 66.666%;
}

.four.column {
	width: 25%;
}
.four-two.column {
	width: 50%;
}
.four-three.column {
	width: 75%;
}

.five.column {
	width: 20%;
}
.five-two.column {
	width: 40%;
}
.five-three.column {
	width: 60%;
}
.five-four.column {
	width: 80%;
}

.six.column {
	width: 16.666%;
}
.six-two.column {
	width: 33.333%;
}
.six-three.column {
	width: 49.999%;
}
.six-four.column {
	width: 66.666%;
}
.six-five.column {
	width: 83.333%;
}

.seven.column {
	width: 14.285%;
}
.seven-two.column {
	width: 28.571%;
}
.seven-three.column {
	width: 42.857%;
}
.seven-four.column {
	width: 57.142%;
}
.seven-five.column {
	width: 71.428%;
}
.seven-six.column {
	width: 85.714%;
}

.eight.column {
	width: 12.5%;
}
.eight-two.column {
	width: 25%;
}
.eight-three.column {
	width: 37.5%;
}
.eight-four.column {
	width: 50%;
}
.eight-five.column {
	width: 62.5%;
}
.eight-six.column {
	width: 75%;
}
.eight-seven.column {
	width: 87.5%;
}

.nine.column {
	width: 11.111%;
}
.nine-two.column {
	width: 22.222%;
}
.nine-three.column {
	width: 33.333%;
}
.nine-four.column {
	width: 44.444%;
}
.nine-five.column {
	width: 55.555%;
}
.nine-six.column {
	width: 66.666%;
}
.nine-seven.column {
	width: 77.777%;
}
.nine-eight.column {
	width: 88.888%;
}

.ten.column {
	width: 10%;
}
.ten-two.column {
	width: 20%;
}
.ten-three.column {
	width: 30%;
}
.ten-four.column {
	width: 40%;
}
.ten-five.column {
	width: 50%;
}
.ten-six.column {
	width: 60%;
}
.ten-seven.column {
	width: 70%;
}
.ten-eight.column {
	width: 80%;
}
.ten-nine.column {
	width: 90%;
}

.eleven.column {
	width: 9.09%;
}
.eleven-two.column {
	width: 18.181%;
}
.eleven-three.column {
	width: 27.272%;
}
.eleven-four.column {
	width: 36.363%;
}
.eleven-five.column {
	width: 45.454%;
}
.eleven-six.column {
	width: 54.545%;
}
.eleven-seven.column {
	width: 63.636%;
}
.eleven-eight.column {
	width: 72.727%;
}
.eleven-nine.column {
	width: 81.818%;
}
.eleven-ten.column {
	width: 90.909%;
}

.twelve.column {
	width: 8.333%;
}
.twelve-two.column {
	width: 16.666%;
}
.twelve-three.column {
	width: 25%;
}
.twelve-four.column {
	width: 33.333%;
}
.twelve-five.column {
	width: 41.666%;
}
.twelve-six.column {
	width: 50%;
}
.twelve-seven.column {
	width: 58.333%;
}
.twelve-eight.column {
	width: 66.666%;
}
.twelve-nine.column {
	width: 75%;
}
.twelve-ten.column {
	width: 83.333%;
}
.twelve-eleven.column {
	width: 91.666%;
}

.column {
	padding-left: 20px;
	padding-right: 20px;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.column-title {
	background: var(--main-blue);
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.2em;
	font-size: 22px;
	padding: 15px 0;
}

.columns .columns-heading .column,
.current-fares .columns-heading .column.twelve-two {
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.05em;
	color: #000;
	font-size: 19px;
	line-height: 20px;
	padding: 15px 0 0;
	vertical-align: bottom;
}

.vehicle-reservation-fees .columns-heading .column.twelve-two {
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.05em;
	color: #000;
	font-size: 19px;
	line-height: 20px;
	padding: 0 0 0;
	vertical-align: bottom;
}

.columns.columns-heading {
	padding: 10px 0;
}

.current-fares .columns:nth-child(2n + 3),
.vehicle-reservation-fees .columns:nth-child(2n + 3) {
	background: #eee;
}

.current-fares .columns,
.vehicle-reservation-fees .columns {
	padding: 12px 18px;
}

.current-fares .column.twelve-ten,
.vehicle-reservation-fees .column.twelve-eight {
	font-size: 19px;
	font-weight: 500;
	color: #333;
}

.current-fares .column.twelve-two,
.vehicle-reservation-fees .column.twelve-two {
	font-size: 19px;
	font-weight: 600;
	color: #333;
}

#schedule-fares-fee-disclaimer {
	margin: 0px 200px 40px;
	text-align: center;
}

.current-fares .column span {
	display: block;
	font-style: italic;
	font-size: 16px;
	line-height: 18px;
}

.column:first-child {
	padding-left: 0;
}

.column.one:last-child,
.column.two:nth-child(2n + 2),
.column.three:nth-child(3n + 3),
.column.four:nth-child(4n + 4),
.column.five:nth-child(5n + 5),
.column.six:nth-child(6n + 6),
.column.seven:nth-child(7n + 7),
.column.eight:nth-child(8n + 8),
.column.nine:nth-child(9n + 9),
.column.ten:nth-child(10n + 10),
.column.eleven:nth-child(11n + 11),
.column.twelve:nth-child(12n + 12) {
	padding-right: 0;
}

.post-item .button-wrap {
	padding: 0;
}

li.nav-book-now {
	background: var(--main-red);
	float: right;
}

#newsletter {
	position: relative;
	font-size: 0;
	background: /*#e6e7e8*/ var(--light-gray);
}

#newsletter-inner {
	text-align: center;
	padding: 25px 0;
}

#newsletter-icon {
	display: inline-block;
	vertical-align: middle;
	background: url(/img/frontend/icon-newsletter.png) -10px -13px no-repeat;
	width: 55px;
	height: 34px;
	opacity: 0.4;
}

#newsletter h3 {
	margin: 0;
	display: inline-block;
	vertical-align: middle;
	font-size: 28px;
	color: #333;
	letter-spacing: 0.04em;
	font-family: Fjalla;
	font-weight: 500;
	padding: 2px 25px 0;
}

#newsletter-form {
	margin: 0;
	display: inline-block;
	vertical-align: middle;
}

#newsletter-form input[type="text"] {
	display: inline-block;
	vertical-align: middle;
	height: 50px;
	padding: 0px 15px;
	box-sizing: border-box;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 400;
	font-size: 18px;
	border-radius: 0;
	border: 0;
	margin: 0;
	width: 280px;
	background-color: #fff;
}

#newsletter-form input[type="submit"] {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	border: 0;
	-webkit-appearance: none;
	background: var(--main-red);
	color: #fff;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	font-size: 20px;
	letter-spacing: 0.1em;
	padding: 13px 36px;
	cursor: pointer;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}

#newsletter-form input[type="submit"]:hover {
	background: #ff3c44;
}

.card .card-inner {
	padding: 2px;
}

.card-info {
	position: relative;
	overflow: hidden;
	background: #555;
	padding: 20px;
	height: 120px;
	box-sizing: border-box;
	font-size: 0;
	text-align: center;
	display: none;
}

.card-info.hotels {
	background: #444;
}

.card .card-info-bg {
	position: absolute !important;
	z-index: 0 !important;
	filter: blur(10px);
	margin: -30px;
	width: calc(100% + 60px);
	max-width: none;
	opacity: 0.2;
	top: -50%;
	-webkit-filter: blur(10px);
}

.card-title {
	position: relative;
	z-index: 5;
	color: var(--black);
	font-family: "proxima-nova", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 18px;
	letter-spacing: 0.02em;
	/*line-height: 30px;*/
	padding: 0 5px;
	max-height: 70px;
	overflow: hidden;
}

.card-location {
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #000;
	position: relative;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	/*opacity: 0.6;*/
}

.card-title-inner {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
}

.card-title-spacer {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.card-price {
	position: relative;
	overflow: hidden;
	background: #555;
	box-sizing: border-box;
	height: 170px;
	text-align: center;
}

.card-price .card-price-bg {
	position: absolute !important;
	z-index: 0 !important;
	filter: blur(10px);
	margin: -30px;
	max-width: none;
	width: calc(100% + 60px);
	opacity: 0.2;
	bottom: 0;
	-webkit-filter: blur(10px);
	display: none;
}

.card-price.hotels {
	background: var(--light-gray);
	display: flex;
	align-items: center;
	justify-content: center;
}

.card-price.hotels .card-price-inner .card-price-upper,
.card-price.hotels .card-price-inner .card-post-tax-price {
	color: #000;
	position: relative;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	font-style: normal;
}

.card-price.hotels .card-price-bg {
	filter: blur(2px);
	opacity: 0.3;
	bottom: 0;
	-webkit-filter: blur(2px);
}
/*
.after-cents {
	font-size: 12px;
	font-family: Lato;
	letter-spacing: 1px;
	color: black;
	font-weight: 600;
}
*/
.card-price-upper {
	color: rgba(230, 230, 230);
	position: relative;
}

.card-price .price-dollars {
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 18px;
	line-height: 48px;
	display: inline-block;
	vertical-align: middle;
	/*font-weight: Bold;*/
}

.card-price .price-dollars:before {
	margin: -6px 1px 0 0;
	content: "$";
	font-size: 16px;
	display: inline-block;
	vertical-align: bottom;
	margin: -4px 1px 0 0;
}
.card-post-tax-price .price-dollars:before {
	margin: -6px 1px 0 0;
	content: "$";
	font-size: 13px;
	display: inline-block;
	vertical-align: bottom;
	margin: -4px 1px 0 0;
}
.card-post-tax-price .price-dollars,
.card-post-tax-price .price-cents,
.card-post-tax-price span,
.price-currency.attractions {
	font-style: italic !important;
	font-size: 13px !important;
	font-weight: 400 !important;
}

.card-price .price-from {
	display: inline-block;
	vertical-align: middle;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	/*font-style: italic;
	opacity: 0.85;*/
	/*padding: 0 0 3px 0;*/
	letter-spacing: 0.08em;
}

.card-price .price-currency {
	display: inline-block;
	vertical-align: middle;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	/*padding: 0 0 3px 5px;*/
	letter-spacing: 0.08em;
	position: relative;
}

.card-price .price-cents {
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 18px;
	line-height: 28px;
	/*display: inline-block;*/
	vertical-align: middle;
	margin: -12px 0 0 -4px;
}
/*
.hotel-after-tax > .price-cents,
.hotel-after-tax > .price-dollars{
	font-weight: normal !important;
}*/
.card-price-lower {
	position: relative;
	color: #000;
	font-size: 18px;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	/*opacity: 0.85;*/
	margin: -8px 0 0;
}

.card-post-tax-price {
	color: #fff;
	margin-top: -28px;
}

.hotel-after-tax,
.hotel-after-tax > .price-dollars,
.hotel-after-tax > .price-cents,
.hotel-after-tax .price-dollars::before {
	font-size: 12px;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	letter-spacing: 1px;
	font-style: italic;
}

.hotel-lower-div {
	display: flex;
	flex-direction: row;
	align-items: center;
}
/*
.card-price-inner {
	padding: 14px 0 0;
	margin: auto;
}
*/
.card-button {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 20;
	background: rgba(255, 255, 255, 0.7);
	opacity: 0;
	cursor: pointer;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}

.card-button-book {
	width: 150px;
	left: calc(50% - 106px);
	position: absolute;
	top: 25%;
	background: var(--main-red);
	color: #fff;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-size: 16px;
	padding: 14px 35px;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}

.card:hover .card-button {
	opacity: 1;
}

.card:hover .card-button-book {
	top: 48%;
}

.card-button-book:hover {
	background: var(--warm-red-hover);
}

body#tinymce {
	padding: 10px 15px;
}

.card-img {
	overflow: hidden;
	position: relative;
}

#page-featured-banner {
	position: relative;
}

#featured-banner-mobile {
	display: none;
	max-width: 100%;
	width: 100%;
}

#featured-banner-desktop {
	display: block;
	max-width: 100%;
	width: 100%;
}

.accordion-header {
	background: var(--main-blue);
	color: #fff;
	text-align: left;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.2em;
	font-size: 22px;
	padding: 11px 50px 13px 20px;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	line-height: 15px;
	cursor: pointer;
}

.accordion-content-wrapper {
	overflow: hidden;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
	max-height: 0;
}

.accordion-content p:last-child {
	margin: 0;
}

.accordion-title {
	display: inline-block;
	vertical-align: middle;
	padding: 2px 0 0;
	line-height: 26px;
}

.accordion-toggle {
	position: absolute;
	width: 50px;
	height: 50px;
	display: block;
	top: 0;
	right: 0;
	cursor: pointer;
}

.accordion-section .accordion-toggle:before {
	content: "";
	position: absolute;
	border: 4px solid transparent;
	border-bottom-color: #fff;
	border-right-color: #fff;
	width: 10px;
	height: 10px;
	top: 12px;
	left: 16px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	border-radius: 0 4px 0 4px;
}

.accordion-section.active .accordion-toggle:before {
	content: "";
	top: 22px;
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
}

.accordion-content h3 {
	margin: 0;
	padding: 5px 0;
}

.accordion-content {
	background: #eee;
	padding: 25px;
	color: #222;
}

.ferry-schedule-accordion .accordion-content .columns:nth-child(2n + 3) {
	background: #fff;
}

.ferry-schedule-accordion .column {
	padding: 10px;
	text-transform: uppercase;
}

.ferry-schedule-accordion {
	padding: 20px 0;
}

.bold {
	font-weight: 700;
}

.accordion-section {
	position: relative;
	margin: 0 0 4px;
}

.schedule-item {
	font-size: 14px;
}

.accordion-departure-location:first-child {
	padding: 0 0 40px;
}

.terms-conditions {
	columns: 2;
	column-gap: 50px;
	padding: 30px 0;
}

.contact-map iframe {
	width: 100%;
	display: block;
	margin: 0 0 -80px;
}

.contact-location.column {
	margin: 30px 0 0;
}

.contact-location-inner {
	padding: 0 20px;
	background: #eee;
}

.contact-location h3 {
	text-align: center;
	font-size: 20px;
	background: var(--main-blue);
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.2em;
	padding: 15px 22px;
	margin: 0px -20px 10px;
}

.contact-location .column {
	text-align: center;
}

.hearing-impaired .column {
	text-align: center;
}

.hearing-impaired {
	padding: 35px 20px 20px !important;
}

.contact-locations {
	padding: 0 50px;
}

.contact-form-wrapper {
	position: relative;
	margin: 0 auto;
	padding-left: 0;
	padding-right: 20px !important;
	box-sizing: border-box;
}

.contact-form {
	margin: 0 0 0 20px;
	background: #eee;
	padding: 0 20px;
}

.contact-form > .columns > .contact-form {
	margin: 0;
	padding: 10px 0 0;
}

.contact-location .column {
	text-align: left;
	font-size: 20px;
	line-height: 32px;
	padding: 0;
}

.hearing-impaired .column {
	text-align: center;
	font-size: 20px;
	line-height: 32px;
	background: #eee;
	padding: 10px 0;
}

.pages-contact-us label {
	font-size: inherit;
	display: inline-block;
	font-weight: 600;
	color: #333;
}

.packaging-office h3 {
	font-size: 20px;
	color: #333;
}

.contact-map h2 {
	text-align: center;
	padding: 40px 0 40px;
}

.packaging-office .column.one {
	padding: 0;
}

.contact-locations h2,
.packaging-wrapper h2 {
	text-align: center;
	padding: 40px 0 0;
	margin: 0 0 -10px;
}

.hours-day label {
	min-width: 120px;
}

.contact-location label {
	min-width: 125px;
}

.contact-location-phones .column.one {
	margin: 0 -20px;
	padding: 10px 20px;
	width: calc(100% + 40px);
}

.contact-location-phones .column {
	text-align: left;
}

.contact-location-phones .column:nth-child(2n + 1) {
	background: #fff;
}

.contact-map {
	padding: 5px 0 0;
}

.ferry-schedule-accordion .columns.columns-heading {
	padding: 3px 0 0;
}

.ferry-schedule-accordion .columns.columns-heading .column {
	padding: 10px 0 10px;
}

.ferry-schedule-accordion .column.four:first-child {
	position: relative;
	z-index: 10;
}

.ferry-schedule-accordion .accordion-departure-location:before {
	content: "";
	position: absolute;
	top: 50px;
	left: 0;
	width: 25%;
	height: calc(100% - 80px);
	background: rgba(255, 255, 255, 0.4);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.ferry-schedule-accordion .column.bold {
	font-size: 22px;
}

.accordion-departure-location {
	position: relative;
	padding: 0px 0 10px 0;
}

.accordion-departure-location h3 {
	padding-bottom: 25px;
}

.ferry-schedule-accordion .accordion-departure-location:last-child:before {
	height: calc(100% - 50px);
}

#contact-form label {
	display: block;
	font-weight: 700;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	line-height: 18px;
}

#contact-form input,
#contact-form textarea {
	display: block;
	width: 100%;
	border: 1px solid #ccc;
	margin: 4px 0 0;
	padding: 12px 15px;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 400;
	font-size: 18px;
	border-radius: 0;
	box-sizing: border-box;
}

#contact-form textarea {
	height: 140px;
	box-shadow: none;
}

.contact-full-name,
.contact-company-name,
.contact-email-address,
.contact-phone-number,
.contact-inquiry {
	padding: 0 0 10px;
}

#contact-form input:focus,
#contact-form textarea:focus {
	border: 1px solid #555;
	border-radius: 0;
	outline-offset: 0;
	outline: -webkit-focus-ring-color auto 0px;
}

#contact-form #contact-form-submit {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	border: 0;
	-webkit-appearance: none;
	background: var(--main-red);
	color: #fff;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 20px;
	letter-spacing: 0.1em;
	padding: 13px 36px;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
	border: 0;
	cursor: pointer;
	width: 100%;
	overflow: hidden;
}

:focus {
	outline: -webkit-focus-ring-color auto 0px;
}

input:focus {
	outline-offset: 0 !important;
}

.invalid #contact-full-name-input,
.invalid #contact-company-name-input,
.invalid #contact-email-address-input,
.invalid #contact-inquiry-input {
	border: 1px solid var(--main-red);
	box-shadow: inset 0 0 0 1px var(--main-red);
}

.invalid label:after {
	content: " - REQUIRED";
	color: var(--main-red);
}

p.validation-error {
	font-size: 16px;
	line-height: 18px;
	color: var(--main-red);
}

.column .hours-day {
	font-size: 16px;
	line-height: 24px;
	padding: 8px 20px;
}

.column .hours-day:nth-child(4n + 1),
.column .hours-day:nth-child(4n + 2) {
	background: #fff;
}

.packaging-left-content .column {
	width: 100%;
	padding: 0;
}

.contact-address {
	padding: 0 0 10px;
}

.hours-wrapper {
	margin: 0 -20px -15px;
}

.page-content .contact-location h4 {
	background: #666;
	color: #fff;
	margin: 0px -20px;
	padding: 10px 20px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.16em;
	font-size: 16px;
}

.packaging-office-contact.column h3 {
	margin-bottom: 0;
}

body.articles .page-container {
	background: #eee;
}

.list-article {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 33.333%;
}

.list-article a {
	position: relative;
	display: block;
	color: #222;
	margin: 0 10px 20px;
	background: var(--light-gray);
	height: 600px;
}

.articles-page-wrapper,
.articles-page-heading {
	background: #fff;
}

.list-article a:hover,
.list-article a:active,
.list-article a:focus {
	text-decoration: none;
}

.list-article-content-wrapper {
	position: relative;
	padding: 0 0 2px 0;
}

.list-article h3 {
	margin: 15px 20px 0;
}

.list-article-posted-date {
	font-size: 14px;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	letter-spacing: 0.08em;
	color: #888;
	padding: 0 20px 10px;
	text-transform: uppercase;
}

.list-article-content {
	position: relative;
	overflow: hidden;
	height: 80px;
	margin: 0 20px;
}

.list-article-thumb-wrapper {
	position: relative;
	overflow: hidden;
}

.list-article-thumb,
a.image-gallery-item img {
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transition: 1s all;
	-moz-transition: 1s all;
	-ms-transition: 1s all;
	transition: 1s all;
	max-width: 100.5%;
}

.list-article a:hover .list-article-thumb,
a.image-gallery-item:hover img {
	opacity: 0.8;
	-webkit-transform: scale(1.05) translate3d(0, 0, 0);
	-moz-transform: scale(1.05) translate3d(0, 0, 0);
	-ms-transform: scale(1.05) translate3d(0, 0, 0);
	transform: scale(1.05) translate3d(0, 0, 0);
}

.list-article-cta {
	position: absolute;
	bottom: 40px;
	left: calc(50% - 107px);
	z-index: 20;
	font-size: 16px;
	padding: 14px 38px;
}

.single-article .page_heading {
	padding-bottom: 0;
}

.article-date {
	text-align: center;
	font-size: 18px;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	letter-spacing: 0.08em;
	color: #888;
	padding: 0 0 40px;
	text-transform: uppercase;
}

.home-article-thumb {
	position: relative;
	overflow: hidden;
	max-height: 360px;
}

.home-article-thumb img {
	margin: -40px 0 0;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transition: 1s all;
	-moz-transition: 1s all;
	-ms-transition: 1s all;
	transition: 1s all;
	max-width: 100.5%;
}

.post-item:hover .home-article-thumb img {
	opacity: 0.8;
	-webkit-transform: scale(1.05) translate3d(0, 0, 0);
	-moz-transform: scale(1.05) translate3d(0, 0, 0);
	-ms-transform: scale(1.05) translate3d(0, 0, 0);
	transform: scale(1.05) translate3d(0, 0, 0);
}

.home-article-content {
	position: relative;
	overflow: hidden;
	height: 155px;
	margin: 0 0 25px;
}

.list-article:last-child {
	border-bottom: 0;
}

.category-link {
	display: inline-block;
	vertical-align: top;
}

button.button-primary {
	border: 0;
	-webkit-appearance: none;
	display: inline-block;
	vertical-align: top;
	padding: 12.5px 40px;
}

.alert-message {
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 10;
}

.alert-message-inner {
	margin: 0 auto;
	max-width: 1400px;
	position: relative;
	background: var(--main-red);
	color: #fff;
	padding: 12px 0;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 400;
	letter-spacing: 0.03em;
	font-size: 16px;
}

.alert-message-inner a {
	color: #fff;
	text-decoration: underline;
	cursor: pointer;
}

.list-article-content img {
	display: none;
}

.list-article.thumbnail .list-article-right {
	padding: 0 0 0 40px;
}

.related-page {
	display: inline-block;
	vertical-align: top;
	width: 25%;
}

.related-page a {
	position: relative;
	margin: 0 2px;
	display: block;
}

.related-page:first-child a {
	margin-left: 0;
}

.related-page:nth-child(4n + 4) a {
	margin-right: 0;
}

.related-page-bg {
	position: relative;
	height: 240px;
	overflow: hidden;
}

.related-page-thumb {
	max-width: none;
	height: 100% !important;
	-webkit-transition: 0.8s all;
	-moz-transition: 0.8s all;
	-ms-transition: 0.8s all;
	transition: 0.8s all;
}

.related-page:hover .related-page-thumb {
	/*-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);*/
	opacity: 0.8;
}

.related-page-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 0;
}

.related-page h3 {
	font-size: 18px;
	line-height: 26px;
	color: #fff;
	background: rgba(5, 60, 94, 0.8);
	padding: 15px 25px;
	text-align: center;
	margin: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.related-page-cta {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 14px;
	padding: 10px 25px;
}

.related-pages-wrapper > h3 {
	text-align: center;
	margin: 50px 0 30px;
}

a#edit-page {
	position: absolute;
	top: 40px;
	background: var(--main-red);
	color: #fff;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	text-transform: uppercase;
	padding: 5px 15px;
	z-index: 100;

	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}

a#edit-page:hover {
	padding: 5px 15px 5px 18px;
}

img.getting-started-map {
	padding: 0px 0 15px;
	width: calc(100% + 60px);
	margin: -10px -30px 0;
	position: relative;
	display: block;
	max-width: none;
}

.getting-started-columns .contact-location h3 {
	margin: 0px -30px 10px;
}

iframe.route-map {
	width: calc(100% + 40px);
	height: 240px;
	margin: 0 -20px;
}

#seattle-victoria-route {
	margin: 40px 0 0;
}

#seattle-victoria-route > h3 {
	text-align: center;
	margin: 0 0 40px;
	opacity: 0.5;
}

#seattle-victoria-route > h4 {
	text-align: center;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0 0 30px;
	border-bottom: none;
}

.gs-column-inner {
	padding: 0 20px 15px;
	background: #eee;
}

.gs-column h3 {
	text-align: center;
	font-size: 0;
	height: 60px;
	background: var(--main-blue);
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.2em;
	padding: 15px 22px;
	margin: 0px -20px 0;
}

.gs-column h3 > span:first-child {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.gs-column h3 > span:last-child {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	text-align: center;
	font-size: 20px;
	letter-spacing: 0.14em;
}

.gs-column a.button.button-primary.red {
	font-size: 13px;
	letter-spacing: 0.15em;
	padding: 10px 18px;
	line-height: 20px;
	margin: 10px 0 0;
}

#id-requirements {
	background: #eee;
	padding: 24px 30px;
	font-size: 0;
	margin: 50px 0 0;
}

.id-req-left {
	display: inline-block;
	vertical-align: middle;
	width: 80%;
}

.id-req-right {
	display: inline-block;
	vertical-align: middle;
	width: 20%;
	margin: 0 0 -25px;
}

.page-content h4 {
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	color: #000;
	letter-spacing: 0.14em;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	line-height: 26px;
	margin: 20px 0 10px;
}

#id-req-wrapper h3 {
	margin: 0 0 5px;
}

.id-req-lower {
	margin: 25px -30px -25px;
	padding: 25px 30px 5px;
	background: #4d5f80;
	color: #fff;
}

.id-req-lower h3 {
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	text-transform: uppercase;
	line-height: 38px;
}

.page-content li:before {
	content: "";
	position: relative;
	width: 6px;
	height: 6px;
	display: inline-block;
	vertical-align: middle;
	background: #fff;
	margin: -3px 10px 0 -16px;
	opacity: 0.5;
}

.page-content ul {
	padding: 0 0 0 16px;
}

#things-times-inner {
	position: relative;
	margin: 0 auto;
	max-width: 1400px;
	box-sizing: border-box;
	padding: 30px 0;
	z-index: 10;
}

.red h3,
.dark h3 {
	color: #fff;
}

.red h4,
.dark h4 {
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.red a,
.dark a {
	color: #fff;
	font-weight: 600;
	text-decoration: underline;
}

.dark {
	background: #222;
	color: #ddd;
}

#things-times {
	position: relative;
	display: none;
}

#things-times:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/img/pages/coho-644.jpg) center center no-repeat;
	z-index: 5;
	opacity: 0.1;
}

.column-inner {
	padding: 16px 20px;
	background: #eee;
}

#data-sheet-wrapper {
	font-size: 14px;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 400;
	margin: 0 auto 80px;
	position: relative;
	max-width: 1000px;
}

.duty-free-title {
	text-align: center;
}

.duty-free-item-group {
	margin: 0 0 10px 0;
	background: #fff;
	padding: 15px 20px 0px;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

.duty-free-heading {
	margin: -15px -20px 0;
	background: var(--main-blue);
	color: #fff;
	padding: 10px 20px;
	font-weight: 60;
	letter-spacing: 0.1em;
}

.duty-free-item {
	font-size: 0;
	margin: 0 -20px;
	padding: 5px 20px;
	box-shadow: inset 2px 0 #eee, inset -2px 0 #eee;
}

.duty-free-item:nth-child(2n + 1) {
	background: #eee;
	margin: 0 -20px;
	padding: 5px 20px;
}

.duty-free-item div {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
}

.duty-free-item-title {
	width: 60%;
}

.duty-free-item-amount,
.duty-free-item-price {
	width: 20%;
	text-align: right;
}

.duty-free-item-wrapper {
	columns: 2;
	column-gap: 10px;
}

.duty-free-item:last-child {
	border-bottom: 2px solid #eee;
}

.duty-free-item-wrapper > .duty-free-item {
	display: none;
}

p.price-sheet-disclaimer {
	text-align: center;
	font-style: italic;
	font-size: 16px;
	margin: 20px 0;
}

.getting-started-columns .contact-location-inner {
	position: relative;
	padding: 0px 30px 10px;
}

#getting-there-map-button {
	position: absolute;
	right: 10px;
	z-index: 20;
	margin: 2px 0 0;
}

#page-id-138 #home-route {
	margin: 60px 0 0;
}

#page-id-15 #home-route {
	margin: 60px 0 0;
}

.article-category-filter-wrapper {
	position: relative;
	max-width: 1400px;
	text-align: right;
	height: 0;
	z-index: 100;
	margin: 0 auto;
}

#article-category-filter {
	position: absolute;
	right: 0;
	top: -40px;
}

#article-category-filter-selected {
	background: var(--main-blue);
	text-align: left;
	padding: 10px 30px 10px 15px;
	width: 305px;
	box-sizing: border-box;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	cursor: pointer;

	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}

#article-category-filter-selected:hover {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	color: #000;
}

#article-category-filter-selected:before {
	content: "Filter by Category";
	position: absolute;
	top: -29px;
	right: 0;
	color: #333;
	background: #ccc;
	padding: 4px 10px;
}

#article-category-filter-selected:after {
	content: "";
	position: absolute;
	right: 12px;
	top: 17px;
	border: 6px solid transparent;
	border-top-color: #000;
	opacity: 0.5;
}

#article-category-filter {
	color: #fff;
}

#article-category-filter-selected:hover:after {
	opacity: 0.8;
}

.filter-item {
	display: block;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	padding: 5px 15px;
	font-size: 12px;
	text-align: left;
	cursor: pointer;
}

.filter-item:nth-child(2n + 1) {
	background: var(--navy-blue-hover);
}

.filter-item:hover {
	color: #fff;
	background: var(--dark-gray);
}

#article-category-filter-dropdown {
	position: relative;
	background: var(--main-blue);
	color: #eee;
	max-height: 0;
	overflow: hidden;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	transition: 0.5s all;
}

#article-category-filter-dropdown.active {
	max-height: 320px;
}

.no-article-results {
	display: none;
	font-size: 18px;
	text-align: center;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 400;
}

pre {
	font-size: 12px;
}

.card {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 25%;
	font-size: 16px;
}

.card .bhi-img:after {
	content: "";
	position: absolute;
	top: -110px;
	right: -110px;
	z-index: 10;
	background: var(--main-red);
	width: 120px;
	height: 120px;
	-webkit-transform: rotate(45deg);
	border-bottom: 2px solid #fff;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}

.card-button-book {
	color: #fff;
	text-align: center;
}

.card-group {
	margin: 0 0 60px;
}

.attraction-item-wrapper,
.hotel-item-wrapper,
.rental-item-wrapper {
	font-size: 0;
	padding: 0 0 50px;
}

.attraction-left,
.hotel-left,
.rental-left {
	display: inline-block;
	vertical-align: top;
	width: 500px;
	padding: 55px 50px 15px 0;
}

.attraction-right,
.hotel-right,
.rental-right {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 550px);
	padding: 50px 0 0;
}

.attraction-featured-img,
.hotel-featured-img,
.rental-featured-img {
	width: 500px;
	height: 500px;
	overflow: hidden;
}

.attraction-thumbs,
.hotel-thumbs,
.rental-thumbs {
	position: relative;
	padding: 4px 0;
	font-size: 0;
	height: 80px;
}

.attraction-thumb-item,
.hotel-thumb-item,
.rental-thumb-item {
	max-width: 80px;
	cursor: pointer;
}

.attraction-thumb-item:hover img,
.hotel-thumb-item:hover img,
.rental-thumb-item:hover img {
	opacity: 0.8;
}

.attraction-thumb-item:before,
.hotel-thumb-item:before,
.rental-thumb-item:before {
	content: "";
	position: absolute;
	z-index: 20;
	top: -2px;
	left: -2px;
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.8);
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}

.attraction-thumb-item.active:before,
.hotel-thumb-item.active:before,
.rental-thumb-item.active:before {
	top: 2px;
	left: 2px;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
}

.attraction-thumbs-next,
.hotel-thumbs-next,
.rental-thumbs-next {
	position: absolute;
	top: 4px;
	right: 0;
	width: 20px;
	height: 20px;
	opacity: 0;
	outline: none;
	z-index: 10;
	height: calc(100% - 8px);
	cursor: pointer;
}

.attraction-thumbs-next:before,
.hotel-thumbs-next:before,
.rental-thumbs-next:before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	box-shadow: 0 -1px 0px rgb(0 0 0 / 50%), 1px 0 0px rgb(0 0 0 / 50%),
		inset 0 1px 0px rgb(0 0 0 / 50%), inset -1px 0 0px rgb(0 0 0 / 50%);
	-webkit-transform: rotate(45deg);
	top: calc(50% - 5px);
	left: 2px;
}

.attraction-thumbs-prev:hover,
.attraction-thumbs-next:hover,
.hotel-thumbs-prev:hover,
.hotel-thumbs-next:hover,
.rental-thumbs-prev:hover,
.rental-thumbs-next:hover {
	opacity: 0.6;
}

.attraction-thumbs-prev,
.hotel-thumbs-prev,
.rental-thumbs-prev {
	position: absolute;
	top: 4px;
	left: 0;
	width: 20px;
	height: 20px;
	opacity: 0;
	outline: none;
	z-index: 10;
	height: calc(100% - 8px);
	cursor: pointer;
}

.attraction-thumbs:hover .attraction-thumbs-next,
.hotel-thumbs:hover .hotel-thumbs-next,
.rental-thumbs:hover .rental-thumbs-next,
.attraction-thumbs:hover .attraction-thumbs-prev,
.hotel-thumbs:hover .hotel-thumbs-prev,
.rental-thumbs:hover .rental-thumbs-prev {
	opacity: 1;
}

.attraction-thumbs-prev:before,
.hotel-thumbs-prev:before,
.rental-thumbs-prev:before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	box-shadow: 0 1px 0px rgb(0 0 0 / 50%), -1px 0 0px rgb(0 0 0 / 50%),
		inset 0 -1px 0px rgb(0 0 0 / 50%), inset 1px 0 0px rgb(0 0 0 / 50%);
	-webkit-transform: rotate(45deg);
	top: calc(50% - 5px);
	left: 6px;
}

.attraction-thumbs-prev.swiper-button-disabled,
.attraction-thumbs-next.swiper-button-disabled,
.hotel-thumbs-prev.swiper-button-disabled,
.hotel-thumbs-next.swiper-button-disabled,
.rental-thumbs-prev.swiper-button-disabled,
.rental-thumbs-next.swiper-button-disabled {
	display: none;
}

.attraction-meta,
.hotel-meta,
.rental-meta {
	padding: 5px 0;
}

h1.attraction-title,
h1.hotel-title,
h1.rental-title {
	text-align: left;
}

.attraction-location,
.hotel-location,
.rental-location {
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 14px;
	display: inline-block;
	vertical-align: middle;
	margin: 4px 0 0;
}

.rating {
	width: 96px;
	height: 18px;
	left: calc(50% - 48px);
	position: relative;
}

.rating:before {
	content: "";
}

.rating div {
	position: relative;
	background: url(/img/frontend/rating.png) 0 0 no-repeat;
	background-size: auto 100%;
	top: 0;
	left: 0;
	width: 100%;
	height: 18px;
	margin: 0 auto;
}

.rating-05 div {
	width: 10px;
}
.rating-10 div {
	width: 19px;
}
.rating-15 div {
	width: 29px;
}
.rating-20 div {
	width: 39px;
}
.rating-25 div {
	width: 48px;
}
.rating-30 div {
	width: 58px;
}
.rating-35 div {
	width: 68px;
}
.rating-40 div {
	width: 77px;
}
.rating-45 div {
	width: 87px;
}
.rating-50 div {
	width: 98px;
}

.attraction-meta .rating,
.hotel-meta .rating,
.rental-meta .rating {
	top: 0;
	position: relative;
	left: 0;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 10px;
	opacity: 0.4;
}

.attraction-meta .rating div,
.hotel-meta .rating div,
.rental-meta .rating div {
	background: url(/img/frontend/rating-black.png) 0 0 no-repeat;
	background-size: auto 100%;
}

.attraction-description p,
.hotel-description p,
.rental-description p,
.fas-info span,
.addtion-info {
	font-size: 18px;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 400;
	margin: 0 0 10px;
	padding: 10px 0 0;
	line-height: 28px;
}

.addtion-info {
	padding: 25px !important;
}

.attraction-description,
.hotel-description,
.rental-description {
	font-size: 18px;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 400;
	margin: 0 0 50px;
	padding: 0;
	line-height: 28px;
}

a.attractions-back,
a.hotel-back,
a.rental-back {
	margin: 40px 0 0;
}

#more-attractions,
#more-hotels,
#more-rentals {
	text-align: center;
}

#more-attraction-items .card,
#more-hotel-items .card,
#more-rental-items .card {
	display: none;
}

#more-attraction-items .card.active,
#more-hotel-items .card.active,
#more-rental-items .card.active {
	display: inline-block;
}

#attraction-tickets,
#hotel-tickets,
#rental-tickets {
	font-size: 16px;
}

.ticket-item {
	background: #fff;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 400;
	font-size: 18px;
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 10px;
}

.ticket-item:nth-child(2n + 1) {
	margin-right: 0;
}

.ticket-item:nth-child(2n + 2) {
	margin-left: 0;
}

.ticket-time {
	display: block;
	font-size: 22px;
	font-weight: 700;
	color: #333;
	padding: 15px 20px;
	width: 120px;
	text-transform: uppercase;
	text-align: left;
	display: none;
}

.ticket-group {
	display: flex;
	margin: 0;
	padding: 8px 11px;
	width: 100%;
	box-sizing: border-box;
	font-size: 0;
	flex-direction: column;
	/*display: block;
	margin: 0;
	padding: 8px 11px;
	width: 100%;
	box-sizing: border-box;
	font-size: 0;*/
}

.ticket-group:nth-child(2n + 2) {
	background: rgba(0, 0, 0, 0.07);
}

.ticket-select {
	display: inline-block;
	vertical-align: middle;
	z-index: 20;
	background: var(--main-red);
	cursor: pointer;
	color: #fff;
	font-size: 16px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 4px 0 3px;
	width: 160px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: 0 0 0 10px;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}

.ticket-label {
	font-weight: 700;
	color: #333;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 13px;
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 120px);
}

.ticket-input-box,
.input-input-box {
	background: #fff;
	display: block;
	/*vertical-align: middle;*/
	margin: 10px auto /*0 0 0 5px*/;
	width: 112px;
}

.ticket-icon-minus,
.input-icon-minus {
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	width: 32px;
	height: 36px;
	background: url(/img/frontend/icon-minus.png) center center #edeeee no-repeat;
	background-size: 11px;
	margin: 2px;
}

.ticket-icon-plus,
.input-icon-plus {
	width: 32px;
	height: 36px;
	display: inline-block;
	vertical-align: top;
	background: url(/img/frontend/icon-plus.png) center center #edeeee no-repeat;
	background-size: 11px;
	margin: 2px;
	cursor: pointer;
}

.ticket-icon-minus:hover,
.ticket-icon-plus:hover,
.input-icon-plus:hover {
	background-color: #dce0e0;
	box-shadow: none;
}

.ticket-item input.ticket-number,
.hbd-number-input input[type="number"] {
	border: 0;
	outline: none;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	margin: 0;
	max-width: 100%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 0;
	box-sizing: border-box;
	border-radius: 0;
	text-align: center;
	padding: 10px;
	font-size: 16px;
	width: 40px;
	background: #fff;
	color: #333;
}

input.ticket-number::-webkit-outer-spin-button,
input.ticket-number::-webkit-inner-spin-button,
.hbd-number-input input[type="number"]::-webkit-outer-spin-button,
.hbd-number-input input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type="number"] {
	-moz-appearance: textfield;
}

.ticket-times-wrapper {
	font-size: 0;
}

.ticket-time-wrapper {
	background: #eee;
}

.ticket-time-wrapper:nth-child(2n + 2) {
	background: #ddd;
}

.ticket-time-item {
	position: relative;
	margin: 0;
	font-size: 0;
	text-align: left;
	display: block;
	vertical-align: top;
	width: 100%;
	margin: 0 0 10px;
	background: #eee;
	display: none;
	opacity: 0;
}

.ticket-time-tabs label {
	position: absolute;
	left: 20px;
	top: 22px;
	font-size: 14px;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	line-height: 34px;
	padding: 0 8px 0 0;
}

.ticket-time-item.active {
	display: block;
	opacity: 1;
}

.ticket-time-item:nth-child(2n + 1) {
	margin-left: 0;
}

.ticket-time-item:nth-child(2n + 2) {
	margin-right: 0;
}

.ticket-price {
	font-weight: 700;
	color: #333;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 20px;
	display: block;
	/*vertical-align: middle;*/
	width: 120px;
	text-align: center;
	margin: 0 auto;
}

.ticket-price span {
	font-size: 13px;
	display: inline-block;
	vertical-align: middle;
	margin: -2px 0 0;
	letter-spacing: 0.08em;
}

.ticket-group-info {
	display: inline-block;
	vertical-align: middle;
	padding: 0 8px;
	width: calc(100% - 287px);
	box-sizing: border-box;
	text-align: left;
	font-size: 0;
}

.ticket-price:before {
	content: "$";
	font-size: 13px;
	display: inline-block;
	vertical-align: top;
	margin: -2px 0 0;
}

#attraction-tickets > p {
	display: none;
}

.ticket-description p:last-child {
	margin: 0;
}

.ticket-item .accordion-content {
	position: relative;
	padding: 0;
	background: #fff;
}

.ticket-description {
	background: #eee;
	padding: 20px 20px 5px;
}

.ticket-time-tabs {
	font-size: 0;
	position: relative;
	background: #eee;
	padding: 10px 20px 0 80px;
	border-bottom: 2px solid #333;
}

.ticket-tab {
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
	text-transform: uppercase;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	background: #ddd;
	margin: 8px 4px 0;
	padding: 12px 14px;
	cursor: pointer;
	width: 70px;
	text-align: center;

	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}

.ticket-tab:hover {
	background: #fff;
}

.ticket-tab.active {
	margin: 4px 4px 0;
	padding: 12px 14px 16px;
	background: var(--main-blue) !important;
	color: #fff !important;
}

.attraction-right.no-img,
.hotel-right.no-img,
.rental-right.no-img {
	width: 100%;
}

.attraction-item-wrapper > .attraction-tickets {
	display: none;
}

#more-hotel-items .modal-data {
	display: none;
}

.hotel-booking-dates {
	position: relative;
	padding: 20px;
	background: #eeeeee;
	margin: -5px 0 0;
	z-index: 20;
}

.hotel-booking-dates h3 {
	margin: 0 0 5px;
}

.hbd-check-in-input,
.hbd-check-out-input,
.hbd-rooms-input,
.hbd-adults-input,
.hbd-children-input {
	display: inline-block;
	vertical-align: top;
	padding: 0 8px 0 0;
}

.hbd-submit-wrapper {
	display: inline-block;
	vertical-align: top;
}

.hbd-check-in-input label,
.hbd-check-out-input label,
.hbd-rooms-input label,
.hbd-adults-input label,
.hbd-children-input label {
	display: block;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0.06em;
	color: #555;
}

.hbd-number-input #rooms {
	display: none;
}

input.datepicker {
	border: 0;
	padding: 20px 30px;
	outline: none;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #fff;
	margin: 0 auto;
	max-width: 100%;
	display: block;
	background: url(/img/frontend/icon-calendar-white.png) 90% center no-repeat
		var(--main-red);
	background-size: 28px;
	box-sizing: border-box;
	border-radius: 0;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#ComboStart.datepicker,
#ComboEnd.datepicker {
	background: 90% center no-repeat var(--main-blue);
}

/*
button.ui-datepicker-close {
	border: none;
	background: var(--main-red);
	color: #FFF !important;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif !important;
	text-transform: uppercase;
	border-radius: 0;
	padding: 10px 30px !important;
	font-weight: 800 !important;
	font-size: 16px !important;
	letter-spacing: 0.22em;
}

button.ui-datepicker-close:hover {
	background: var(--warm-red-hover);
}

.ui-datepicker-group .ui-datepicker-header {
	border: none;
	background: none;
	color: #000;
	font-weight: bold;
}

#ui-datepicker-div {
	width: 50em !important;
	padding: 20px 20px 30px;
}

.ui-datepicker-buttonpane.ui-widget-content {
	border: none;
	box-shadow: none;
}

.ui-datepicker .ui-datepicker-buttonpane button {
	float: none !important;
}

.ui-datepicker-buttonpane.ui-widget-content {
	text-align: center;
}

.ui-datepicker-group-first,
.ui-datepicker-group-last{
	background: #FFFFFF;
	width: 100% !important;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
	min-height: 250px;
	padding-top: 20px;
}


.ui-state-default,
.ui-datepicker th,
.ui-datepicker-title span {
	font-size: 16px;
}

.ui-state-default.ui-state-active,
.dp-highlight-start .ui-state-default{
	background: var(--navy-blue-hover);
	padding: 5px 0px;
	text-align: center;
	color: #FFF !important;
	border-radius: 50%;
}

.dp-highlight{
	background: var(--light-gray);
}

.dp-highlight-start {
	border-radius: 30% 0 0 30%;
	-webkit-border-radius: 30% 0 0 30%;
	-moz-border-radius: 30% 0 0 30%;
	-ms-border-radius: 30% 0 0 30%;
	-o-border-radius: 30% 0 0 30%;
	opacity: 1 !important;
}

.dp-highlight-end {
	border-radius: 0 30% 30% 0;
	-webkit-border-radius: 0 30% 30% 0;
	-moz-border-radius: 0 30% 30% 0;
	-ms-border-radius: 0 30% 30% 0;
	-o-border-radius: 0 30% 30% 0;
}

.ui-datepicker td {
	padding: 5px !important;
}

.dp-highlight span {
	background: var(--light-gray);
}

.ui-datepicker-group-first {
	grid-area: DPF;
}

.ui-datepicker-group-last {
	grid-area: DPL;
}

.ui-datepicker-buttonpane.ui-widget-content {
	grid-area: DPB
}

#ui-datepicker-div {
	display: grid;
	grid-template-areas: "DPF DPL" "DPB DPB";
	top: 380px !important;
 }

.ui-datepicker td a {
	text-align: center !important;
} */

input#ComboStart.datepicker::-webkit-input-placeholder {
	color: #fff !important;
}
input#ComboStart.datepicker::-moz-placeholder {
	color: #fff !important;
}
input#ComboStart.datepicker:-ms-input-placeholder {
	color: #fff !important;
}
input#ComboStart.datepicker:-moz-placeholder {
	color: #fff !important;
}

.hbd-check-in-input input.datepicker,
.hbd-check-out-input input.datepicker {
	color: #333;
	background: url(/img/frontend/icon-calendar.png) 97% center no-repeat #fff;
	background-size: 28px;
	padding: 10px 14px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.05em;
	width: 163px;
	border-radius: 0;
	margin: 0;
}

.hbd-check-in-input input.datepicker::-webkit-input-placeholder {
	color: #333;
}
.hbd-check-in-input input.datepicker::-moz-placeholder {
	color: #333;
}
.hbd-check-in-input input.datepicker:-ms-input-placeholder {
	color: #333;
}
.hbd-check-in-input input.datepicker:-moz-placeholder {
	color: #333;
}

.hbd-check-out-input input.datepicker::-webkit-input-placeholder {
	color: #333;
}
.hbd-check-out-input input.datepicker::-moz-placeholder {
	color: #333;
}
.hbd-check-out-input input.datepicker:-ms-input-placeholder {
	color: #333;
}
.hbd-check-out-input input.datepicker:-moz-placeholder {
	color: #333;
}

.hbd-number-input {
	background: #fff;
}

.hbd-submit-wrapper #searchButton {
	border: 0;
	-webkit-appearance: none;
	margin: 21px 0 0;
	font-size: 13px;
	padding: 12px 23px;
}

.page-content .rooms-available {
	padding: 0;
	margin: 15px 0 0;
}

.room-results {
	position: relative;
}

.loader-wrapper {
	position: absolute;
	display: flex;
	flex-direction: unset;
	justify-content: center;
	align-items: center;
	height: 200px;
	width: 100%;

	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}

#room-loader {
	position: relative;
	overflow: hidden;
	padding: 50px 0 0;
}

#room-loader.fade-out {
	opacity: 0;
	height: 0;
	padding: 0;
}

.circle-loader {
	position: relative;
	margin: -100px 0 0;
	background: url(/img/frontend/circle-loader.png) center center no-repeat;
	background-size: 100%;
	width: 100px;
	height: 100px;
	animation: circleLoader 1.5s linear infinite;
	-moz-animation: circleLoader 1.5s linear infinite;
	-webkit-animation: circleLoader 1.5s linear infinite;
	-ms-animation: circleLoader 1.5s linear infinite;
	-o-animation: circleLoader 1.5s linear infinite;
}

@-webkit-keyframes circleLoader {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes circleLoader {
	0% {
		-moz-transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(360deg);
	}
}

@-ms-keyframes circleLoader {
	0% {
		-ms-transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(360deg);
	}
}

@keyframes circleLoader {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.loader-info {
	position: absolute;
	width: 80px;
	height: 80px;
	background: var(--main-red);
	border-radius: 45px;
	overflow: hidden;
	margin: -100px 0 0;
}

.loader-icon {
	position: absolute;
	background: url(/img/frontend/suitcase-white.png) 0 0 no-repeat;
	background-size: 100%;
	width: 50px;
	height: 50px;
	top: 80px;
	left: 16px;
	opacity: 1;

	-webkit-transition: 0.6s all;
	-moz-transition: 0.6s all;
	-ms-transition: 0.6s all;
	transition: 0.6s all;
}

#room-loader .loader-icon {
	background: url(/img/frontend/hotel-white.png) 0 0 no-repeat;
	background-size: 100%;
}

.loader-icon {
	top: 18px;
	animation: loaderIcon 0.6s ease-in-out 1;
	-moz-animation: loaderIcon 0.6s ease-in-out 1;
	-webkit-animation: loaderIcon 0.6s ease-in-out 1;
	-ms-animation: loaderIcon 0.6s ease-in-out 1;
	-o-animation: loaderIcon 0.6s ease-in-out 1;
}

.loader-label {
	position: absolute;
	margin: 30px 0 0;
	width: 300px;
	font-family: Fjalla;
	text-transform: uppercase;
	font-size: 22px;
	text-align: center;

	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}

#room-loader.fade-out .loader-label {
	margin: 60px 0 0;
}

#room-loader.fade-out .loader-icon {
	top: 48px;
}

.hbd-room-item {
	position: relative;
	margin: 0 0 15px 0;
	font-size: 0;
	background: #eee;
	display: block !important;
	opacity: 1 !important;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}

.hbd-room-item.active {
	background: #42bc44;
	color: #fff;
}

.hbd-room-item:last-child {
	margin: 0;
}

.hbd-room-img {
	display: inline-block;
	vertical-align: top;
	width: 180px;
	height: 180px;
	overflow: hidden;
	position: relative;
}

.hbd-room-img img {
	display: block;
	width: 100%;
}

.hbd-room-info {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 380px);
	box-sizing: border-box;
	padding: 22px 35px;
}

.hbd-room-right {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	height: 100%;
	background: #fff;
	box-shadow: inset 0 0 0 4px #eee;

	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}

.hbd-room-item.active .hbd-room-right {
	box-shadow: none;
	background: #42bc44;
}

.hbd-room-title {
	font-size: 16px;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #333;
	line-height: 24px;
	padding: 0 0 2px;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}

.hbd-room-item.active .hbd-room-title {
	color: #fff;
}

.hbd-room-description {
	max-height: 200px;
	overflow: hidden;
}

.hbd-room-description p {
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	margin: 0 0 10px;
}

.hotel-description p strong {
	font-size: 18px;
	line-height: 20px;
	/*display: block;*/
}

.hbd-room-description p:last-child {
	margin-bottom: 0;
}

.hbd-room-availability {
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-align: center;
	padding: 6px 0;
	margin: 15px 15px 0;
}

.hbd-room-availability.available {
	background: #eee;
	color: #333;
}

.hbd-room-availability-inner {
	display: none;
}

.hbd-room-date {
	font-size: 12px;
	letter-spacing: 0.08em;
	line-height: 18px;
	display: block;
	margin: 0 0 0;
}

.hbd-room-select,
.hbd-room-call {
	position: absolute;
	bottom: 10px;
	left: 15px;
	z-index: 20;
	display: block;
	background: var(--main-red);
	cursor: pointer;
	color: #fff;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	width: 170px;
	margin: 0 auto;
	text-align: center;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}

.hbd-room-item.active .hbd-room-select {
	background: #fff;
	color: var(--main-red);
}

.hbd-room-price:before {
	content: "$";
	font-size: 24px;
	line-height: 20px;
	display: inline-block;
	vertical-align: top;
	margin: -7px -6px 0 0;
}

.hbd-room-price {
	text-align: center;
	font-family: Fjalla;
	font-size: 38px;
	line-height: 16px;
	color: #333;
	font-weight: 500;
	box-sizing: border-box;
	padding: 25px 0 9px;
	position: absolute;
	top: calc(50% - 40px);
	width: 100%;
}

.hbd-room-item.active .hbd-room-price {
	color: #fff;
}

.hbd-room-price span {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 32px;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 400;
}

.hbd-room-price span:after {
	content: " / Per Night";
}

.hbd-room-select:hover {
	background: var(--warm-red-hover) !important;
	color: #ffffff !important;
	box-shadow: none !important;
}

.hbd-room-item.active:before {
	box-shadow: inset 0 0 0 2px #42bc44, inset 0 0 0 4px #fff;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

#locations-list {
	font-size: 16px;
	text-align: center;
	position: relative;
	z-index: 10;
	margin: 2px 0 0;
}

#specific-locations-list {
	font-size: 16px;
	text-align: center;
	position: relative;
	z-index: 10;
	margin: 2px 0 40px;
}

#locations-list a,
#specific-locations-list a {
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: top;
	padding: 8px 14px 10px;
	color: #888;
	box-shadow: 0 0 0 2px #eee;
	margin: 0 10px;
	border-radius: 20px;
}

#locations-list a:hover,
#specific-locations-list a:hover {
	background: #eee;
	text-decoration: none;
}

#locations-list a.active,
#specific-locations-list a.active {
	background: var(--main-red);
	color: #fff;
	box-shadow: none;
}

[page-id="hotels"] .page-content {
	margin: -10px 0 0;
}

.packaging-office-contact .contact-location-phones .column:nth-child(2n + 2) {
	background: #fff;
}

.packaging-office-contact .contact-location-phones .column:nth-child(2n + 1) {
	background: #eee;
}

.attraction .hotel-booking-dates {
	margin-bottom: 20px;
}

#vodka-img {
	margin-top: -130px;
}

#coffee-shop-wrapper {
	font-size: 14px;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 400;
	margin: 0 auto 80px;
	position: relative;
	max-width: 1000px;
	columns: 2;
}

.coffee-shop-item-group {
	position: relative;
	margin: 0 2px;
	background: #fff;
	padding: 0 20px;
	box-shadow: 0 0 0 2px #eee;
	border-bottom: 10px solid #fff;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

.coffee-shop-item-group:after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 10;
	height: 10px;
}

.coffee-shop-section {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	display: block;
	position: relative;
	transform: translateZ(0);
}

.coffee-shop-heading {
	margin: 15px -22px -2px;
	top: -2px;
	background: var(--main-blue);
	color: #fff;
	padding: 10px 20px;
	font-weight: 700;
	letter-spacing: 0.1em;
	position: relative;
	font-size: 16px;
}

.coffee-shop-item .coffee-shop-item-description {
	display: block;
	font-style: italic;
	font-size: 12px;
	opacity: 0.9;
	width: 70%;
}

.coffee-shop-item {
	font-size: 0;
	padding: 10px 0 0;
}

.coffee-shop-item-group:nth-child(2n + 2) {
	background: #eee;
}

.coffee-shop-item-group:nth-child(2n + 2):after {
	background: #eee;
}

.coffee-shop-item div {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
}

.coffee-shop-item-title {
	width: 80%;
}

.coffee-shop-item-amount,
.coffee-shop-item-price {
	width: 20%;
	text-align: right;
}

.coffee-shop-section:first-child {
	margin-top: -15px;
}

a.button-secondary.white:hover,
.button-secondary.white:hover {
	color: #fff;
}

#walk-on-departures {
	background: url(/img/frontend/coho-50.jpg);
}

#drive-on-departures {
	background: url(/img/frontend/coho-66.jpg);
}

#drive-on-departures,
#walk-on-departures {
	height: 260px;
	background-size: 100%;
	background-position: center -110px;
	padding: 40px;
	margin: 0 0 20px;
}

#drive-on-departures p,
#walk-on-departures p {
	background: rgb(255 255 255 / 92%);
	padding: 20px;
}

#travel-trade .grid-item:nth-child(2n + 1) a.post-item {
	padding-left: 0;
}

#travel-trade .grid-item:nth-child(2n + 2) a.post-item {
	padding-right: 0;
}

#travel-trade .list-article-posted-date {
	padding: 0 0 10px;
}

#map {
	width: 100%;
	/* height: 575px; */
	margin: 0 0 -80px;
}

#map-wrapper {
	position: relative;
}

#location-title {
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	font-size: 26px;
}

#location-content {
	padding: 10px 0 0 0;
}

#location-title span {
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: 16px;
	opacity: 0.7;
	padding: 4px 0 0 0;
}

#location-info {
	position: absolute;
	left: 50px;
	top: calc(50% - 120px);
	z-index: 10;
	font-size: 18px;
	color: #000;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 400;
	background: rgb(255 255 255 / 85%);
	padding: 40px;
	box-shadow: 0 2px 30px #b3e5e4;
	display: none;

	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}

.location-marker-info {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	font-size: 18px;
	color: #000;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 400;
	background: rgb(255 255 255 / 85%);
	padding: 20px;
	box-shadow: 0 2px 30px #b3e5e4;
	display: none;

	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}

#black-ball-shop {
	background: #e6e7e8;
	margin: 50px 0;
	font-size: 0;
}

#black-ball-shop .content-left {
	display: inline-block;
	vertical-align: middle;
	width: 45%;
	max-width: none;
	margin: 0 -15% 0 0;
	box-sizing: border-box;
	padding: 0 100px 0 0;
}

#black-ball-shop .content-right {
	display: inline-block;
	vertical-align: middle;
	margin: -50px 0;
	width: 70%;
	position: relative;
	left: 15%;
}

#black-ball-shop .block-inner {
	max-width: 1400px;
	margin: 0 auto;
	position: relative;
}

#black-ball-shop .content-mobile {
	display: none;
}

a.button.direct-billing-pdf-button {
	box-sizing: border-box;
	text-align: center;
	margin: 0;
	padding: 10px 38px;
}

a.image-gallery-item {
	position: relative;
	max-height: 129px;
	display: block;
	overflow: hidden;
	margin: 0 0 40px;
}

.pages-image-gallery .pp_social {
	display: none;
}

#home-articles .list-article-posted-date {
	padding: 0;
}

.getting-started-columns {
	margin: 20px 0 60px 0;
}

#seattle-victoria-hotels-wrapper {
	padding: 60px 0;
}

#seattle-victoria-hotels-wrapper h1 {
	padding: 0 0 20px;
}

#seattle-victoria-travel-options h2 {
	text-align: center;
}

#charter-transportation-img {
	max-width: none;
}

#charter-transporation-wrapper {
	position: relative;
	overflow: hidden;
	background: #e6e7e8;
	padding: 40px 0;
	margin: 60px 0;
}

#charter-transporation-inner {
	position: relative;
	margin: 0 auto;
	max-width: 1400px;
}

#charter-transporation-img-wrapper {
	position: absolute;
	width: 100%;
	top: 0;
	height: 100%;
}

#charter-transportation-img {
	position: absolute;
	top: 0;
	right: 0;
	left: calc(50% + 20px);
	width: auto;
	height: 100%;
}

#image-library-boat-img {
	margin: 30px 0 0;
}

.pp_hoverContainer {
	display: none !important;
}

.pp_gallery a.pp_arrow_previous,
.pp_gallery a.pp_arrow_next {
	display: none !important;
}

.pp_gallery {
	margin-top: 4px !important;
	left: calc(50% + 28px) !important;
	display: block !important;
	opacity: 1 !important;
}

.pp_nav p.currentTextHolder {
	display: none !important;
}

#travel-trade-form {
	padding: 0 20px 5px;
	margin: 0;
}

#travel-trade-form #contact-form {
	padding: 7px 0 0;
}

#travel-trade > h2 {
	text-align: center;
	margin: 0 0 40px;
}

#seattle-victoria-travel-options h3 {
	margin: 0 0 5px;
}

#seattle-victoria-travel-options img {
	margin: -16px -20px 15px;
	max-width: calc(100% + 40px);
}

#seattle-victoria-travel-options > h2 {
	text-align: center;
	margin: 40px 0 15px;
}

#seattle-victoria-four-columns .icon,
#accessible-services .icon {
	padding: 20px;
	/*border: 4px solid #eee;
	border-radius: 80px;*/
	max-width: 100px;
	margin: 20px auto 0px;
	position: relative;
}

#accessible-services img {
	max-width: 65%;
	padding: 20%;
	margin: -2px;
}

a.media-download {
	position: relative;
	display: block;
	background: #fff;
	padding: 0;
	border-radius: 5px;
	margin: 0 0 15px 10px;
	font-size: 0;
	font-weight: 600;
}

.media-download img {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 60px;
	height: auto;
	margin: -5px 0 -5px -40px;
}

a.media-download:before {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	background: #fff;
	width: 43px;
	height: 100%;
	border-radius: 0 22px 0 0;
}

.media-download span {
	line-height: 20px;
	display: block;
	padding: 0 0 0 15px;
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 60px);
	margin: 0 -20px 0 0;
	font-size: 18px;
	text-align: left;
	box-sizing: border-box;
}

a.media-download:hover {
	background: var(--main-red);
	color: #fff;
}

#media-downloads {
	margin: 10px 30px;
	text-align: center;
}

.center img {
	margin: 0 auto;
}

.grey {
	background: #eee;
}

#mi-beginning-content {
	padding: 40px 0;
	margin: 30px 0 30px;
}

#flags-through-the-years img {
	width: 100%;
}

#flags-through-the-years .column.four {
	padding: 10px 30px;
}

#flags-through-the-years {
	margin: 0 -30px;
}

#mi-timeline-content {
	padding: 40px 0;
	margin: 60px 0 30px;
}

#timeline-grid img {
	border-radius: 120px;
	border: 12px solid #fff;
}

#timeline-grid .column.four {
	padding-top: 40px;
}

.timeline-img {
	max-width: 180px;
	margin: 0 auto;
	position: relative;
}

#timeline-grid .column.four .timeline-img:after {
	content: "";
	position: absolute;
	left: 131%;
	top: 50%;
	width: 50%;
	border-top: 10px dotted;
	color: #bbb;
}

#timeline-grid .column.four:nth-child(8n + 4) .timeline-img:after {
	width: 25%;
}

#timeline-grid .column.four:nth-child(8n + 5) .timeline-img:before {
	content: "";
	position: absolute;
	left: -41%;
	top: 50%;
	width: 25%;
	border-top: 10px dotted;
	color: #bbb;
}

#timeline-grid .column.four:last-child .timeline-img:after {
	display: none;
}

#media-video iframe {
	display: block;
	width: 100%;
	height: 460px;
}

#media-video .column.three-two,
#media-video .column.three {
	vertical-align: middle;
	width: 50%;
}

#media-video h2 {
	padding: 0;
	margin: 0 0 -20px;
}

#media-video h4 {
	border-bottom: 0;
	margin: 20px 0 0 17px;
}

#media-video {
	padding: 40px 0 0;
}

#media-video h3 {
	padding-left: 16px;
}

#media-video {
	padding: 0;
	margin: 0 0 -70px;
}

#history-rotator .swiper-slide {
	flex-direction: column;
	background: /*#EEE*/ #fff;
}

#history-rotator h3 {
	font-size: 46px;
	line-height: 50px;
}

#history-rotator h3:after {
	content: "";
	width: calc(100% - 110px);
	border-top: 10px dotted #ddd;
	position: absolute;
	z-index: 10;
	left: calc(50% + 80px);
	top: 52px;
}

#history-rotator p {
	max-width: 75%;
	text-align: left;
}

#history-rotator .swiper-button-next,
#history-rotator .swiper-button-prev {
	color: #000;
	top: 56px !important;
	background: #eee;
	padding: 0;
	margin-left: -10px;
	margin-right: -10px;
}

#history-rotator .swiper-button-next {
	right: 10px !important;
}

#history-rotator .swiper-button-prev {
	left: 10px !important;
}

#history-rotator .swiper-slide:last-child h3:after {
	display: none;
}

#history-rotator {
	position: relative;
	max-width: 1400px;
	margin: 0 auto;
}

#history-rotator-outer {
	background: /*#EEE*/ #fff;
	padding: 50px 0;
	margin: 50px 0 -80px;
}

#boat-red {
	float: left;
	margin: 0 60px 60px 0;
}

#accessible-services .column h2 {
	text-align: center;
}

#accessible-services {
	background: var(--main-blue);
	padding-top: 100px;
}

#accessible-services .column h3,
#accessible-services .column p {
	color: #fff;
}

#accessible-services h2 {
	color: #fff;
}

#seattle-victoria-four-columns h3 {
	text-align: center;
}

#history-rotator .swiper-slide img {
	border-radius: 260px;
	max-width: 240px;
	border: 12px solid #fff;
	margin: 20px auto;
}

.commercial-fares .fee-disclaimer {
	padding: 12px 20px;
}

a.category-link-all {
	color: #888;
	font-weight: 600;
}

.itinerary-table {
	padding: 0 10px;
	margin: 0 0 20px;
}

.itinerary-table .table-row {
	margin: 0 -10px;
	font-size: 0;
	box-shadow: inset 2px 0 #eee, inset -2px 0 #eee;
}

.itinerary-table .table-row:nth-child(2n + 1) {
	background: #eee;
}

.itinerary-table .table-row .col {
	display: inline-block;
	vertical-align: top;
	padding: 5px 10px;
	font-size: 18px;
	box-sizing: border-box;
}

.itinerary-table .table-row .col:first-child {
	width: 20%;
}

.itinerary-table .table-row .col:last-child {
	width: 80%;
}

.itinerary-table .table-row.heading {
	padding: 0;
	background: var(--main-blue);
	color: #fff;
	letter-spacing: 0.1em;
	box-shadow: none;
}

.itinerary-table .table-row:last-child {
	border-bottom: 2px solid #eee;
}

.itinerary-table .table-row.heading h3 {
	color: #fff;
	font-weight: 600;
	font-size: 20px;
	line-height: 22px;
}

.itinerary-table .table-row.heading .col {
	width: auto !important;
	padding: 10px 15px;
}

.itinerary-table .table-row.heading h3 {
	margin: 0;
}

.hotel-amenities {
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 400;
	margin: 0 0 40px 0;
}

.hotel-amenities > span {
	font-size: 18px;
	display: block;
	margin: 0 0 5px;
}

.hotel-amenities > span i.fas {
	margin: 0 8px 0 0;
	min-width: 22px;
}

.whats-on-board-wrapper {
	background: #fff;
}

.whats-on-board-cards {
	position: relative;
	max-width: 1400px;
	margin: 0 auto;
	padding: 60px 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.whats-on-board-cards .list-article {
	width: 25%;
}

.whats-on-board-cards h3 {
	font-size: 20px;
}

.whats-on-board-cards .list-article-thumb-wrapper.one {
	background: url(/img/frontend/mv-coho-tour-desk-thumb.jpg) center center
		no-repeat;
	background-size: cover;
	/*filter: saturate(0) brightness(1.1) contrast(1.3);*/
}

.whats-on-board-cards .list-article-thumb-wrapper.two {
	background: url(/img/frontend/mv-coho-coffee-shop-thumb.jpg) center center
		no-repeat;
	background-size: cover;
	/*filter: saturate(0) brightness(1.1) contrast(1.3);*/
}

.whats-on-board-cards .list-article-thumb-wrapper.three {
	background: url(/img/frontend/mv-coho-gift-shop-thumb.jpg) center center
		no-repeat;
	background-size: 100%;
	/*filter: saturate(0) brightness(1.1) contrast(1.3);*/
}

.whats-on-board-cards .list-article-thumb-wrapper.four {
	background: url(/img/frontend/mv-coho-duty-free-store-thumb.jpg) center center
		no-repeat;
	background-size: 100%;
	/*filter: saturate(0) brightness(1.1) contrast(1.3);*/
}

.whats-on-board-cards .list-article-thumb-wrapper.five {
	background: url(/img/frontend/mv-coho-pet-friendly-thumb-blue.jpg) center
		center no-repeat;
	background-size: 100%;
	/*filter: saturate(0) brightness(1.1) contrast(1.3);*/
}

.whats-on-board-cards .list-article-thumb-wrapper.six {
	background: url(/img/frontend/mv-coho-bicycle-racks-thumb-blue.jpg) center
		center no-repeat;
	background-size: 100%;
	/*filter: saturate(0) brightness(1.1) contrast(1.3);*/
}

.whats-on-board-cards .list-article-thumb-wrapper.seven {
	background: url(/img/frontend/Welcome-aboard-blue.png) center center no-repeat;
	background-size: cover;
	/*filter: saturate(0) brightness(1.1) contrast(1.3);*/
}

.whats-on-board-cards .list-article-thumb-wrapper.eight {
	background: url(/img/frontend/washrooms-thumb-blue.jpg) center center
		no-repeat;
	background-size: cover;
	/*filter: saturate(0) brightness(1.1) contrast(1.3);*/
}

/*======================================================================================
	Travel information page Below Here
======================================================================================*/

.whats-on-board-cards .drive-on {
	background: url(/app/webroot/img/frontend/mv-coho-vehicle-deck-thumb-blue.jpg)
		center center no-repeat;
	background-size: 100%;
	/*filter: saturate(0) brightness(1.1) contrast(1.3);*/
}

.whats-on-board-cards .bike-on {
	background: url(/app/webroot/img/frontend/mv-coho-bicycle-racks-thumb-blue.jpg)
		center center no-repeat;
	background-size: 100%;
	/*filter: saturate(0) brightness(1.1) contrast(1.3);*/
}

.whats-on-board-cards .non-reserve {
	background: url(/app/webroot/img/frontend/mv-coho-pa-loading-thumb-blue.jpg)
		center center no-repeat;
	background-size: 100%;
	/*filter: saturate(0) brightness(1.1) contrast(1.3);*/
}

.whats-on-board-cards .get-here {
	background: url(/app/webroot/img/frontend/mv-coho-victoria-terminal-thumb-blue.jpg)
		center center no-repeat;
	background-size: 100%;
	/*filter: saturate(0) brightness(1.1) contrast(1.3);*/
}

.whats-on-board-cards .parking {
	background: url(/app/webroot/img/frontend/mv-coho-onboard-map-thumb-blue.jpg)
		center center no-repeat;
	background-size: 100%;
	/*filter: saturate(0) brightness(1.1) contrast(1.3);*/
}

.whats-on-board-cards .identification {
	background: url(/app/webroot/img/frontend/mv-coho-pa-walkons-thumb-blue.jpg)
		center center no-repeat;
	background-size: 100%;
	/*filter: saturate(0) brightness(1.1) contrast(1.3);*/
}

.whats-on-board-cards .accessible {
	background: url(/app/webroot/img/frontend/mv-coho-passenger-ramp-thumb-blue.jpg)
		center center no-repeat;
	background-size: 100%;
	/*filter: saturate(0) brightness(1.1) contrast(1.3);*/
}

.whats-on-board-cards .pets-info {
	background: url(/app/webroot/img/frontend/mv-coho-pet-friendly-thumb-blue.jpg)
		center center no-repeat;
	background-size: 100%;
	/*filter: saturate(0) brightness(1.1) contrast(1.3);*/
}

.whats-on-board-cards .list-article-thumb {
	margin: 0 auto;
	padding: 30px 0;
}

.whats-on-board-cards .list-article a {
	height: 440px;
	background: var(--light-gray);
}

.whats-on-board-cards .list-article.auto-height a {
	height: auto;
	padding-bottom: 15px;
}

.pages-whats-on-board .page-content {
	padding: 0;
}

.page-inner a.card {
	text-decoration: none;
}

.alert {
	position: absolute;
	z-index: 200;
	width: 40%;
	box-sizing: border-box;
	left: 30%;
	margin: 10px 0 0;
	text-align: center;
}

#home-package-deals .swiper-button-next,
#home-package-deals .swiper-button-prev {
	color: #fff;
	top: 50% !important;
}

.page-content.passengers {
	padding: 70px 0;
	background: #eee;
}

.page-content.children {
	padding: 80px 0 20px;
}

.related-pages {
	font-size: 0;
}

.page-content.no-reservation {
	padding: 60px 0;
	background: #fff;
	margin: 0 0 0px;
}

.page-content.accomodate {
	background: var(--main-blue);
}

.page-content.accomodate
	> .page-inner
	> .columns
	> .column.one
	> .vehicles-content
	> h2,
.page-content.accomodate
	> .page-inner
	> .columns
	> .column.one
	> .vehicles-content
	> p,
.page-content.accomodate
	> .page-inner
	> .columns
	> .column.one
	> .vehicles-content
	> .columns
	> .column.three
	> p {
	color: #fff;
}

.page-content.accomodate
	> .page-inner
	> .columns
	> .column.one
	> .vehicles-content
	> h2 {
	text-transform: uppercase;
	margin-top: 60px;
}

.page-content.accomodate
	> .page-inner
	> .columns
	> .column.one
	> .vehicles-content
	> .columns
	> .column.three:nth-child(2)
	> p:first-child
	img,
.page-content.accomodate
	> .page-inner
	> .columns
	> .column.one
	> .vehicles-content
	> .columns
	> .column.three:nth-child(3)
	> p:nth-child(2)
	img {
	max-height: 82px;
	width: auto;
}

.page-content.accomodate
	> .page-inner
	> .columns
	> .column.one
	> .vehicles-content
	> .columns
	> .column.three:nth-child(2)
	> p:nth-child(2)
	img {
	width: auto;
	max-height: 82px;
}

.page-content.accomodate
	> .page-inner
	> .columns
	> .column.one
	> .vehicles-content
	> .columns
	> .column.three
	> p:nth-child(2),
.page-content.accomodate
	> .page-inner
	> .columns
	> .column.one
	> .vehicles-content
	> .columns
	> .column.three
	> p:first-child {
	margin-top: 60px;
}

.page-content.accomodate
	> .page-inner
	> .columns
	> .column.one
	> .vehicles-content
	> .columns
	> .column.three
	> p {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.cycle-route-links {
	display: flex;
	justify-content: space-evenly;
	margin-top: 50px;
}

.accessibility-note {
	background: var(--light-gray);
	min-height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cycle-route-links p a {
	color: var(--main-blue);
	text-decoration: none;
}

.cycling-routes p img {
	margin: 0 auto;
}

.cycling-routes h2,
.cycling-routes p {
	text-align: center;
}

.columns.accessible {
	text-align: center;
}

.page-content.accessible {
	padding: 40px 0px;
}

.page-content.accessible p {
	color: #000;
}

.page-content.accomodate
	> .page-inner
	> .columns
	> .column.one
	> .vehicles-content
	> .columns
	> .column.three
	> p
	img {
	max-width: 140px;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

.travel-info-wrapper {
	background: #fff;
	margin: 0px;
}

#page-id-search h1 {
	font-size: 38px;
	margin: 0 0 40px;
	font-family: "Open Sans Condensed", arial, serif;
	letter-spacing: 0;
}

#page-id-search .content {
	padding: 50px 0;
}

.search-thumbnail {
	position: relative;
	overflow: hidden;
}

.search-thumbnail img {
	display: block;
	max-width: 100%;
	transition: 0.8s all;
}

.search-item-card:hover .search-thumbnail img {
	transform: scale(1.05);
	opacity: 0.8;
}

.search-description p {
	text-align: left !important;
	color: #333 !important;
	font-weight: 500 !important;
}

.search-item-card {
	margin: 0 0 40px;
}

.search-item-card h3 {
	font-size: 28px;
}

.search-item-card .button.button-primary {
	padding: 12px 30px;
	font-size: 16px;
	letter-spacing: 0.25em;
	margin-top: 4px;
}

.home-booking-button {
	display: inline-block;
	padding: 5px 3px;
	cursor: pointer;
	border: none;
	background-color: transparent;
	width: 20%;
	height: 60px;
	margin-right: 7px;
}

.home-booking-button:focus {
	outline: none;
}

.home-travel-mode-icon {
	width: 80px;
	height: 70px;
	margin: 10px auto -18px;
	position: relative;
	display: inline-block;
}

.home-booking-button[value="drive-on"] {
	background: url(/img/frontend/travel-mode-new-car-gray.png) center center
		no-repeat;
	background-color: #fff;
	background-size: 90%;
	/*padding: 0 2px;*/
	image-rendering: inherit;
}

.home-booking-button[value="drive-on"]:hover,
.home-booking-button[value="drive-on"].selected-travel-mode {
	background: url(/img/frontend/travel-mode-new-car-blue.png) center center
		no-repeat;
	background-size: 90%;
	background-color: #fff;
	/*box-shadow: inset 3px 0 0 0 var(--main-red);*/
}

.home-booking-button[value="walk-on"] {
	background: url(/img/frontend/travel-mode-walk-new-gray.png) center center
		no-repeat;
	background-color: #fff;
	background-size: 90%;
	image-rendering: inherit;
}

.home-booking-button[value="walk-on"]:hover,
.home-booking-button[value="walk-on"].selected-travel-mode {
	background: url(/img/frontend/travel-mode-walk-new-blue.png) center center
		no-repeat;
	background-size: 90%;
	background-color: #fff;
	/*box-shadow: inset 3px 0 0 0 var(--main-red);*/
}

.home-booking-button[value="bicycles"] {
	background: url(/img/frontend/travel-mode-bike-new-gray.png) center center
		no-repeat;
	background-color: #fff;
	background-size: 90%;
	image-rendering: inherit;
}

.home-booking-button[value="bicycles"]:hover,
.home-booking-button[value="bicycles"].selected-travel-mode {
	background: url(/img/frontend/travel-mode-bike-new-blue.png) center center
		no-repeat;
	background-size: 90%;
	background-color: #fff;
	/*box-shadow: inset 3px 0 0 0 var(--main-red);*/
	image-rendering: inherit;
}

.home-booking-button[value="motorcycle"] {
	background: url(/img/frontend/travel-mode-motorcycle-new-gray.png) center
		center no-repeat;
	background-color: #fff;
	background-size: 90%;
	/*width: 120px;*/
}

.home-booking-button[value="motorcycle"]:hover,
.home-booking-button[value="motorcycle"].selected-travel-mode {
	background: url(/img/frontend/travel-mode-motorcycle-new-blue.png) center
		center no-repeat;
	background-size: 90%;
	background-color: #fff;
	/*box-shadow: inset 3px 0 0 0 var(--main-red);*/
}

.bike-on-two-buttons {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	width: 90%;
	margin: 50px auto 20px auto;
	flex-wrap: wrap;
}

.hotel-question-icon {
	width: 23px;
	height: 23px;
	position: absolute;
	bottom: 5px;
	right: -25px;
	z-index: 1000;
}

.hotel-question-icon:hover + .question-info-box,
.hotel-question-icon.hover_effect + .question-info-box,
.fa-question-circle:hover + .question-info-box-alternate {
	display: block;
}

/* .question-info-box {
	width: 230px;
	height: max-content;
	position: absolute;
	bottom: 30px;
	right: -20px;
	background-color: #FFF;
	border-radius: 10px;
	color: #333;
	z-index: 1000;
	padding: 5px;
	display: none;
} */

.question-info-box-alternate {
	max-width: 100%;
	height: max-content;
	position: absolute;
	bottom: 0px;
	right: 0px;
	background-color: whitesmoke;
	border-radius: 10px;
	color: #333;
	z-index: 1000;
	padding: 5px;
	display: none;
	margin: 10px;
}

.question-info-box p,
.question-info-box-alternate p {
	font-size: 12px !important;
	font-weight: 700;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	color: #333;
	margin: 0 auto;
	line-height: 1.1em;
	padding: 5px 0;
	padding: 5px 0 5px 5px;
	text-align: left;
}

.question-info-box .arrow {
	border-style: solid;
	position: absolute;
	right: 7px;
}
.select-room-price {
	font-size: 8px;
}

.bottom {
	border-color: #fff transparent transparent transparent;
	border-width: 8px 8px 0px 8px;
	bottom: -8px;
}

.bottom:after {
	border-color: #fff transparent transparent transparent;
	border-style: solid;
	border-width: 7px 7px 0px 7px;
	bottom: 1px;
	content: "";
	position: absolute;
	left: -7px;
}

.drive-on-icons {
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	margin: 10vh 0 10vh 0;
}
.drive-on-icons > span {
	width: 30%;
	margin: 3vh 0 3vh 0;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: space-between;
	text-transform: uppercase;
	font-weight: 400;
	flex-grow: 1;
}

.drive-on-icons > span img {
	margin: 0 auto;
}

.dog-images {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: space-evenly;
	gap: 10px;
	margin-bottom: 30px;
}

.dog-images img {
	max-width: 33%;
}

#user-register-container {
	margin-left: auto;
	margin-right: auto;
}

.page-content .pet-bullet-points li:before {
	content: "";
	position: relative;
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
	background: #fff;
	margin: -3px 10px 0 -34px;
	background: url("/app/webroot/img/frontend/pawprint.png");
}

ul.pet-bullet-points li {
	margin-bottom: 2em;
}

.pets-tips-list-h2 {
	margin-bottom: 1.3em;
}

.pets-columns {
	margin-bottom: 50px;
}

.pet-page-icon {
	color: var(--main-red);
}

.page-content .tel-bullet-point li::before {
	content: "";
	position: relative;
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
	background: #fff;
	margin: -3px 10px 0 -24px;
	background: url("/app/webroot/img/frontend/icon-phone-dark-small.png");
}

.pets-columns {
	margin-left: 20px;
}

#boat-red {
	max-height: 600px;
}

.cycling-guy {
	margin: 10px auto;
	width: 100px;
}

.main-hotel-price span,
.hotel-after-tax span {
	vertical-align: middle;
}

.main-hotel-price .price-from,
.main-hotel-price .per-person-text {
	font-size: 16px;
}

.main-hotel-price .price-cents,
.main-hotel-price .price-dollars {
	font-size: 18px;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
}

.main-hotel-price .price-from {
	padding: 0px;
}

.main-hotel-price .price-from,
.main-hotel-price .per-person-text {
	/*font-style: italic;*/
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}

.main-hotel-price {
	margin-left: 3px;
}

#UserEmail {
	width: 300px;
	max-width: 100%;
}

#UserForgotForm {
	display: flex;
	align-items: center;
}

.input.email.required {
	margin-right: 30px;
}

#UserForgotForm .submit {
	margin-top: 10px;
}

.card-price.hotels.combos {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#header-phone a {
	color: #333;
	text-transform: uppercase;
}

.total-passenger-count,
.adult-passenger-count,
.child-passenger-count,
.infant-passenger-count {
	display: block;
}

.swiper-button-prev,
.swiper-button-next {
	top: 621px !important;
	background: var(--dark-gray);
	height: 45px !important;
	width: 45px !important;
	border-radius: 50%;
	position: absolute;
	width: calc(var(--swiper-navigation-size) / 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
	z-index: 10000;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.swiper-button-prev {
	left: 35px !important;
	right: auto !important;
	/*padding: 3px 8px 3px 8px;*/
}

.swiper-button-next {
	right: 35px !important;
	left: auto !important;
	/*padding: 3px 8px 3px 8px;*/
}

.card-price.hotels.combos .card-price-inner .card-post-tax-price,
.card-post-tax-price .price-dollars,
.card-post-tax-price .price-cents {
	vertical-align: initial;
}

.swiper-button-next::after,
.swiper-button-prev::after {
	font-size: 24px !important;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 10px !important;
	width: 100% !important;
	right: 100px !important;
	left: auto !important;
}

.swiper-pagination {
	text-align: right !important;
}

#home-route .the-route-mobile {
	display: none;
}

.home-welcome {
	letter-spacing: 0.22em;
}

.list-article-content-wrapper h3 {
	text-transform: none;
}

.list-article-cta.button.red.button-primary.gallery {
	background: var(--light-gray);
	color: var(--in-text-link-color);
	font-size: 18px;
	letter-spacing: 0em;
	left: 0;
	text-transform: none;
	font-weight: 700;
	margin-left: 20px;
	padding-left: 0px !important;
	text-decoration: underline;
	padding-top: 0px;
	padding-bottom: 30px;
}

.list-article-cta.button.red.button-primary.gallery:hover {
	color: var(--in-text-link-hover);
}

div[page-id="138"] > .page-content.twelve.columns.alpha {
	padding: 0px;
}

div[page-id="171"] > .page-content.twelve.columns.alpha.articles-page-wrapper {
	padding: 60px;
}

div[page-id="151"] > .page-inner {
	padding: 60px;
}

#related-page-23 > a > .related-page-bg > .related-page-thumb {
	width: auto;
	display: block;
	height: 240px;
}

img[alt="motorcycle"] {
	width: 100px;
	height: auto;
}

#travel-trade .post-item h3 {
	margin-top: 10px;
}

#travel-trade .grid-item .button-wrap {
	padding: 10px 0;
}

#newsletter-form button.button-primary {
	padding: 14px 35px 13px;
}

#page-id-151
	> #wrapper
	> .page-container
	> .page-inner
	> .page-content
	#accessible-services {
	background: var(--main-blue);
	max-width: none;
	margin: 0;
}

#page-id-151
	> #wrapper
	> .page-container
	> .page-inner
	> .page-content.twelve.columns.alpha,
#page-id-151 > #wrapper > .page-container > .page-inner {
	max-width: none;
	margin: 0 !important;
	padding: 0;
}

.accessibility-phone,
.accessibility-phone-one,
.accessibility-phone-two,
.accessibility-phone-three {
	display: flex;
}

.accessibility-phone-one {
	justify-content: flex-end;
}

.accessibility-phone-two {
	justify-content: center;
}

.accessibility-phone-three {
	justify-content: flex-start;
}

.accessibility-phone-one p {
	text-align: center;
}

.accessibility-phone-two p {
	text-align: center;
}

.accessibility-phone-three p {
	text-align: center;
}
.summary-item > .summary-passenger-item {
	padding-left: 200px;
}

#page-id-151 > #wrapper > .page-container > .page-inner > .page-content p {
	max-width: 1400px;
	margin: 20px auto 0px auto;
	position: relative;
}

#page-id-order-problem > #wrapper > div.container > form {
	margin: 40px auto 70px auto;
}

#page-id-151
	> #wrapper
	> .page-container
	> .page-inner
	> .page-content
	> .related-pages-wrapper,
#page-id-151
	> #wrapper
	> .page-container
	> .page-inner
	> .page-content
	> .first-accessible {
	max-width: 1400px;
	margin: 0 auto;
	position: relative;
}

#page-id-151
	> #wrapper
	> .page-container
	> .page-inner
	> .page-content
	> .columns
	~ .columns {
	max-width: none;
	margin: 0;
}

/*
#page-id-151 > #wrapper > .page-container > .page-inner > .page-content > .related-pages-wrapper {
	padding: 60px 0;
}
*/
/*
.accessibility-note {
	background: var(--light-gray);
	min-height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 60px auto !important;
}*/

.accessibility-note strong {
	padding: 0px 175px;
}

#accessible-services .column h3,
#accessible-services .column p {
	color: #fff;
}

#accessible-services h2 {
	color: #fff;
	letter-spacing: 0.2em;
}

#accessible-services {
	padding: 100px 130px;
	margin: 100px 0 !important;
}

.block-inner.pkges {
	margin-bottom: 75px;
}

.accessibility-phone,
.accessibility-phone-one,
.accessibility-phone-two,
.accessibility-phone-three {
	display: flex;
}

.accessibility-phone-one {
	justify-content: flex-end;
}

.accessibility-phone-two {
	justify-content: center;
}

.accessibility-phone-three {
	justify-content: flex-start;
}

.accessibility-phone-one p {
	text-align: center;
}

.accessibility-phone-two p {
	text-align: center;
}

.accessibility-phone-three p {
	text-align: center;
}

.summary-item > .summary-passenger-item {
	padding-left: 200px;
}

#accessible-services .column.three {
	padding: 0 70px;
}

#page-id-order-problem > #wrapper > div.container > p,
#page-id-order-problem > #wrapper > div.container > form {
	width: 80%;
	margin: 0 auto;
}

#page-id-order-problem > #wrapper > div.container > h2 {
	color: black;
	width: 80%;
	margin: 70px auto 20px auto;
}

#page-id-order-problem > #wrapper > div.container > form {
	margin: 40px auto 70px auto;
}

#ReservationOrderStoreProblemFrontendForm > .submit > input:hover {
	background: var(--warm-red-hover);
	cursor: pointer;
}

#ReservationOrderStoreProblemFrontendForm > .input.text > label {
	font-size: 16px;
	color: black;
	text-align: left;
}

.problem-box p {
	margin: 0;
	margin-bottom: 15px;
}

.problem-box {
	padding: 20px;
	background: var(--light-gray);
}

#ReservationOrderStoreProblemFrontendForm p {
	margin-bottom: 0px;
}

#ReservationOrderStoreProblemFrontendForm .submit {
	margin-top: 35px;
}

.problem-fine-print {
	font-size: 14px;
	font-style: italic;
	color: black;
	text-align: left !important;
	margin-bottom: 60px !important;
}

.btn[href="/reservations/problem"],
#ReservationOrderStoreProblemFrontendForm .submit input {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-size: 16px;
	padding: 14px 35px;
	background: var(--main-red);
	color: white;
	text-shadow: none;
	border: none;
}

.btn[href="/reservations/problem"]:hover,
#ReservationOrderStoreProblemFrontendForm .submit input:hover {
	background: var(--warm-red-hover);
	color: white;
}

.hotel-featured-caption {
	position: absolute;
	background: var(--hotel-gray-caption);
	width: 100%;
	display: inline-block;
	bottom: 0;
	color: #fff;
	padding: 10px 0;
}

.hotel-featured-caption p {
	font-size: 16px;
	margin: 0;
	color: #000;
}

#hotelImageSlider .swiper-button-prev.hotels,
#hotelImageSlider .swiper-button-next.hotels {
	background: var(--hotel-gray-caption) !important;
	color: #000000;
}

.swiper-button-prev.hotels,
.swiper-button-next.hotels {
	position: absolute;
	top: 48% !important;
	background: var(--opaque-blue-bckgrnd) !important;
	color: #ffffff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.swiper-button-prev.hotels {
	left: 5px !important;
	padding-right: 5px !important;
}

.swiper-button-next.hotels {
	right: 5px !important;
	padding-left: 5px !important;
}

.swiper-button-prev.hotels::after,
.swiper-button-next.hotels::after {
	font-size: 24px !important;
}

.hotel-notice {
	background: var(--light-gray);
	width: 100%;
	margin-top: 20px;
	display: flex;
	flex-direction: column;
	min-height: 75px;
	align-items: center;
	justify-content: center;
	padding: 20px 0;
}

.hotel-notice p {
	margin: 0;
	text-align: left;
	width: 95%;
	line-height: 1.8em;
}

.hotel-notice h2 {
	padding: 0 0 20px;
	width: 95%;
}

.hotel-notice p a {
	text-decoration: underline;
}

.hotel-item-wrapper.hotel {
	margin-top: 70px;
}

.rooms-header {
	color: black;
}

/*
.rooms-header {
	text-transform: uppercase;
	padding: 0;
	width: max-content;
	font-weight: 700;
	font-size: 22px;
	letter-spacing: 0.2em !important;
	margin: 0;
	line-height: 45px;
}*/

.hotel-drop {
	display: block;
	margin-bottom: 50px;
	overflow: hidden;
	background: #eee;
	padding: 25px;
	color: #222;
}

.individual-rooms {
	margin-top: 40px;
	display: flex;
}

.room-image img {
	height: auto;
	max-width: 300px;
}

.room-details {
	display: flex;
}

.room-details h3 {
	margin: 0;
	font-size: 16px;
	color: var(--dark-gray);
	letter-spacing: 0.22em;
}

.individual-rooms {
	background: var(--light-gray);
}

.individual-rooms-modal {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 100;
	margin: 0 auto;
	right: 0;
	background: rgba(255, 255, 255, 0.75);
}

.individual-rooms-modal .step-modal-width {
	width: 90%;
	margin: 0 auto;
}

.inner-ammenities-modal {
	display: flex;
	background: var(--light-gray);
	padding: 50px;
	margin: 20px 0 0;
	position: relative;
	top: 50px;
	overflow: auto;
	max-height: 550px;
	border-radius: 5px;
}

.individual-rooms-right h3 {
	margin: 10px 0 5px;
}

.individual-rooms-right .room-title h3 {
	margin: 30px 0 5px;
}

.individual-rooms-right {
	padding: 0 0 10px 30px;
	display: flex;
	flex-direction: column;
}

.individual-rooms-modal h3 {
	margin: 0;
}

.room-description {
	padding-right: 35px;
}

.hotel-location {
	display: flex;
	align-items: center;
}

.hotel-location span {
	margin: 2px 0 0;
}

.fa-wrapper .fas {
	font-size: 25px;
	margin: 10px 10px 10px 0;
}

.fas-desc {
	margin-left: 3px;
}

.fas.hotel-pages {
	display: inline-block;
	min-width: 40px;
}

#page-id-151 > #wrapper > .page-container > .page-inner > .page-content p {
	max-width: 1400px;
	margin: 20px auto 0px auto;
	position: relative;
}

.availability-upper {
	display: flex;
	justify-content: flex-start;
}

.nearby-activities {
	height: max-content;
	margin-right: auto;
	display: flex;
}

/*
#page-id-151 > #wrapper > .page-container > .page-inner > .page-content > .related-pages-wrapper {
	padding: 60px 0;
}
*/
/*
.accessibility-note {
	background: var(--light-gray);
	min-height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 60px auto !important;
}*/

.accessibility-note strong {
	padding: 0px 175px;
}

#accessible-services .column h3,
#accessible-services .column p {
	color: #fff;
}

#accessible-services h2 {
	color: #fff;
	letter-spacing: 0.2em;
}

#accessible-services {
	padding: 100px 130px;
	margin: 100px 0 !important;
}

.block-inner.pkges {
	margin-bottom: 15px;
}

.accessibility-phone,
.accessibility-phone-one,
.accessibility-phone-two,
.accessibility-phone-three {
	display: flex;
}

.accessibility-phone-one {
	justify-content: flex-end;
}

.accessibility-phone-two {
	justify-content: center;
}

.accessibility-phone-three {
	justify-content: flex-start;
}

.accessibility-phone-one p {
	text-align: center;
}

.interest-point {
	max-width: 23%;
	margin: 0 auto 60px 0;
	background: var(--light-gray);
	flex-grow: 1;
}

.interest-point-distance-info p {
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	color: var(--dark-gray);
	margin: 0 0 8px;
}

.interest-point-content-wrapper h3 {
	margin-bottom: 0px;
	margin-top: 15px;
}

.button.nearby {
	background: var(--light-gray);
	color: var(--main-blue);
	font-size: 18px;
	letter-spacing: 0em;
	left: 0;
	text-transform: none;
	font-weight: 700;
	padding-left: 0px !important;
	padding-top: 5px;
	cursor: pointer;
	text-decoration: underline;
}

.button.nearby:hover {
	color: var(--navy-blue-hover);
}

.interest-point-content-wrapper {
	padding: 0 20px;
}

.interest-point-content p {
	line-height: 28px;
	font-size: 16px;
	margin-bottom: 2px;
}
#nearbySlider .swiper-container {
	height: 250px;
}

.accessibility-phone-two p {
	text-align: center;
}

.accessibility-phone-three p {
	text-align: center;
}

.summary-item > .summary-passenger-item {
	padding-left: 200px;
}

#accessible-services .column.three {
	padding: 0 70px;
}

#page-id-order-problem > #wrapper > div.container > p,
#page-id-order-problem > #wrapper > div.container > form {
	width: 80%;
	margin: 0 auto;
}

#page-id-order-problem > #wrapper > div.container > h2 {
	color: black;
	width: 80%;
	margin: 70px auto 20px auto;
}

#page-id-order-problem > #wrapper > div.container > form {
	margin: 40px auto 70px auto;
}

#ReservationOrderStoreProblemFrontendForm > .submit > input:hover {
	background: var(--warm-red-hover);
	cursor: pointer;
}

#ReservationOrderStoreProblemFrontendForm > .input.text > label {
	font-size: 16px;
	color: black;
	text-align: left;
}

.problem-box p {
	margin: 0;
	margin-bottom: 15px;
}

.problem-box {
	padding: 20px;
	background: var(--light-gray);
}

#ReservationOrderStoreProblemFrontendForm p {
	margin-bottom: 0px;
}

#ReservationOrderStoreProblemFrontendForm .submit {
	margin-top: 35px;
}

.problem-fine-print {
	font-size: 14px;
	font-style: italic;
	color: black;
	text-align: left !important;
	margin-bottom: 60px !important;
}

.btn[href="/reservations/problem"],
#ReservationOrderStoreProblemFrontendForm .submit input {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-size: 16px;
	padding: 14px 35px;
	background: var(--main-red);
	color: white;
	text-shadow: none;
	border: none;
}

.btn[href="/reservations/problem"]:hover,
#ReservationOrderStoreProblemFrontendForm .submit input:hover {
	background: var(--warm-red-hover);
	color: white;
}

#nearbySlider > .swiper-wrapper > .swiper-slide img {
	height: 100% !important;
}

#nearbySlider .swiper-container .swiper-button-next,
#nearbySlider .swiper-container div.swiper-button-prev {
	height: 28px !important;
	width: 24px !important;
}

#nearbySlider .swiper-container div.swiper-button-next.hotels::after {
	padding-right: 4px;
}

#nearbySlider .swiper-container div.swiper-button-prev.hotels::after {
	padding-left: 4px;
}

#nearbySlider .swiper-container div.swiper-button-next.hotels::after,
#nearbySlider .swiper-container div.swiper-button-prev.hotels::after {
	font-size: 16px !important;
}

.accordion-title.accomodations,
.rooms-header,
#nearbyPackages h2 {
	font-size: 22px !important;
	line-height: 22px !important;
	display: inline-block;
	vertical-align: middle;
	padding: 2px 0 0;
	letter-spacing: 0.2em;
}

.rooms-header {
	padding: 0px;
}

#nearbyPackages h2 {
	margin: 40px 0;
}

.rooms-header,
#nearbyPackages h2 {
	font-weight: 800;
}

.modal-red-text {
	color: var(--main-red);
	font-weight: bold;
}

#travel-reqs-accept-btn.grayedOut {
	background: var(--dark-gray) !important;
	color: #ffffff;
}

#travel-reqs-accept-btn.grayedOut:hover {
	background: var(--dark-gray) !important;
	color: #ffffff;
}

.inTextBlueLink {
	background: var(--light-gray);
	color: var(--in-text-link-color) !important;
	font-size: 18px;
	text-decoration: underline;
	font-weight: bold;
}

.inTextBlueLink:hover {
	text-decoration: underline !important;
	color: var(--in-text-link-hover) !important;
}

#ComboStart::placeholder,
#ComboEnd::placeholder {
	color: #ffffff;
	font-size: 16px;
	letter-spacing: 0.22em;
	opacity: 1;
}

.step-modal-close.hotelAmenities {
	position: absolute;
	top: 10px;
	right: 20px;
	width: 40px;
	height: 40px;
	font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
	font-weight: 700;
	font-size: 30px;
	background: #fff;
	box-shadow: inset 0 0 0 2px #eee;
	line-height: 37px;
	text-align: center;
	border-radius: 20px;
	cursor: pointer;
	z-index: 150;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}

.room-description.nonModal {
	width: 95%;
}

.inner-ammenities-modal .room-image img {
	width: 300px;
	height: auto;
	max-width: none;
}

.room-image {
	z-index: 1;
}

.room-modal-expand {
	width: fit-content;
}
.calendarHide {
	display: block !important;
}

.day-packages.accordion-section {
	margin: 20px 0 0;
}

.modal-open {
	overflow: hidden;
}

.modal-room-info {
	padding: 0 0 0 25px;
}

.modal-ammenities-header {
	margin: 0;
}

.modal-room-info .room-details h3 {
	margin: 0px 0px 15px 0px;
}

.modal-room-info .room-description {
	padding: 0 0 50px;
}

.hotel-packages.accordion {
	padding: 0 0 40px;
}

#fuel-surcharge-notice {
	background: var(--light-gray);
	width: 80%;
	margin-top: 20px;
	display: flex;
	flex-direction: column;
	min-height: 75px;
	align-items: center;
	justify-content: center;
	padding: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

#home-package-deals-swiper .hotel-question-icon img {
	margin: 0;
}

@media print {
	#header,
	#header-notice,
	#footer,
	#newsletter,
	#featured-banner-desktop {
		display: none;
	}

	.accordion-content-wrapper {
		display: block;
		max-height: none !important;
	}

	.accordion-title {
		color: #000000 !important;
		font-weight: bold !important;
	}

	.accordion-content {
		padding-top: 0px !important;
	}

	.rc-anchor-normal-footer,
	.rc-anchor-invisible {
		display: none !important;
	}

	iframe[title="reCAPTCHA"] {
		display: none !important;
	}

	.accessibility-note.covid-print-notice {
		display: none !important;
	}
}

.column.twelve-ten.fuel-surcharge {
	padding-left: 0;
}

.fuel-surcharge {
	font-size: 16px !important;
	margin: 5px 0 0;
}

#fuel-surcharge-notice p {
	margin: 0;
}

.ppdoExplain {
	font-weight: normal;
	font-size: 12px;
	font-style: italic;
	margin: -12px 0 0;
}

.question-info-box {
	width: 230px;
	height: max-content;
	position: absolute;
	bottom: 110px;
	right: 5px;
	background-color: #fff;
	border-radius: 10px;
	color: #333;
	z-index: 1000;
	padding: 5px;
	display: none;
}

.card-price.hotels.combos .question-info-box {
	bottom: 30px;
	right: -20px;
}

.ppdoExplain.packagesPage {
	margin: 0px;
	color: #000;
}

.embed-container iframe {
	width: 100%;
	height: 600px;
}

.embed-container {
	line-height: 0;
	margin: 30px 0;
}

.cancel-reservation {
	margin: 0 0 75px;
}

.save-link {
	left: 30px;
}

/*Accessibility Contact Form*/
#accessibility-contact-wrapper {
	max-width: 500px;
    margin: 0 auto;
    text-align: center;
	background: var(--light-gray);
	padding-bottom: 1px;
}
#accessibility-contact-subheader {
	max-width: 375px;
	margin: 0 auto;
}
#accessibility-contact-subheader p {
	max-width: 100% !important;
}
#accessibility-contact-subheader p {
	margin: 10px 0 !important;
}
#accessibility-contact-form-wrapper {
	padding: 0 20px;
}
#accessibility-contact-form form button {
	background: var(--main-red);
    color: #fff;
    font-family: proxima-nova, Century Gothic, Franklin Gothic, Tahoma, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 0.1em;
    padding: 13px 36px;
	border: none;
	width: 100%;
	cursor: pointer;
}
.page-content #accessibility-contact-header h3 {
	padding: 10px 0;
    color: #fff;
    letter-spacing: 2px;
	margin: 0;
	background: var(--main-blue);
}
#accessibility-contact-flash {
	background: var(--light-gray);
    padding: 20px;
    border: 1px solid #ccc;
    box-shadow: 0 0 15px 0px #00000020;
    display: inline-flex;
    position: relative;
    right: 13px;
    top: 20px;
	z-index: -1;
}
#departure-sailing-times-premessage, #return-sailing-times-premessage {
	padding-bottom: 20px;
}