body {
	background:#fff;
	color:#0042A8;
	padding:0;
	margin:0;
	font-family:Helvetica, Arial, Open Sans, sans-serif;
	line-height:1.2em;
}

img {
	max-width:100%;
	vertical-align:middle;
}

a img {
	border:0;
}

p {
	padding:0;
	margin:0 0 1em 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family:'ITC Eras W01 Demi', helvetica, arial, sans-serif;
	line-height:1.2em;
	margin-top:0;
	margin-bottom:20px;
}

h1 {
	font-size:32px;
}

h2 {
	font-size:28px;
}

h3 {
	font-size:24px;
}

h4 {
	font-size:22px;
}

h5 {
	font-size:20px;
}

h6 {
	font-size:18px;
}

a {
	color:#FF8500;
	transition:0.4s;
}

a:hover {
	color:#BF4500;
	transition:0.123456789s
}

.wrapper, #wrapper {
	width:1000px;
	margin:0 auto;
}

.wrapper:after, #wrapper:after, .userdetails:after {
	display:table;
	clear:both;
	content:"";
} 

.imgright {
	float:right;
	margin-left:1em;
	margin-bottom:1em;
	width:31.5%;
}

.imgleft {
	float:left;
	margin-right:1em;
	margin-bottom:1em;
	width:31.5%;
}

#london {
	width:100%;
	height:185px;
	overflow:hidden;
	position:relative;
	background:#4F79B4 url('images/sky.jpg') center center no-repeat;
}

#london .wrapper {
    width: 90%;
    position: absolute;
    height: 185px;
    top: 0;
    left: 5%;	
}

#navbar .wrapper {
	width:90%;
}

#clouds, #city, #trs, #boat, #phone, #river, #sun, #flare, #fifty-off-header {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:185px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}

#sun {
	width:305px;
	left:50%;
	margin-left:-152px;
	background:transparent url('images/sun.png') 0px -30px repeat-x;
	height:185px;
}

#trs {
	top:24px;
	width:162px;
	height:63px;
}

#phone, #fifty-off-header {
	text-align:right;
	color:#FFA400;
	font-size:32px;
	right:0;
	left:auto;
	top:60px;
	width:auto;
	-webkit-text-shadow:0px 2px 8px black;
	-moz-text-shadow:0px 2px 8px black;
	-ms-text-shadow:0px 2px 8px black;
	-o-text-shadow:0px 2px 8px black;
	text-shadow:0px 2px 8px black;
}

#fifty-off-header {
	top:24px;
	color:#FFF;
	font-size:24px;
}

#phone a {
	color:#FFA400;
	text-decoration:none;
	transition:0.5s;
}

#phone a:hover {
	color:#FFF;
}








#clouds {
	background:transparent url('images/clouds.png') top center repeat-x;
	-webkit-animation: cloudAnim 140s linear infinite;
	animation: cloudAnim 140s linear infinite;
}
 
@-webkit-keyframes cloudAnim {
	from {background-position: 0 0;}
	to {background-position: -1406px 0;}
}
 
@keyframes cloudAnim {
	from {background-position: 0 0;}
	to {background-position: -1406px 0;}
}






#city {
	background:transparent url('images/city.png') top center repeat-x;
	-webkit-animation: cityAnim 125s linear infinite;
	animation: cityAnim 125s linear infinite;
	top:10px;
	height:175px;
}
 
@-webkit-keyframes cityAnim {
	from {background-position: 0 0;}
	to {background-position: -1920px 0;}
}
 
@keyframes cityAnim {
	from {background-position: 0 0;}
	to {background-position: -1920px 0;}
}






#river {
	background:transparent url('images/river.png') top center repeat-x;
	-webkit-animation: riverAnim 20s linear infinite;
	animation: riverAnim 20s linear infinite;
	top:155px;
	height:30px;
}
 
@-webkit-keyframes riverAnim {
	from {background-position: 0 0;}
	to {background-position: -527px 0;}
}
 
@keyframes riverAnim {
	from {background-position: 0 0;}
	to {background-position: -527px 0;}
}






#boat {
	background:transparent url('images/boat.png') top left no-repeat;
	-webkit-animation: boatAnim 1.5s linear infinite;
	animation: boatAnim 1.5s linear infinite;
	top:131px;
	width:169px;
	height:35px;
}
 
@-webkit-keyframes boatAnim {
	from {top:131px;}
	25% {top:132px;}
	75% {top:130px;}
	to {top:131px;}
}
 
@keyframes boatAnim {
	from {top:131px;}
	25% {top:132px;}
	75% {top:130px;}
	to {top:131px;}
}






#flare {
	width:500px;
	left:50%;
	margin-left:-80px;
	background:transparent url('images/flare2.png') 0px -10px no-repeat;
	height:185px;
	-webkit-animation: flareAnim 140s linear infinite;
	animation: flareAnim 140s linear infinite;
	opacity:1;
}
 
@-webkit-keyframes flareAnim {
	from {opacity:1;}
	3% {opacity:1;}
	6% {opacity:0.2;}
	7% {opacity:0.2;}
	10% {opacity:1;}
	48% {opacity:1;}
	54% {opacity:0;}
	82% {opacity:0;}
	85% {opacity:0.5;}
	95% {opacity:1;}
	to {opacity:1;}
}
 
@keyframes flareAnim {
	from {opacity:1;}
	3% {opacity:1;}
	6% {opacity:0.2;}
	7% {opacity:0.2;}
	10% {opacity:1;}
	48% {opacity:1;}
	54% {opacity:0;}
	82% {opacity:0;}
	85% {opacity:0.5;}
	95% {opacity:1;}
	to {opacity:1;}
}






#navbar {
	width:100%;
	line-height:40px;
	color:white;
	background:#00A1D9;
}	

#trs-small {
	display:inline-block;
	float:left;
}

#navbar .wrapper > ul, #navbar .wrapper > ul li {
	display:inline-block;
	padding:0;
	margin:0;
	float:left;
	background:#00A1D9;
	position:relative;
}

#navbar .wrapper > ul {
	float:right;
}

#navbar .wrapper > ul li a {
	text-decoration:none;
	color:white;
	display:inline-block;
	height:40px;
	line-height:40px;
	transition:0.5s;
	padding:0 10px;
	position:relative;
}

#navbar .wrapper > ul li {
	position:relative;
}

#navbar .wrapper > ul li ul {
	background:#00A1D9;
	position:absolute;
	top:100%;
	left:0;
	display:none;
	padding:0;
	margin:0;
	z-index:9999;
	box-shadow:0px 7px 10px rgba(0, 0, 0, 0.5);
}

#navbar .wrapper > ul li ul li, #navbar .wrapper > ul li ul li ul li {
	width:100%;
	white-space: nowrap;
}

#navbar .wrapper > ul li:hover ul {
	display:block;
}

#navbar .wrapper > ul li:hover ul li ul {
	display:none;
}

#navbar .wrapper > ul li:hover ul li:hover ul {
	display:block;
}

#navbar .wrapper > ul li:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    background: #FFA300;
    -webkit-transition-duration: 0.51s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
	height:0;
}

#navbar .wrapper > ul li:hover:before, #navbar .wrapper > ul li:focus:before, #navbar .wrapper > ul li:active:before {
    height:100%;
    -webkit-transition-duration: 0.21s;
    transition-duration: 0.21s;
}





#homepage-boxes {
	background:red;
}

#homepage-boxes .box img {
	width:100%;
}

#homepage-boxes .box {
	background:#CCC;
	width:33.33333%;
	float:left;
	position:relative;
}

.box-content {
	-webkit-box-shadow:inset 0px 0px 0px 10px rgba(0, 61, 170, 0.7);
	-moz-box-shadow:inset 0px 0px 0px 10px rgba(0, 61, 170, 0.7);
	-ms-box-shadow:inset 0px 0px 0px 10px rgba(0, 61, 170, 0.7);
	-o-box-shadow:inset 0px 0px 0px 10px rgba(0, 61, 170, 0.7);
	box-shadow:inset 0px 0px 0px 10px rgba(0, 61, 170, 0.7);
	color:white;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition:0.5s;
	overflow:hidden;
}

.box-content:hover {
	background:#009FDB;
	background:rgba(0, 159, 219, 0.7);
	-webkit-box-shadow:inset 0px 0px 0px 10px rgba(0, 61, 170, 0);
	-moz-box-shadow:inset 0px 0px 0px 10px rgba(0, 61, 170, 0);
	-ms-box-shadow:inset 0px 0px 0px 10px rgba(0, 61, 170, 0);
	-o-box-shadow:inset 0px 0px 0px 10px rgba(0, 61, 170, 0);
	box-shadow:inset 0px 0px 0px 10px rgba(0, 61, 170, 0);
}

#inside-content {
    box-sizing:border-box;
	padding:10%;
}

#inside-content h4 {
     margin-bottom: 40px;
}

#inside-content .box-button, #menu, .button {
	margin-top:-20px;
	display:block;
	background:#FFA000 url('images/button.png') top left repeat-x;
	line-height:50px;
	font-size:24px;
	text-decoration:none;
	color:white;
	text-align:center;
    font-family: 'ITC Eras W01 Demi', helvetica, arial, sans-serif;
	border:0;
}

#inside-content .box-button:hover, #menu:hover, .button:hover, #albumlist li a span:hover {
    box-shadow:inset 0px 0px 20px white;
	color:#BF4500;
	-webkit-text-shadow:0px 1px 0px rgba(255, 255, 0, 0.4);
	-moz-text-shadow:0px 1px 0px rgba(255, 255, 0, 0.4);
	-ms-text-shadow:0px 1px 0px rgba(255, 255, 0, 0.4);
	-o-text-shadow:0px 1px 0px rgba(255, 255, 0, 0.4);
	text-shadow:0px 1px 0px rgba(255, 255, 0, 0.4);
	cursor:pointer;
}

.box-content .hovercontent {
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	opacity:0;
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	-ms-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
	box-sizing:border-box;
	padding:10%;
	margin-top:-10px;
}

.box-content .hovercontent .box-button, #menu, .button {
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	opacity:0;
	-webkit-transition:0.4s ease-in-out;
	-moz-transition:0.4s ease-in-out;
	-ms-transition:0.4s ease-in-out;
	-o-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out;
	margin-top:-20px;
	display:block;
	background:#FFA000 url('images/button.png') top left repeat-x;
	line-height:50px;
	font-size:24px;
	text-decoration:none;
	color:white;
	text-align:center;
    font-family: 'ITC Eras W01 Demi', helvetica, arial, sans-serif;
	border:0;
}

.box-content .hovercontent .box-button:hover, #menu:hover, .button:hover, #albumlist li a span:hover {
	box-shadow:inset 0px 0px 20px white;
	color:#BF4500;
	-webkit-text-shadow:0px 1px 0px rgba(255, 255, 0, 0.4);
	-moz-text-shadow:0px 1px 0px rgba(255, 255, 0, 0.4);
	-ms-text-shadow:0px 1px 0px rgba(255, 255, 0, 0.4);
	-o-text-shadow:0px 1px 0px rgba(255, 255, 0, 0.4);
	text-shadow:0px 1px 0px rgba(255, 255, 0, 0.4);
	cursor:pointer;
}

#albumlist {
	clear:both;
}

#menu, .button {
	line-height:32px;
	font-size:18px;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
	opacity:1;
    margin: 5px 0 10px;
	cursor:pointer;
	display:none;
}

.button {
	line-height:50px;
	margin:0 0 0 1em;
	display:block;
}

input.button {
	line-height:40px;
}

.box-content:hover .hovercontent, .box-content:hover .hovercontent .box-button {
	margin-top:0;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
	opacity:1;
}

.box-content h4 {
	color:white;
	text-align:center;
	font-size:32px;
	margin-top:0;
	line-height:1.2em;
}

.full-width {
	background: #FFA300;
	padding:20px 0px;
	width:100%;
	position:relative;
	clear:both;
}

.full-width-inner {
	width:100%;
	background:#009BDF url('images/fifty-off.png') center no-repeat;
	padding:25px 0px 20px;
}

.full-width-bar {
	background:#43B6EC url('images/city-line.png') top left repeat-x;
	padding:20px 0px;
	width:100%;
	clear:both;
	color:white;
	-webkit-animation: fullBarAnim 45s linear infinite;
	animation: fullBarAnim 45s linear infinite;
}
 
@-webkit-keyframes fullBarAnim {
	from {background-position: 0 0;}
	to {background-position: -1185px 0x;}
}
 
@keyframes fullBarAnim {
	from {background-position: 0 0;}
	to {background-position: -1185px 0;}
}

.full-width-bar .button {
	width:31.5%;
	margin-left:1em;
	float:right;
}

#scroll {
	position:absolute;
	left:50%;
	top:-21px;
	margin-left:-32px;
}

#fifty-desktop, #fifty-mobile {
	max-width:100%;
	margin:0 auto;
	display:block;
}

#fifty-mobile {
	display:none;
}

#phone-text {
	display:block;
}

#phone-img {
	display:none;
}

#content, #content-2, #bookings {
	padding-top:40px;
	padding-bottom:40px;
}

#content p:last-child {
	margin-bottom:0;
}

	

.booking-box.halfbox {
	box-sizing:border-box;
	border: 10px solid #004AA4;
	position:relative;
	width:48%;
	padding:20px;
	background:#BFFFFF;
	background: -moz-linear-gradient(top,  #ffffff 0%, #BFFFFF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#BFFFFF));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#BFFFFF 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#BFFFFF 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#BFFFFF 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#BFFFFF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#BFFFFF',GradientType=0 );
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	transition:0.5s;
	float:right;
	margin-bottom:40px;

}

.booking-box p:last-child, .booking-box-odd p:last-child {
	margin-bottom:0;
	font-size:12px;
	line-height:1.1em;
}

.full-width-bar h4 {
	font-size:32px;
	line-height:50px;
	float:left;
	margin-bottom:0px;
}

.full-width-bar.tower-bar {
    border-top: 8px solid #FFA300;
    border-bottom: 8px solid #FFA300;
}

.full-width-bar.tower-bar h4 {
    width:75%;
    display:inline-block;
    font-size:22px;
    line-height:1.2em;
}

.full-width-bar.tower-bar.doublebutton h4 {
    width:40%;
}

.full-width-bar.tower-bar .button {
    width:20%;
}

span.slide-caption {
    position: absolute;
    bottom: 5%;
    left: 5%;
    width:90%;
    display:block;
    color: #fff;
    text-shadow: 0px 5px 20px #000;
    font-size: 80px;
    line-height: 1em;
    font-family: 'ITC Eras W01 Demi', helvetica, arial, sans-serif;
    text-align:right;
}

span.slide-caption-top {
    text-align:left;
    bottom:auto;
    top:5%;
}

.booking-box, .booking-box-full, .booking-box-odd {
	box-sizing:border-box;
	border: 10px solid #004AA4;
	position:relative;
	width:48%;
	padding:20px;
	background:#BFFFFF;
	background: -moz-linear-gradient(top,  #ffffff 0%, #BFFFFF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#BFFFFF));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#BFFFFF 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#BFFFFF 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#BFFFFF 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#BFFFFF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#BFFFFF',GradientType=0 );
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	transition:0.5s;
	float:right;
	margin-bottom:40px;
}

.booking-box-full {
	clear:both;
	width:100%;
}

.booking-box-odd {
	float:left;
	clear:both;
}

.booking-box.halfbox {
	width:48%;
	margin:0 0 40px 2%;
	float:left;
}

.booking-box.halfbox:nth-child(odd) {
	clear:both;
	margin:0 2% 40px 0;
}

.booking-box.halfbox:first-of-type {
	width:100%;
	margin:0 0 40px 0;
	float:left;
}

.booking-box h4, .booking-box-odd h4, .booking-box-full h4, .booking-box-full h5 {
	font-size:32px;
	margin-bottom:20px;
}

.booking-box-full h5 {
	float:left;
	width:55%;
	margin:0;
}

.booking-box h4:after, .booking-box-odd h4:after, .booking-box-full h4:after, .booking-box-full {
	clear:both;
	display:table;
	content:"";
}

.from, .to, .from-loc, .to-loc {
	font-family:'ITC Eras W01 Light', helvetica, arial, sans-serif;
	text-align:right;
	float:right;
	width:50%;
	padding:0;
	margin:0;
	display:block;
}
	
.from, .to {
	text-align:left;
	float:left;
	font-family:'ITC Eras W01 Demi', helvetica, arial, sans-serif;
}

.to-loc {
	position:relative;
}

.via {
	position:absolute;
	text-align:right;
	font-size:16px;
    font-family: 'ITC Eras W01 Light', helvetica, arial, sans-serif;
	bottom:-17px;
	line-height:24px;
	right:0;
    width:200%;
}

.booking-price {
	background:#008FD7;
	padding:10px 0px;
	line-height:40px;
}

.booking-price {
	background:#008FD7;
	padding:10px;
	line-height:40px;
	clear:both;
	font-family:'ITC Eras W01 Light', helvetica, arial, sans-serif;
	color:white;
	font-size:24px;
	margin:0 0 20px;
}

.booking-box-full .booking-price {
	font-size:32px;
	text-align:center;
}

.margin-bottom {
	margin-bottom:40px;
}

.booking-box .button, .booking-box-odd .button, .booking-box-full .button {
	width:40%;
	float:right;
	height:40px;
	line-height:40px;
}

.booking-box > p, .booking-box-odd > p, .booking-box-full > p {
	line-height:40px;
	margin:0;
}

#popular:after {
	width:246px;
	height:151px;
	position:absolute;
	top:-20px;
	right:-20px;
	background:transparent url('images/popular.png') top right no-repeat;
	display:block;
	content:"";
}

#popular h4 .from, #popular h4 .to, #popular h4 .from-loc, #popular h4 .to-loc {
	width:18%;
	text-align:left;
	float:left;
	padding:0 1%;
}

#popular h4 .from {
	padding-left:10%;
}

#popular h4 .from, #popular h4 .to {
	text-align:right;
}

#footer {
	width:100%;
	background:#004DA2;
	padding-top:40px;
	color:white;
}

#footer a {
	color:white;
}

#footer a:hover {
	color:orange;
}

.footerclear:after {
	clear:both;
    content:"";
	display:table;
}

.footer-associations {
	width:100%;
	box-sizing:border-box;
	margin-bottom:40px;
}

.footer-associations img {
	width:18%;
	margin:1%;
    float:left;
}

.footer-third-one {
	width:23%;
	box-sizing:border-box;
	float:left;
}

.footer-third-one img, .footer-third-three img {
	width:100%;
}

.footer-third-two {
	width:23%;
	box-sizing:border-box;
	float:left;
	margin-left:2.66%;
}

.footer-third-three {
	width:23%;
	box-sizing:border-box;
	float:right;
}

.footer-associations .inner, .footer-third-one .inner, .footer-third-two .inner, .footer-third-three .inner {
	padding:10px;
	background:#2D6FB7;
}

#footer-boat {
	position:absolute;
	width:auto;
	max-width:100%;
	bottom:0;
	left:0;

	display: none; /*  >:( Adam Reeves ):< */
}

#footer .wrapper {
	position:relative;
}

#copyright {
	line-height:5em;
	height:5em;
	font-size:16px;
	font-family:'ITC Eras W01 Light', helvetica, arial, sans-serif;
	text-align:right;
	display:block;
	width:100%;
	clear:both;
	position:relative;
}

.footer-1-10th, .footer-4-10th, .footer-4-10th-2 {
    display:inline-block;
    width:9%;
    box-sizing: border-box;
}

input.footer-4-10th, input.footer-4-10th-2 {
    width:35%;
    margin-right:5%;
    border:0;
    padding:5px;
    margin-bottom:20px;
}

input.footer-4-10th-2 {
    width:40%;
    margin-right:0%;
}

.signup-extra {
	display:inline;
}

#header-orange-strap {
	background:#FFA300;
	height:8px;
	width:100%;
}

#albumlist {
	margin:30px 0 40px;
	background: #009BDF;
	box-sizing: border-box;
	padding:10px;
	clear:both;
}

#albumlist:after {
	clear:both;
	display:table;
	content:"";
}

#albumlist li {
	width:25%;
	float:left;
	list-style-type:none;
	padding:0%;
	transition:0.35s;
}

#albumlist li a span {
	position:absolute;
	bottom:10px;
	left:10%;
	color:white;
	width:80%;
	display:block;
	-webkit-transition:0.4s ease-in-out;
	-moz-transition:0.4s ease-in-out;
	-ms-transition:0.4s ease-in-out;
	-o-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out;
	background:#FFA000 url('images/button.png') top left repeat-x;
	line-height:30px;
	font-size:18px;
	text-decoration:none;
    font-family: 'ITC Eras W01 Demi', helvetica, arial, sans-serif;
}

#albumlist:hover li {
	opacity:0.5;
}

#albumlist:hover li:hover {
	opacity:1 !important;
	transition:0.1s;
}

#albumlist li a {
	width:100%;
	display:block;
	position:relative;
}
 
#albumlist li a img {
    display:block;
	width:100% !important;
	height:auto !important;
	transition:0.5s;
}

.reducetext {
    font-size:0.7em;
    display:block;
}

.top-image {
	width:100%;
	border-bottom:8px solid #FFA300;
	margin-bottom:40px;
}

.rightimage {
	float:right;
	margin-left:2em;
	margin-bottom:2em;
	clear:right;
}

.third-column {
	width:28%;
	padding:1%;
	float:left;
	background: #009BDF;
	color:white;
	min-height:260px;
	margin-bottom:30px;
}

.third-column + .third-column {
	margin:0 5%;
}

.third-column + .third-column + .third-column {
	margin:0;
}

.third-column + .third-column + .third-column.third-column.white-box, .third-column.white-box {
	text-align:center;
	margin-bottom:80px;
	margin-top:40px;
}

.third-column + .third-column.third-column.white-box {
	margin-top:0px;
}

.third-column.white-box img {
	width:70%;
	margin:20px 10% 40px;
	background:white;
	border-radius:100%;
	padding:5%;
}

.third-column.white-box a {
	color:white;
}

.third-column.blank {
	background:transparent;
	color:#0042A8;
	width:30%;
	padding:0;
	min-height:auto;
	height:auto;
	margin-bottom:80px;
}

.third-column.blank .imgwrap {
	text-align:center;
	padding-bottom:2x0px;
}

.clear {
	clear:both;
}

.faqbox {
	width:96%;
	padding:2%;
	background: #009BDF;
	color:white;
	margin-bottom:30px;
}

.faqbox h4 {
	padding-bottom:10px;
	border-bottom:2px solid white;
	margin-bottom:10px;
}

fieldset, .login .loginblock {
	background:	#009BDF;
	padding:2%;
	width:96%;
}

.login .loginblock {
	width:27.5%;
	height:240px;
	float:left;
	border:0;
	padding:2%;
	margin:40px 0.5% 0;
	z-index:1;
	background:	white;
	border:	2px solid #009BDF;
}

.login .loginblock.middle {
	height:320px;
	margin:0px 0 0;
	z-index:2;
	border:0;
	background:	#009BDF;
	color:white;
}

.hide {
	display:none;
}

.booking-price table {
	width:100%;
	padding:0;
	border:0;
    border-collapse: collapse;
	font-size:16px;
	line-height:1.2em;
}

.booking-price table tr {
	background:rgba(0, 0, 0, 0.1);
}

.booking-price table tr:nth-child(odd) {
	background:rgba(0, 0, 0, 0.2);
}

.booking-price table th, .booking-price table td {
	padding:6px;
	text-align:center !important;
}

.booking-price table td div {
	text-align:center !important;
}

.booking-price table th, .booking-price table th div {
	text-align:left !important;
}

#ticket {
	background:#EED9AE;
	padding:30px 40px;
	position:relative;
	color:#482524;
}

#ticket h4 {
	font-size:28px;
}

#ticket-left {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:30px;
	background:#EED9AE url('/assets/ticket-left.png') top left repeat-y;
}

#ticket-right {
	position:absolute;
	top:0;
	right:0;
	height:100%;
	width:30px;
	background:#EED9AE url('/assets/ticket-right.png') top right repeat-y;
}

#booking-bar {
	margin:40px 0;
	background: #009BDF;
	padding:10px;
}

#booking-bar:after {
	clear:both;
	display:table;
	content:"";
}

#booking-bar .button {
	width:auto !important;
	margin-left:20px !important;
	float:right !important;
	padding:0 10px !important;
}

#booking-bar span, #unavailable-booking-bar span {
	font-size: 32px;
    line-height: 50px;
    float: left;
	display:block;
    font-family: 'ITC Eras W01 Demi', helvetica, arial, sans-serif;
	color:white;
}

#discount-warning {
	margin:20px 0;
	background: #FF0000;
	padding:5px;
}

#discount-warning:after {
	clear:both;
	display:table;
	content:"";
}

#discount-warning .button {
	width:auto !important;
	margin-left:20px !important;
	float:right !important;
	padding:0 10px !important;
}

#discount-warning span, #unavailable-discount-warning span {
	font-size: 24px;
    line-height: 50px;
    /*float: left;*/
	text-align:center;
	display:block;
    font-family: 'ITC Eras W01 Demi', helvetica, arial, sans-serif;
	color:white;
}

.ui-widget-header {
    background:#009BDF !important;
    border: 0px !important;
    color:white !important;
}

.ui-widget-header .ui-icon {
    background-image: url("/assets/ui-icons_222222_256x240.png") !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #f6f6f6 !important;
    border-color: #20BBFF !important;
    color: black !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #FFA300 !important;
    border-color: #FFA300 !important;
    color: white !important;
}




#ticket select, #ticket input {
	margin:10px 0 0;
	background:#EED9AE;
	color:#482524;
	border:1px dashed #482524;
	height:40px;
	line-height:40px;
    border-radius:4px;
}

#ticket #ticket-content {
	border:5px solid #F14D55;
	border-radius:5px;
}

#ticket #ticket-route {
	border-bottom:5px solid #F14D55;
	padding:20px 20px 15px;
}



#ticket #ticket-route:after, #ticket #ticket-content:after, #ticket-leftbox:after, #ticket-midbox:after, #ticket-rightbox:after {
	clear:both;
	content:"";
	display:table;
}

#ticket .from, #ticket .to, #ticket .from-loc, #ticket .to-loc, #ticket .via {
	position:static;
	text-align:left;
	display:inline-block;
	padding-right:10px;
	font-size:32px;
	width:auto;
	float:none;	
}

#ticket .from-loc, #ticket .to-loc {
	margin-right:40px;
}

#ticket .via {
	font-size:18px;
}

#ticket-header {
	width:100%;
	margin-bottom:20px;
}

#ticket-leftbox, #ticket-midbox, #ticket-rightbox {
	width:32%;
	float:left;
	padding:20px;
	box-sizing:border-box;
}

#ticket-midbox {
	border-left:5px solid #F14D55;
	border-right:5px solid #F14D55;
}

.travel-div, .party-div {
	width: 30%;
	padding-right:3%;
	float:left;
}

.party-div {
	width:47%;
}

.travel-div span, .party-div span {
	display:block;
}

.travel-div select, input#TravelDate, .party-div select, .type-div select {
	width:100% !important;
}

input#TravelDate {
    text-indent:10px;
}

#mobileDivide {
	display:none;
	height:10px;
}

.datatable {
	width:100%;
	padding:0;
	border-collapse:collapse;
	background:#009BDF;
	border:20px solid #009BDF;
	margin-bottom:40px;
}

.datatable tr:nth-child(odd) {
	background:rgba(0, 0, 0, 0.1);
}

.datatable tr:nth-child(even) {
	background:rgba(0, 0, 0, 0.05);
}

.datatable td, .datatable td * {
	text-align:center !important;
}

.datatable td, .datatable th {
	padding:10px;
	color:white;
}

.datatable a {
	color:white;
	transition:0.5s;
}

.datatable a:hover {
	color:cyan;
	transition:0.25s;
}

hr {
	border:0;
	border-top:2px solid #FFA600;
	padding:0;
	margin:40px 0px;
	clear:both;
}

.history .leftimage {
	padding: 0 20px 20px 0;
	float:left;
}

.history .rightimage {
	padding: 0 0 20px 20px;
	float:right;
}

.leftimage {
	padding: 0 20px 20px 0;
	float:left;
	clear:left;
}

.rightimage {
	padding: 0 0 20px 20px;
	float:right;
	clear:right;
}

#feedback {
	clear:both;
}

.callbacks_container {
	position:relative;
	overflow:hidden;
}

a.rslides_nav.rslides1_nav.prev, a.rslides_nav.rslides1_nav.next {
	width:60px;
	height:60px;
	line-height:60px;
	border-radius:100%;
	display:block;
	color:#fff;
	background:#FFA600;
	text-align:center;
	position:absolute;
	left:0px;
	top:50%;
	margin-top:-30px;
	z-index:3;
	transition:0.5s;
	text-decoration:none;
}

a.rslides_nav.rslides1_nav.prev:hover, a.rslides_nav.rslides1_nav.next:hover {
	background:#009BDF;
}

a.rslides_nav.rslides1_nav.next {
	left:auto;
	right:0px;
}

.callbacks_container a.rslides_nav.rslides1_nav.prev {
	left:-100px;
}

.callbacks_container a.rslides_nav.rslides1_nav.next {
	right:-100px;
}

.callbacks_container:hover a.rslides_nav.rslides1_nav.prev {
	left:20px;
}

.callbacks_container:hover a.rslides_nav.rslides1_nav.next {
	right:20px;
}

#sightmap {
	width:100%;;
}

#sightmap-container {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

#mlens_target_0 {
	box-shadow:0px 4px 10px rgba(0, 0, 0, 0.5);
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	
}

.bluetext {
	border-left:2px solid grey;
	padding-left:10px;
	color:grey;
}

#map-message {
	position:absolute;
	bottom:0;
	left:20px;
	color:#999;
	font-size:13px;
}

.sights hr {
	clear:none;
	margin:15px 0;
}

#footer .inner a {
	line-height:1em;
	display:block;
	text-decoration:none;
	width:100%;
	font-size:11px;
	padding:.5em 0;
	border-bottom:1px solid #4D8FD7;
}

#footer .inner a:last-child {
	border-bottom:0;
}

.tall-ship-images-one {
	width:20%;
	margin:20px 10% 40px;
	float:left;
}

.tall-ship-images-two {
	width:40%;
	margin:20px 10% 40px;
	float:left;
}

.loginblock span {
	display:block;
}

.loginblock hr {
	margin:24px 0;
}

.loginblock .button {
	margin:0;
	width:100%;
}

.loginblock input[type="text"], .loginblock input[type="password"] {
	background:white;
	border:2px solid #FFA600;
	padding:5px;
	width:100%;
	box-sizing:border-box;
}

.userdetails {
	margin-bottom:40px;
	background:#009BDF;
	padding:20px;
	color:white;
}

.userdetails > p {
	display:block;
	width:46%;
	padding:0 2% 10px;
	float:left;
}

.userdetails label, .userdetails input, .userdetails select {
	display:block;
	width:100%;
}

.userdetails input, .userdetails select {
	font-size:16px;
    text-indent: 3px;
    line-height: 1.6em;
}

#page-dim {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#009BDF;
	opacity:0.7;
}

#bad-alert {
	position:fixed;
	top:30%;
	left:10%;
	width:80%;
	background:white;
	padding:40px;
	line-height:1.5em;
	color:#FFA600;
	font-size:20px;
	font-weight:bold;
	border:2px solid #009BDF;
	box-sizing: border-box;
}

#close-alert {
	position:absolute;
	top:-25px;
	right:-25px;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	color:white;
	background:black;
	border-radius:100%;
	font-size:32px;
	cursor:pointer;
	transition:0.5s;
	border:2px solid #009BDF;
}

.no-ticket {
    color: #000;
    padding-top: 20px;
	font-size:28px;
	text-align:center;
	line-height:1.2em;
}

#close-alert:hover {
	background:#ffa600;
}

#page-dim {
	-webkit-animation: fadeInAlertDim 0.3s linear;
	animation: fadeInAlertDim 0.3s linear;
}
 
@-webkit-keyframes fadeInAlertDim {
	from {opacity: 0;}
	to {opacity: 0.5;}
}
 
@keyframes fadeInAlertDim {
	from {opacity: 0;}
	to {opacity: 0.5;}
}

#bad-alert {
	-webkit-animation: fadeInAlert 0.3s linear;
	animation: fadeInAlert 0.3s linear;
}
 
@-webkit-keyframes fadeInAlert {
	from {opacity: 0;}
	to {opacity: 1;}
}
 
@keyframes fadeInAlert {
	from {opacity: 0;}
	to {opacity: 1;}
}

.full-width-bar h5 {
	float:left;
	font-size:24px;
	margin:0;
	line-height:45px;
}

#bad-alert h2 {
	color:black;
	padding-bottom:20px; 
	border-bottom:1px solid black;
	margin-bottom:20px;
}

#bad-alert p:last-of-type {
	padding-bottom:0px; 
	margin-bottom:0px;
}

.simform .error-message {
	padding:0 !important
}

#tablewrap {
	width:100%;
	padding:0;
	overflow:auto;
	height:auto;
}

.mobileonlymessage {
	display:none;
}

.mobileonly {
	display:none;
}

.full-image {
	width:100%;
	margin:0;
	clear:both;
	border-bottom:8px solid #FFA300;
}

tr.price-row, tr.subtotal-row {
	background:white !important;
}

tr.price-row td, tr.price-row th {
	color:black !important;
	font-size:28px;
}

tr.subtotal-row td, tr.subtotal-row th {
	color:black !important;
	font-size:18px;
}

tr.subtotal-row {
	margin-bottom:20px;
}

tr.promo-code {
    background: rgba(0, 0, 0, 0) !important;
}

tr.promo-code th, tr.promo-code td {
	padding-top:30px;
}

tr.promo-code th {
    text-align:right;
}

tr.promo-code td {
    text-align:right;
}

.promo-code input {
	border:2px solid #FFA300;
	border-radius:3px;
	width:100%;
	font-size:16px;
    line-height:1.75em;
	text-align:left;
}

.fifty-box:after {
	display:block;
	content: "";
	position:absolute;
	top:0;
	right:0;
	width:167px;
	height:100px;
	background:transparent url('/assets/35-banner.png') top right no-repeat;
}

#hiddenemail {
	display:none !important;
}

#notice-box {
	text-align:center;
	line-height:1.5em;
	background: #FFA300;
	padding:20px;
	color:white;
	font-size:20px;
}

#unavailable-booking-bar {
	display:none;
}

#unavailable-booking-bar {
	margin:40px 0;
	background: #FFA300;
	padding:10px;
}

#unavailable-booking-bar span {
    float:none;
	font-size:30px;
}

#fifty-off-header-text {
    display:none;
}






#feedback { 
	width:65%;
	float:left;
}

#feedback-tripadvisor { 
	width:30%;
	float:right;
}

#CDSWIDSSP {
    width:100% !important;
}


.tripadvisorfooter {
	position: absolute;
	bottom: 5em;
	right: 0px;
}

/*.booking-box.halfbox:last-of-type, .booking-box.halfbox:nth-last-of-type(2) {
    display: none;
}*/



/*.route60 .price-check .datatable tr:nth-child(2), .route60 .price-check .datatable tr:nth-child(3), .route60 .price-check .datatable tr:nth-child(5) {
    display:none;*/
}

.groups-block {
    width:100%;
	background-color:#004A8E;
	color:white;
    width:100%;
}

.groups-block div {
    padding:30px;
	float:right;
	background-color:#004A8E;
	color:white;
	width:50%;
	box-sizing:border-box;
}

.groups-block:after {
	content:"";
	display:table;
	clear:both;
}

.groups-block img {
    width:48%;
	float:left;
	margin:0;
}

.groups-image {
    width:50%;
	float:left;
}

.groups-block ul {
    list-style-type:none;
	padding-left:0;
	margin-left:0;
}

.groups-block li {
	background: transparent url('/assets/tick-bullet.png') 0px 3px no-repeat;
    padding-left:32px;
	line-height:24px;
}

.rslides.wave-top:before {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	background:transparent url('/assets/wave-top.png') bottom left no-repeat;
	background-size: 100%; 
	content:"";
	display:block;
	z-index:10;
}

.wave-bottom {
	width:100%;
	display:block;
}

.rslides.wave-top span.slide-caption {
	bottom:auto;
	top:5%;
	left:5%;
	right:auto;
	text-align:left;
}

























































@media all and (max-width:1500px) {
	
	.box-content h4 {
		font-size:28px;
		margin-bottom:20px;
	}

}




















@media all and (max-width:1200px) {
	
	.box-content h4 {
		font-size:24px;
		margin-bottom:15px;
	}

	.box-content .hovercontent .box-button {
		line-height:40px;
		font-size:18px;
	}

}


















@media all and (max-width:1240px) {

	#london .wrapper {
		width:100%;
		max-width:90%;
	    top: 0;
	    left: 5%;
		margin:0;
	}

	#navbar .wrapper > ul {
		float:left;
		clear:both;
	}

	#navbar .wrapper > ul#navigation {
		display:none;
		clear:both;
		width:100%;
	}

	#navbar .wrapper > ul#navigation.display {
		display:block;
	}

	#menu {
		display:block;
		clear:both;
	}

	#navbar .wrapper > ul#navigation li, #navbar .wrapper > ul#navigation li a {
		display:block;
		clear:both;
		width:100%;
	}

	#navbar .wrapper > ul#navigation li {
		border-bottom:3px solid #FFA300;
	}

	#navbar .wrapper > ul#navigation > li {
		margin-bottom:30px;
	}

	#navbar .wrapper > ul#navigation li:last-child {
		margin-bottom:10px;
	}

	#navbar .wrapper > ul li ul {
		position: static;
		display:block !important;
		width:97.5%;
		padding-left:2.5%;
		background: #00A1D9;
		box-shadow:0px 0px 0px transparent;
	}

	#navbar .wrapper > ul li ul li, #navbar .wrapper > ul li ul li ul li {
		white-space: normal;
	}

	#navbar .wrapper > ul li ul, #navbar .wrapper > ul li ul li ul {
		border-top: 3px solid #FFA300;
	}


	#navbar .wrapper > ul#navigation li ul li:last-child, #navbar .wrapper > ul#navigation li ul li ul li:last-child {
		margin-bottom:0;
		border-bottom:0;
	}

	#navbar .wrapper > ul li:before {
		display:none;
	}

	#navbar .wrapper > ul li:hover {
		background: #FFA300;
	}

	#navbar .wrapper > ul li ul:after, #navbar .wrapper > ul li ul li ul:after {
		clear:both;
		display:table;
		content:"";
	}

	#navbar .wrapper > ul li ul li a, #navbar .wrapper > ul li ul li ul li a {
		text-indent:20px;
	}

	#navbar .wrapper > ul li ul li a:before, #navbar .wrapper > ul li ul li ul li a:before {
		left: 10px;
		top: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: transparent;
		border-left-color: #fff;
		border-width: 6px;
		margin-top: -6px;
	}



}




@media all and (max-width:1100px) {

	.full-width-bar.tower-bar.doublebutton h4 {
	    width:100%;
	}

	.tripadvisorfooter {
		position:static;
		display:block;
		padding-bottom:20px;
	}

	.footer-third-one img:nth-of-type(4), .footer-third-one img:nth-of-type(5), .footer-third-one img:nth-of-type(6) {
		margin-top: 10px;
	}

	.booking-box.halfbox, .booking-box.halfbox:nth-child(odd), .booking-box.halfbox:first-of-type {
		width:100%;
		margin:0 0 40px 0;
		float:left;
	}

	.wrapper {
		width:100%;
		max-width:90%;
	}

	.box-content .hovercontent, .box-content .hovercontent .box-button {
		margin-top:0;
		-webkit-opacity:1;
		-moz-opacity:1;
		-ms-opacity:1;
		-o-opacity:1;
		opacity:1;
	}

	.box-content, .box-content:hover {
		background:#009FDB;
		background:rgba(0, 159, 219, 0.4);
		-webkit-box-shadow:inset 0px 0px 0px 10px rgba(0, 61, 170, 0.7);
		-moz-box-shadow:inset 0px 0px 0px 10px rgba(0, 61, 170, 0.7);
		-ms-box-shadow:inset 0px 0px 0px 10px rgba(0, 61, 170, 0.7);
		-o-box-shadow:inset 0px 0px 0px 10px rgba(0, 61, 170, 0.7);
		box-shadow:inset 0px 0px 0px 10px rgba(0, 61, 170, 0.7);
	}

	#london .wrapper {
		width:100%;
		max-width:90%;
	    top: 0;
	    left: 5%;
		margin:0;
	}

	#phone-text {
		display:none;
	}

	#phone-img {
		display:block;
	}

	#navbar .wrapper > ul {
		float:left;
		clear:both;
	}

	#homepage-boxes .box {
		width:50%;
	}

	#navbar .wrapper > ul#navigation {
		display:none;
		clear:both;
		width:100%;
	}

	#navbar .wrapper > ul#navigation.display {
		display:block;
	}

	#menu {
		display:block;
		clear:both;
	}

	#navbar .wrapper > ul#navigation li, #navbar .wrapper > ul#navigation li a {
		display:block;
		clear:both;
		width:100%;
	}

	#navbar .wrapper > ul#navigation li {
		border-bottom:3px solid #FFA300;
	}

	#navbar .wrapper > ul#navigation > li {
		margin-bottom:30px;
	}

	#navbar .wrapper > ul#navigation li:last-child {
		margin-bottom:10px;
	}

	.full-width-bar h4, .full-width-bar h5 {
		font-size:28px;
		line-height:1.2em;
		float:none;
		text-align:center;
		width:100%;
	}

	.full-width-bar .button {
		float:none;
		clear:both;
		width:50%;
		margin:20px auto 0;
	}

	.booking-box, .booking-box-full, .booking-box-odd {
		width:100%;
		clear:both;
		float:none;
	}

	#popular h4 .from {
		padding-left:0;
	}

	#footer-boat {
		width:50%;
		left:25%;
	}

	#footer .wrapper {
		padding-bottom: 80px;
	}

	#copyright {
		line-height:1.2em;
		padding-top:30px;
		padding-bottom:60px;
		text-align:center;
		height: initial;
	}

	.footer-third-one, .footer-third-two, .footer-third-three {
		width:100%;
		margin-left:0;
		float:none;
		margin-bottom: 20px;
	}

	.footer-third-one br {
		display:none;
	}

	.footer-third-one img {
		width:30%;
		float:left;
		margin-right:5%;
	}

	.footer-third-one img.clearmargin {
		margin-right:0;
	}

	#circular-booking .button {
		width:100%;
	}

	.booking-box-full > p {
		line-height:1.4em;
	}

	#navbar .wrapper > ul li ul {
		position: static;
		display:block !important;
		width:97.5%;
		padding-left:2.5%;
		background: #00A1D9;
		box-shadow:0px 0px 0px transparent;
	}

	#navbar .wrapper > ul li ul li, #navbar .wrapper > ul li ul li ul li {
		white-space: normal;
	}

	#navbar .wrapper > ul li ul, #navbar .wrapper > ul li ul li ul {
		border-top: 3px solid #FFA300;
	}


	#navbar .wrapper > ul#navigation li ul li:last-child, #navbar .wrapper > ul#navigation li ul li ul li:last-child {
		margin-bottom:0;
		border-bottom:0;
	}

	#navbar .wrapper > ul li:before {
		display:none;
	}

	#navbar .wrapper > ul li:hover {
		background: #FFA300;
	}

	#navbar .wrapper > ul li ul:after, #navbar .wrapper > ul li ul li ul:after {
		clear:both;
		display:table;
		content:"";
	}

	#navbar .wrapper > ul li ul li a, #navbar .wrapper > ul li ul li ul li a {
		text-indent:20px;
	}

	#navbar .wrapper > ul li ul li a:before, #navbar .wrapper > ul li ul li ul li a:before {
		left: 10px;
		top: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: transparent;
		border-left-color: #fff;
		border-width: 6px;
		margin-top: -6px;
	}

	#ticket-leftbox, #ticket-midbox, #ticket-rightbox {
		width:100%;
		float:none;
		border:0 !important;
		border-top:5px solid #F14D55 !important;
	}

	#ticket-leftbox {
		border:0 !important;
	}

	#mobileDivide {
		display:block;
	}

	.login .loginblock {
		width:100% !important;
		height:auto !important;
		float:none;
		clear:both;
		margin-bottom:40px;
		box-sizing:border-box;
	}



}























@media all and (max-width:860px) {



	.groups-block {
	    width:100%;
		background:#004A8E;
		color:white;
	}
	
	.groups-block div {
		box-sizing:border-box;
        float:none;
        width:100%;
	}

	.groups-block img {
	    width:96%;
		float:right;
        margin:2%;
	}
	
	.groups-image {
	    width:50%;
		float:left;
	}



	.full-width-bar.tower-bar h4 {
		width:100%;
	}

	.full-width-bar.tower-bar .button {
		width:auto;
	}

	span.slide-caption {
		font-size:64px;
	}

	#fifty-off-header {
		display:none;
	}

	#fifty-off-header-small {
		display:block;
	}

	.button {
		margin:0;
	}

	.third-column, .third-column + .third-column, .third-column + .third-column + .third-column, .third-column.blank, .third-column.blank + .third-column.blank, .third-column.blank + .third-column.blank + .third-column.blank {
		margin:0;
		min-height:0;
		margin-bottom:30px;
		float:none;
		padding:2%;
		width:96% !important;
	}
	.userdetails > p {
		width:96%;
	}

	#bad-alert {
		top:20%;
		left:5%;
		width:90%;
		padding:20px;
		line-height:1.3em;
		font-size:16px;
	}

	.mobileonly {
		display:block;
	}

	.desktoponly {
		display:none;
	}

	.mobileonlymessage {
		font-size:18px;
		line-height:1.4em;
		padding:1em 0 2em;
		display:block;
	}

	#ticket-right, #ticket-left {
		display:none;
	}

	#ticket {
		padding:20px;
	}

	#albumlist li {
		width:33.33333333333333%;
	}

	#trs, #boat {
		left:50%;
		margin-left:-85px;
	}

	#trs-small {
		margin:0 auto;
		display:block;
		float: none;
	    width: 166px;
	}

	#fifty-desktop {
		display:none;
	}
	
	#fifty-mobile {
		display:block;
	}

	.full-width-inner {
		background:#009BDF;
		padding:40px 0px 30px;
	}

	.booking-box-full h5 {
		float:none;
		clear:both;
		width:100%;
		margin-bottom:20px;
	}

	#popular h4 .from, #popular h4 .to, #popular h4 .from-loc, #popular h4 .to-loc {
		padding:0;
		width:100%;
		text-align:left;
	}

	#popular h4 .from-loc {
		margin-bottom:20px;
	}

	#footer-boat {
		width:70%;
		left:15%;
	}

	.rightimage {
		float:none;
		margin:0 auto;
		display:block;
        width:100%;
		max-width:300px;
	}

	.faqbox {
		width:92%;
		padding:4%;
	}

	p {
		text-align:justify;
	}

	.travel-div, .party-div {
		width: 100%;
		padding-right:0;
		float:none;
		padding-bottom:20px;
	}

	#ticket-header {
		display:none;
	}

	.tall-ship-images-one, .tall-ship-images-two {
		width:40%;
		margin:20px 30%;
		float:none;
	}

	#phone {
		top:24px;
	}


	#feedback, #feedback-tripadvisor { 
		width:100% !important;
		float:none;
        clear:both;
        margin-bottom:25px;
	}

	.footer-1-10th, .footer-4-10th, .footer-4-10th-2 {
	    display:inline-block;
	    width:19%;
	    box-sizing: border-box;
	}
	
	input.footer-4-10th, input.footer-4-10th-2 {
	    width:80%;
	    margin-right:0;
	}

    .signup-extra {
		text-align:right;
		padding-bottom:15px;
        display:block;
	}

}























@media all and (max-width:640px) {

	span.slide-caption {
		font-size:40px;
	}

	#content p:last-child {
		padding-top:1em;
	}

	.tall-ship-images-one, .tall-ship-images-two {
		width:70%;
		margin:20px 15%;
		float:none;
	}
	
	#homepage-boxes .box {
		width:100%;
	}

	#copyright {
		padding-bottom:40px;
	}
	
	.box-content h4 {
		font-size:20px;
		margin-bottom:10px;
	}

	.box-content .hovercontent .box-button {
		line-height:34px;
		font-size:18px;
	}

	#phone {
		width:48px;
	}

	.full-width-bar .button {
		width:100%;
	}

	.booking-box .button, .booking-box-full .button, .booking-box-odd .button, .from, .to, .from-loc, .to-loc {
		width:100%;
		float:none;
		clear:both;
		box-sizing:border-box;
		margin:0;
	}

	.from, .to, .from-loc, .to-loc {
		text-align: left;
	}

	.booking-box h4, .booking-box-odd h4, .booking-box-full h4, .booking-box-full h5 {
		font-size:28px;
	}

	.from-loc {
		margin-bottom:20px;
	}

	.via {
		position:static;
		clear:both;
		width:100%;
		text-align:left;
	}

	#footer-boat {
		width:86%;
		left:7%;
	}

	#albumlist li {
		width:50%;
	}

	.booking-price * {
		font-size:13px;
	}

	.booking-price *.button {
		font-size:18px;
	}

	.footer-third-one br {
		display:block;
	}

	.footer-third-one img {
		width:60%;
		float:none;
		margin-left:20%;
		margin-right:0;
	}






	.footer-associations img {
		width:48%;
	    float:left;
	}

	.footer-1-10th, .footer-4-10th, .footer-4-10th-2 {
	    display:block;
	    width:100%;
	}
	
	input.footer-4-10th, input.footer-4-10th-2 {
	    width:100%;
	}

}























@media all and (max-width:480px) {

	.tall-ship-images-one, .tall-ship-images-two {
		width:80%;
		margin:20px 10%;
		float:none;
	}

	.footer-third-one img {
		width:100%;
		margin-left:0;
		margin-right:0;
	}

	.booking-box h4, .booking-box-odd h4, .booking-box-full h4, .booking-box-full h5 {
		font-size:24px;
	}

	#footer-boat {
		width:100%;
		left:0%;
	}

	#albumlist li {
		width:100%;
	}

	.booking-price * {
		font-size:11px;
	}

	span.slide-caption {
		font-size:28px;
	}

}









@font-face{
font-family:"ITC Eras W01 Demi";
src:url("e798ef0d-4835-48d6-8cf0-43fa0e3e0c4a.eot?#iefix");
src:url("e798ef0d-4835-48d6-8cf0-43fa0e3e0c4a.eot?#iefix") format("eot"),url("df438efa-3d7f-4811-9c86-3e2f6c860230.woff2") format("woff2"),url("ef724464-bd3e-4059-b90c-8204f2317dc6.woff") format("woff"),url("d9d4b4b3-d056-40e8-8894-c12f315c1b1f.ttf") format("truetype"),url("8d7ed9a8-1517-489b-bf3c-a0ee45973407.svg#8d7ed9a8-1517-489b-bf3c-a0ee45973407") format("svg");
}

@font-face{
font-family:"ITC Eras W01 Light";
src:url("a2426e5c-1e15-4176-a7f5-022800964a62.eot?#iefix");
src:url("a2426e5c-1e15-4176-a7f5-022800964a62.eot?#iefix") format("eot"),url("34887315-1770-4a9b-82b0-0c53b8d5ea92.woff2") format("woff2"),url("ea0631dd-4277-4463-a7bf-3bc99633f65e.woff") format("woff"),url("abfb2d1a-05c5-4d51-9aa9-6489867c7fb1.ttf") format("truetype"),url("c5db6029-2e84-4ee8-9628-861371054b41.svg#c5db6029-2e84-4ee8-9628-861371054b41") format("svg");
}