/* Copyright 2015 Pebble Design Pty Ltd. All Rights Reserved. */
@font-face {
	font-family: 'pbh';
	font-weight: 400;
	font-style: normal;
	src: url(../font/pbh.eot);
	src: url(../font/pbh.eot?#iefix) format("embedded-opentype"), url(../font/pbh.woff2) format("woff2"), url(../font/pbh.woff) format("woff"), url(../font/pbh.ttf) format("truetype"), url(../font/pbh.svg#pbh) format("svg")
}
@font-face {
    font-family: 'university-oldstylebook';
    src: url('ufonts.com_university-oldstyle-book-webfont.woff2') format('woff2'),
         url('ufonts.com_university-oldstyle-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
a, a:before, a img, a span, input, select, button, nav ul li ul, #slideshow .item img, .boxes .column .pad .text, .boxes .column .pad .text p, .boxes .column .pad .over, .boxes .column .pad .bookonline, .boxes .column .pad .subscribe, .boxes .column .pad .image p, #slideshow .quote, #copy .column > div h3 span, footer .st_sharethis_custom, #gallery .item {
	-webkit-transition: all .2s ease;
	transition: all .2s ease
}
html, body {
	/*background: #e2dfda;*/
	margin: 0;
	padding: 0 
}
#container {
	width:100%;
	max-width: 1920px;
	margin: auto;
	/*padding: 30px 30px 5px;*/
	overflow: hidden; 
	z-index: 1
}
.row{ width:90%; margin:0 auto;}.
.stay{ width:25% !important; float:left;}
#container > .inner {
	/*background: #fff;*/
	position: relative;
	margin: 0;
	/*padding: 10px;*/
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.3)
}
#container ::-moz-selection {
background:#495873;
color:#fff;
text-shadow:1px 1px 3px rgba(0,0,0,0.50)
}
#container ::selection {
	background: #495873;
	color: #fff;
	/*text-shadow: 1px 1px 3px rgba(0,0,0,0.50)*/
}
#container ::-moz-selection {
background:#495873;
color:#fff;
text-shadow:1px 1px 3px rgba(0,0,0,0.50)
}
.scrollelement, .scrollelement2 {
	opacity: .5;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.centre {
	position: relative;
	max-width: 90%;
	margin: auto
}
a.anchor {
	top: -178px
}
strong {
	font-weight: 400
}
::-webkit-scrollbar-corner {
background:transparent;
display:none
}
::-webkit-scrollbar {
width:10px;
height:10px
}
::-webkit-scrollbar-track {
background:#e2dfda
}
::-webkit-scrollbar-thumb {
background:#c3bfb8;
box-shadow:none
}
::-webkit-scrollbar-thumb:hover {
background:#aba69d
}
body.preload * {
	-webkit-transition: none!important;
	transition: none!important
}
#load {
	display: none!important
}
header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 184px;
	margin: 0;
	/*padding: 0 28px;*/
	text-align: center;
	z-index: 9999
}
header .inner {
	background:url(../../header.png) top left repeat-x;
	position: relative;
	width: auto;
	max-width: 1930px;
	height: 150px;
	margin: auto;
	padding: 0;
	/*text-shadow: 1px 1px 3px rgba(0,0,0,0.50);*/
	text-align: left
}
header .logo {
	position: absolute;
	top: 10px;
	left: 50px;
	z-index: 1
}
header .phone {
	position: absolute;
	top: 50px;
	right: 50px;
	font: 300 36px/36px Lato, arial;
	color: #fff; 
	z-index: 2
}
header .phone a {
	color: #4f2614; font-family: 'university-oldstylebook';/* font-size:62px; line-height:62px; font-weight:normal;*/
}
header .email {
	position: absolute;
	top: 90px;
	right: 50px;
	font: 300 14px/14px Lato, arial;
	color: #bcb6b4;
	z-index: 2
}
header .email a {
	color: #000
}
nav {
	position: absolute;
	top: 60px;
	left: 550px;
	width: auto;
	height: 20px;
	margin: 0;
	padding: 0;
	clear: both;
	text-shadow: none;
	z-index: 3
}
nav .centre {
	max-width: 1200px!important
}
nav ul {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	/*text-shadow: 1px 1px 3px rgba(0,0,0,0.50);*/
	display: block
}
nav ul li {
	position: relative;
	width: auto;
	height: 22px;
	margin: 0 30px;
	padding: 0;
	display: inline-block
}
nav ul li a {
	height: 22px;
	/*font:bold 19px/22px Lato, arial;*/
	color: #4f2614;
	margin: 0;font-family: 'university-oldstylebook'; font-size:22px; line-height:22px; font-weight:bold;
	/*padding: 0 5px;*/
	text-align: center;
	/*text-transform: lowercase;*/
	overflow: hidden;
	display: block
}
nav ul li a span {
	position: relative;
	display: inline-block
}
nav ul li a span:before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	font-weight: 400;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
nav ul li a.current {
	color: #ad3500
}
nav ul li:first-child {
	margin: 0 20px 0 0
}
nav ul li:last-child {
	margin: 0 0 0 20px
}
nav ul li ul {
	position: absolute;
	top: 20px;
	left: 45%;
	width: 170px;
	height: 0;
	margin: 0 0 0 -75px;
	padding: 69px 0 0;
	text-shadow: none;
	overflow: hidden;
	opacity: 0;
	z-index: 9999
}
nav ul li ul.dropdown {
	height: 350px;
	opacity: 1
}
nav ul li ul li {
	width: auto;
	height: 45px;
	line-height: 45px;
	margin: 0!important;
	padding: 0;
	display: block
}
nav ul li ul li a {
	background: #a97057;
	font: 300 18px/45px Lato, arial;
	width: 170px;
	height: 45px;
	margin: 0;
	padding: 10px 0;
	/*color: #fff!important;*/
	text-shadow: 1px 1px 3px rgba(0,0,0,0.50);
	/*text-transform: lowercase;*/
	border: none;
	overflow: visible;
	display: block
}
nav ul li ul li a.current {
	color: #fff!important
}
nav ul li ul li.seaplanes, nav ul li ul li.guestbook {
	display: none
}
nav ul li.book a, nav ul li.bookmobile a {
	background: #a97057;
	position: absolute;
	top: -5px;
	font: 400 16px/26px Lato, arial;
	color: #fff;
	padding: 3px 25px 8px;
	cursor: pointer;
	text-transform: uppercase;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
nav ul li.bookmobile {
	display: none
}
nav .clearfix {
	clear: both;
	display: block
}
nav a#pull {
	color: #fff;
	cursor: pointer;
	display: none
}
#slideshow {
	background: #495873 url(../../images/load.gif) center no-repeat;
	position: relative;
	width: 100%;
	max-height: 887px;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
	cursor: default!important
}
#slideshow .offer {
	position: absolute;
	top: 56%;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 19
}
#slideshow .offer a {
	background: #a97057;
	font: 300 16px/26px Lato, arial;
	color: #fff;
	padding: 7px 15px 10px;
	cursor: pointer;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
#slideshow .quote {
	position: absolute;
	top: 49%;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 19
}
#slideshow .quote span {
	background: rgba(255,255,255,0.85);
	position: relative;
	margin: 0 auto;
	font: 300 30px/30px Lato, arial;
	color: #645c59;
	padding: 18px 20px 22px;
	border: 1px solid #fff;
	text-transform: lowercase;
	text-shadow: 1px 1px 3px rgba(255,255,255,1);
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.3)
}
#slideshow .quote span em {
	font-style: normal
}
#slideshow .scroll {
	background: url(../../images/scroll.png) center no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 354px;
	text-align: center;
	z-index: 18
}
#slideshow .scroll a {
	background: url(../../images/scroll-link.png) center no-repeat;
	width: 25px;
	height: 25px;
	margin: 300px auto 0;
	display: block
}
#slideshow .bgfade {
	background: url(../../images/fade.png) bottom left no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 354px;
	text-align: center;
	z-index: 18
}
#home #slideshow {
	max-height: auto
}
.fade, .slide, .random {
	overflow: hidden
}
.fade .item, .slide .item, .random .item {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
	cursor: default!important
}
.fade .item img, .slide .item img, .random .item img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: block
}
.fade .item img.mobile, .slide .item img.mobile, .random .item img.mobile {
	display: none
}
.fade .item {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.slide .item {
	position: relative;
	max-height: 550px;
	text-align: center;
	float: left;
	overflow: hidden
}
.random .item {
	display: none
}
.slide {
	max-height: 550px
}
.pager {
	position: absolute;
	bottom: 40px;
	left: 0;
	width: 100%;
	height: 5px;
	padding: 0;
	text-align: center;
	z-index: 20
}
.pager a {
	background: url(../../images/pager.png) top left no-repeat;
	width: 15px;
	height: 15px;
	margin: 0;
	display: inline-block;
	overflow: hidden
}
.pager a span {
	display: none
}
.pager a.selected {
	background: url(../../images/pager.png) bottom left no-repeat
}
a.nav {
	position: absolute;
	width: 22px;
	height: 35px;
	bottom: 50%;
	margin: 0 0 -35px;
	cursor: pointer;
	z-index: 20
}
a.nav.prev {
	background: url(../../images/arrows.png) top left;
	left: 50px
}
a.nav.next {
	background: url(../../images/arrows.png) top right;
	right: 50px
}
#homevideo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	height: 100%;
	max-height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	display: block;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 17
}
.bookonline, .subscribe {
	background: #495873
}
.bookonline .panel, .subscribe .panel {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 19
}
.bookonline p, .subscribe p {font-family: 'university-oldstylebook'; font-size:72px; line-height:72px; font-weight:normal;
	/*font: 100 72px/72px Lato, arial;*/
	color: #fff;
	margin: 20% 0 0;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.50);
	text-transform: lowercase
}
.bookonline p span, .subscribe p span {
	position: relative;
	top: -35px;
	font: 400 40px/40px pbh, arial;
	color: #bcb6b4;
	text-transform: lowercase
}
.bookonline form, .subscribe form {
	width: auto;
	margin: -40px 0 0;
	padding: 20px 40px;
	display: block
}
.bookonline input, .subscribe input {
	background: #4f4845;
	font: 18px/18px Arial, Helvetica, sans-serif;
	color: #b7b1af;
	width: 40%;
	margin: 0;
	padding: 26px 20px;
	text-transform: lowercase;
	border: 1px solid #6d6561;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.50);
	box-shadow: inset 0 0 3px 0 rgba(0,0,0,0.3)
}
.bookonline input {
	background: #4f4845 url(../../images/datepicker.png) center right no-repeat;
	cursor: pointer
}
.bookonline input.checkin, .subscribe input#fieldName {
	float: left
}
.bookonline input.checkout, .subscribe input#fieldEmail {
	float: right
}
.bookonline button, .subscribe button {
	background: #e2dfda;font-family: 'university-oldstylebook'; font-size:30px; line-height:32px; font-weight:normal;
	/*font: 300 30px/30px Lato, arial;*/
	color: #645c59;
	margin: 20px 0 0;
	padding: 15px 25px 20px;
	text-transform: lowercase;
	border: 1px solid #e9e7e3;
	text-shadow: 1px 1px 3px rgba(255,255,255,1);
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
	cursor: pointer;
	clear: both;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.bookonline ::-webkit-input-placeholder, .subscribe ::-webkit-input-placeholder {
color:#b7b1af;
line-height:20px;
text-transform:lowercase;
opacity:1
}
.bookonline :-moz-placeholder, .subscribe :-moz-placeholder {
color:#b7b1af;
line-height:20px;
text-transform:lowercase;
opacity:1
}
.bookonline ::-moz-placeholder, .subscribe ::-moz-placeholder {
color:#b7b1af;
line-height:20px;
text-transform:lowercase;
opacity:1
}
.bookonline :-ms-input-placeholder, .subscribe :-ms-input-placeholder {
color:#b7b1af;
line-height:20px;
text-transform:lowercase;
opacity:1
}
main {
	background: #fff;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	clear: both;
	border-top: 1px solid #fff;
	display: block;
	z-index: 999
}
#copy {
	width: 100%;
	font: 300 15px/20px Arial, Helvetica, sans-serif;
	color: #a2a09a;
	margin: -100px 0 0;
	/*padding: 0 0 80px;*/
	padding: 20px 0;
	text-align: left
}
#copy a {
	color: #495873
}
#copy h1 {font-family: 'university-oldstylebook'; font-size:60px; line-height:60px; font-weight:normal;
	/*font: 300 60px/60px Lato, arial;*/
	color: #fff;
	margin: 0 0 70px;
	padding: 0;
	text-transform: lowercase;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.50)
}
#copy p {
	/*margin: 0 0 25px;*/
	padding: 0
}
#copy p.intro, #copy h2 {font-family: 'university-oldstylebook'; font-size:26px; line-height:33px; font-weight:bold;
	/*font: 300 26px/33px Lato, arial;*/
	color: #a2a09a;
	/*margin: 0 0 35px;
	padding: 0 0 35px;*/
	text-transform: none;
	border-bottom: 2px solid #f5f3f0
}
#copy h2 {
	color: #a97057;
	margin: 0 0 25px;
	padding: 0;
	border: none
}
#copy h3 {font-family: 'university-oldstylebook'; font-size:20px; line-height:24px; font-weight:300;
	/*font: 300 20px/24px Lato, arial;*/
	color: #a2a09a;
	margin: 0 0 25px;
	text-transform: none
}
#copy h2 span, #copy h3 span {
	position: relative;
	top: -2px;
	font: 400 12px/12px Lato, arial;
	color: #a97057;
	margin: 0 0 0 10px
}
#copy p.fine {
	font: 400 12px/18px Lato, arial;
	color: #999
}
#copy p:last-child {
	margin: 0
}
#copy p a {
	background: #f5f3f0;
	color: #a2a09a;
	padding: 3px 10px 5px;
	cursor: pointer;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
#copy p a.button {
	background: #495873;
	font: 300 20px/20px Lato, arial;
	color: #fff;
	padding: 7px 14px;
	border-radius: 3px;
	cursor: pointer
}
#copy p .quote {
	background: url(../../images/quote.png) center no-repeat;
	width: 29px;
	height: 25px;
	margin: 0 5px -2px 0;
	display: inline-block
}
#copy ul {
	background: #f5f3f0;
	margin: 0 0 15px;
	padding: 30px;
	list-style: none inside url(../../images/li.png)
}
#copy ul.left {
	width: 45.5%;
	margin: 0 10px 30px 0;
	float: left
}
#copy ul.right {
	width: 45.5%;
	margin: 0 0 30px;
	float: left
}
#copy li {
	margin: 5px auto;
	padding: 0
}
#copy li a {
	background: #f5f3f0;
	color: #a2a09a;
	padding: 3px 10px 5px;
	cursor: pointer;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
#copy hr {
	border: none;
	border-bottom: 2px solid #f5f3f0;
	margin: 35px 0;
	clear: both
}
#copy .mandatory {
	font-weight: 700;
	color: #a97057
}
#copy .highlight {
	color: #a97057
}
#copy table, #copy tr, #copy td {
	width: 100%;
	text-align: left
}
#copy .pagination {
	background: none;
	width: 100%;
	height: auto;
	min-height: auto;
	margin: 0;
	padding: 25px 0;
	text-align: left;
	border: none;
	display: inline-block
}
#copy .pagination li {
	margin: 0 5px 0 0;
	padding: 0;
	display: inline-block;
	text-transform: lowercase
}
#copy .pagination li a, #copy .pagination li.pag-current {
	background: #fff;
	color: #666;
	padding: 4px 8px
}
#copy .pagination li.pag-current {
	background: #495873;
	font-weight: 700;
	color: #fff;
	margin: -5px 5px 0 0;
	padding: 6px 9px
}
#copy .pagination li a:hover, #copy .pagination li.pag-next a, #copy .pagination li.pag-prev a {
	background: #fff;
	color: #495873
}
#copy .formbox {
	width: auto;
	margin: 0;
	padding: 0;
	clear: both;
	border: none;
	display: block
}
#copy .formbox h2 {
	font: 300 60px/60px Lato, arial;
	color: #495873;
	margin: 35px 0;
	padding: 0;
	border: none;
	text-transform: lowercase
}
#copy .formbox p.intro {
	margin: 0 0 35px;
	padding: 0;
	border: none
}
#copy .column {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	-moz-column-count: 3;
	-moz-column-gap: 10px;
	-webkit-column-count: 3;
	-webkit-column-gap: 10px;
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 10px;
	-moz-column-gap: 10px;
	column-gap: 10px;
	display: block;
	clear: both
}
#copy .column.fix {
	padding: 0 0 75px
}
#copy .column > div {
	/*background: #f5f3f0;*/
	width: 100%;
	margin: 0 0 5px;
	/*padding: 30px 0;*/ display:block;
	/*display: inline-block;
	overflow: hidden;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)*/
}
#copy .column > div h3, #copy .column > div p, #copy .column > div ul {
	padding: 0 30px
}
#copy .column > div h3 span {
	background: #fff;
	position: inherit;
	margin: 0 10px 0 0;
	padding: 10px;
	display: inline-block
}
#copy .column > div h3 {
	font: 300 26px/33px Lato, arial
}
#copy .column > div p.fine {
	color: #a97057!important
}
#copy .column > div img {
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
	display: block
}
#copy .column > div.whatson {
	padding: 0 0 30px!important
}
#copy .column > div.offer {
	background: #f6ece8;
	color: #a97057
}
#copy .column > div.offer h3 {
	font: 300 26px/33px Lato, arial;
	color: #495873
}
#copy .column > div.offer ul {
	background: none;
	color: #495873!important
}
#copy .column > div.offer p a {
	background: #a97057;
	color: #fff
}
#copy .column > div.offer p.fine {
	color: #495873!important
}
#copy .column .pagination {
	position: absolute;
	bottom: 0;
	left: 0
}
.gallery h1 {
	margin: 0!important;
	padding: 0!important
}
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%
}
.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.faq, .faq .question {
	margin: 0!important;
	padding: 0!important;
	border: none!important
}
.faq .question {
	margin: 0 0 20px!important
}
.faq .question a {
	background: #f5f3f0;
	width: auto;
	color: #a2a09a!important;
	padding: 3px 10px 5px;
	cursor: pointer;
	border: none!important;
	cursor: pointer;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.faq .answer {
	margin: 20px 0!important;
	padding: 0!important;
	border: none!important;
	display: none
}
.faq .answer strong {
	color: #495873
}
.download {
	margin: 0 0 5px
}
.download span {
	display: inline
}
.download span.link {
	margin: 0 3px 0 5px
}
.download span.icon > img {
	margin: 0 0 -3px
}
.download span.size {
	font-size: 10px;
	color: #999
}
#form {
	position: relative;
	width: 100%;
	clear: both;
	display: block
}
#form input, #form select, #form textarea {
	background: none;
	width: 49%;
	font: 400 16px/20px Lato, arial;
	color: #495873;
	margin: 0 30px 0 0;
	padding: 25px 0;
	text-align: left;
	text-transform: none;
	border: none;
	border-bottom: 2px solid #f5f3f0;
	float: left
}
#form textarea {
	width: 100%;
	margin-bottom: 0;
	float: none;
	clear: both
}
#form select {
	width: 322px;
	height: 37px;
	padding: 5px
}
#form input#checkin, #form input#checkout {
	background: url(../../images/datepicker.png) top right no-repeat;
	cursor: pointer
}
#form div {
	position: absolute;
	bottom: 7px;
	right: 0
}
#form input[type=submit] {
	background: #495873;
	width: auto;
	font: 300 30px/30px Lato, arial;
	color: #fff;
	margin: 20px 0 0;
	padding: 15px 25px 20px;
	text-transform: lowercase;
	cursor: pointer;
	clear: both;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
#form .nomargin {
	margin: 0!important
}
#form .mandatory::-webkit-input-placeholder {
color:#a97057;
line-height:25px;
text-transform:none;
opacity:1
}
#form .mandatory:-moz-placeholder {
color:#a97057;
line-height:25px;
text-transform:none;
opacity:1
}
#form .mandatory::-moz-placeholder {
color:#a97057;
line-height:25px;
text-transform:none;
opacity:1
}
#form .mandatory:-ms-input-placeholder {
color:#a97057;
line-height:25px;
text-transform:none;
opacity:1
}
#form br {
	clear: both
}
.boxes, .boxes .column {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	display: block
}
.boxes .column {
	width: auto;
	float: left
}
.boxes .column .spacer {
	padding: 1px 0 0 1px !important
}
.boxes .column .pad {
	padding: 1px 0 0
}
.boxes .column .pad a.nav {
	bottom: 54%
}
.boxes .column .pad .box {
	position: relative;
	max-height: 550px;
	overflow: hidden
}
.boxes .column .pad .box img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: block;
	-webkit-transition: all 1s ease;
	transition: all 1s ease
}
.boxes .w100 {
	width: 100%;
	clear: both
}
.boxes .w75 {
	width: 75%
}
.boxes .w70 {
	width: 70%
}
.boxes .w60 {
	width: 60%
}
.boxes .w50 {
	width: 50%
}
.boxes .w40 {
	width: 40%
}
.boxes .w33 {
	width: 33.33%
}
.boxes .w30 {
	width: 30%
}
.boxes .w25 {
	width: 25%
}
.boxes .w20 {
	width: 20%
}
.boxes .w16 {
	width: 16.66%
}
.boxes .column .pad .text {
	background: #efece7
}
.boxes .column .pad .text p {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	padding: 50px 50px 0;
	text-align: center;
	z-index: 19
}
.boxes .column .pad .text p a {
	position: relative;
	font: 300 36px/40px Arial, Helvetica, sans-serif;
	color: #495873;
	margin: 0;
	padding: 0;
	text-transform: none;
	text-shadow: 1px 1px 3px rgba(255,255,255,1);
	display: block
}
.boxes .column .pad .text p a span {
	position: absolute;
	bottom: -50px;
	left: 0;
	width: 100%;
	font: 400 16px/16px Lato, arial;
	color: #495873;
	text-align: center;
	text-transform: lowercase;
	text-shadow: 1px 1px 3px rgba(255,255,255,1)
}
.boxes .column .pad .text p a:after {
	background: url(../../images/blank.png);
	position: absolute;
	top: -100px;
	left: -100px;
	width: 1000px;
	height: 1000px;
	z-index: 10;
	content: "";
	display: block
}
.boxes .column .pad .brown {
	background: #495873
}
.boxes .column .pad .brown p a {
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.50)
}
.boxes .column .pad .brown p a span {
	color: #bcb6b4;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.50)
}
.boxes .column .pad .brown img {
	-webkit-transition: all 0 ease;
	transition: all 0 ease;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0
}
.boxes .column .pad .image {
	background: #e2dfda;
	overflow: hidden
}
.boxes .column .pad .image p {
	position: absolute;
	top: 40%;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 19
}
.boxes .column .pad .image p a {
	background: rgba(255,255,255,0.85);
	position: relative;
	margin: 0 auto;
	font-family: 'university-oldstylebook';
	font-size:30px; font-weight:300; line-height:30px;
	/*font: 300 30px/30px Lato, arial;*/
	color: #645c59;
	padding: 18px 20px 22px;
	border: 1px solid #fff;
	text-transform: lowercase;
	text-shadow: 1px 1px 3px rgba(255,255,255,1);
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
	display: inline-block
}
.boxes .column .pad .image p a:before, .boxes .column .pad .image p a:after {
	position: absolute;
	top: -10px;
	right: -10px;
	bottom: -10px;
	left: -10px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.6s, -webkit-transform .6s;
	transition: opacity 0.6s, -webkit-transform .6s;
	transition: opacity 0.6s, transform .6s;
	transition: opacity 0.6s, transform 0.6s, -webkit-transform .6s
}
.boxes .column .pad .image p a:before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1)
}
.boxes .column .pad .image p a:after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0)
}
.boxes .column .pad .image p a span {
	background: #645c59;
	position: absolute;
	top: 18px;
	right: -126px;
	width: 125px;
	height: 35px;
	font: 300 14px/33px Arial, Helvetica, sans-serif;
	color: #b7b1af;
	margin: 0;
	padding: 0;
	text-align: center;
	text-shadow: 1px 1px 3px rgba(82,75,73,1);
	overflow: hidden;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0)
}
.boxes .column .pad .image img {
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
	display: block
}
.boxes .column .pad .image img.mobile {
	display: none
}
.boxes .column .pad .reviews p {
	padding: 70px 60px 0
}
.boxes .column .pad .reviews p a em {
	position: relative;
	bottom: -20px;
	font: 400 72px/72px Lato, arial;
	font-style: normal;
	margin: 0 10px 0 0;
	text-transform: lowercase
}
.boxes .column .pad .reviews p a span {
	bottom: -125px;
	left: -75px
}
.boxes .column .pad .reviews p a span em {
	top: -35px;
	left: 130px;
	font: 400 40px/40px pbh, arial
}
.boxes .column .pad .over img {
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: .5;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-filter: sepia(90%);
	-moz-filter: sepia(90%);
	-ms-filter: sepia(90%);
	-o-filter: sepia(90%);
	filter: sepia(90%);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.webapp {
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
	clear: both
}
.webapp:first-child .w70, .webapp:nth-child(2n) .w30, .webapp:nth-child(3n) .w70, .webapp:nth-child(4n) .w30, .webapp:nth-child(5n) .w70, .webapp:nth-child(6n) .w30, .webapp:nth-child(7n) .w70, .webapp:nth-child(8n) .w30, .webapp:nth-child(9n) .w70, .webapp:nth-child(10n) .w30 {
	float: left!important
}
.webapp:first-child .w30, .webapp:nth-child(2n) .w70, .webapp:nth-child(3n) .w30, .webapp:nth-child(4n) .w70, .webapp:nth-child(5n) .w30, .webapp:nth-child(6n) .w70, .webapp:nth-child(7n) .w30, .webapp:nth-child(8n) .w70, .webapp:nth-child(9n) .w30, .webapp:nth-child(10n) .w70 {
	float: right!important
}
.webapp:first-child .w30 .pad, .webapp:nth-child(2n) .w70 .pad, .webapp:nth-child(3n) .w30 .pad, .webapp:nth-child(4n) .w70 .pad, .webapp:nth-child(5n) .w30 .pad, .webapp:nth-child(6n) .w70 .pad, .webapp:nth-child(7n) .w30 .pad, .webapp:nth-child(8n) .w70 .pad, .webapp:nth-child(9n) .w30 .pad, .webapp:nth-child(10n) .w70 .pad {
	padding: 1px 0 0 1px !important
}
#gallery {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: block;
	clear: both
}
#gallery .item {
	background: #f5f3f0;
	position: relative;
	height: auto;
	margin: 0 1px 1px 0;
	padding: 0;
	float: left;
	overflow: hidden
}
#gallery .item .mobilefix {
	background: url(../../images/blank.png);
	position: absolute;
	top: 0;
	left: 0;
	width: 1000px;
	height: 1000px;
	z-index: 10;
	display: none
}
#gallery .item img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0
}
#gallery .type0 a img.portrait, #gallery .type1 a img.landscape {
	display: none
}
#gallery .type1 a img.portrait, #gallery .type0 a img.landscape {
	display: block
}
#gallery .column {
	margin-bottom: 1px;
	float: left
}
#gallery .w100 {
	width: 100%
}
#gallery .w50 {
	width: 50%
}
#gallery .w33 {
	width: 33.33%
}
#gallery .w25 {
	width: 25%
}
.tooltip {
	background: #fff;
	position: absolute;
	font: 400 16px/16px Lato, arial;
	color: #4f4845;
	padding: 10px 12px;
	box-shadow: 1px 1px 0 rgba(0,0,0,.2);
	text-transform: lowercase;
	z-index: 999999
}
.pinit {
	width: 40px;
	height: 20px;
	background: #fff url(../../images/pinit.png) top;
	display: block;
	border-radius: 2px;
	box-shadow: 1px 1px 0 rgba(0,0,0,.1);
	position: absolute;
	top: 37px;
	left: 10px
}
.pinit:hover {
	background: #CB2027 url(../../images/pinit.png) bottom
}
@media screen and (max-width:800px) {
#gallery[data-columns]:before {
	content: '2 .column.w50'!important
}
}
@media screen and (min-width:801px) and (max-width:1060px) {
#gallery[data-columns]:before {
	content: '3 .column.w33'!important
}
}
@media screen and (min-width:961px) {
#gallery .over {
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50)!important;
	opacity: .5!important;
	-webkit-filter: sepia(90%)!important;
	-moz-filter: sepia(90%)!important;
	filter: sepia(90%)!important
}
}
@media screen and (min-width:1061px) {
#gallery[data-columns]:before {
	content: '4 .column.w25'!important
}
}
#colorbox, #cboxOverlay, #cboxWrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
#cboxOverlay {
	position: fixed;
	width: 100%;
	height: 100%
}
#cboxMiddleLeft, #cboxBottomLeft {
	clear: left
}
#cboxContent {
	position: relative
}
#cboxLoadedContent {
	overflow: auto;
	-webkit-overflow-scrolling: touch
}
#cboxTitle {
	font: bold 18px arial;
	color: #FFF;
	text-transform: lowercase;
	position: absolute;
	top: -28px;
	left: 0;
	width: 450px
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
	cursor: pointer
}
.cboxPhoto {
	float: left;
	margin: auto;
	border: 0;
	display: block;
	max-width: none
}
.cboxIframe {
	width: 100%;
	height: 100%;
	display: block;
	border: 0
}
#colorbox, #cboxContent, #cboxLoadedContent {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box
}
#cboxOverlay {
	background: #47413e
}
#cboxContent {
	margin-top: 32px;
	overflow: visible;
	background: #495873
}
.cboxIframe {
	background: #495873
}
#cboxError {
	padding: 50px
}
#cboxLoadedContent {
	background: #495873
}
#cboxLoadingGraphic {
	background: #495873 url(../../images/load.gif) center no-repeat
}
#cboxLoadingOverlay {
	background: #495873
}
#cboxTitle {
	font: bold 18px arial;
	color: #FFF;
	text-transform: lowercase;
	position: absolute;
	top: -28px;
	left: 0;
	width: 450px
}
#cboxCurrent {
	display: none!important
}
#cboxPrevious {
	position: absolute;
	top: 50%;
	left: -35px;
	margin-top: -40px;
	background:url(../../images/bg-colorbox-nav.png) bottom left no-repeat
}
#cboxNext {
	position: absolute;
	top: 50%;
	right: -35px;
	margin-top: -40px;
	background: url(../../images/bg-colorbox-nav.png) top left no-repeat
}
#cboxClose {
	background: url(../../images/bg-colorbox-close.png) center no-repeat;
	position: absolute;
	top: -69px;
	right: -69px
}
#cboxPrevious, #cboxNext, #cboxClose {
	width: 69px;
	height: 69px;
	text-indent: -9999px;
	z-index: 9999;
	border: 0;
	display: block;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
#cboxSlideshow {
	display: none!important
}
footer {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	clear: both
}
footer p {        
	background: #e2dfda;
	font: 300 20px/24px Lato, arial;
	color: #000;
	width: 100%;
	margin: 0;
	padding: 0 0 50px;
	text-align: center;
	text-transform: none;
	display: block	
}
footer p a {
	font-weight: 400;
	color: #a8a29e;
	padding: 0 5px
}
footer p a.lloa {
	position: relative;
	bottom: -40px;
	padding: 0 25px;
	width: 83px;
	height: 99px;
	display: inline-block
}
footer p a.pd {
	position: relative;
	bottom: -7px;
	padding: 0 0 0 10px;
	width: 172px;
	height: 23px;
	display: inline-block
}
footer p a.tel {
	color: #a8a29e!important
}
footer .social {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0; background:#e2dfda;
	padding:10px 0 0;
	display: block;
	clear: both
}
footer .social ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center
}
footer .social ul li {
	width: 26px;
	height: 23px;
	margin: 0 20px;
	padding: 0;
	display: inline-block
}
footer .social ul li:first-child {
	margin: 0 20px 0 0 !important
}
footer .social ul li:last-child {
	margin: 0 0 0 20px !important
}
footer .social ul li a {
	position: relative;
	left: -20px;
	width: 26px;
	height: 23px;
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden
}
footer .social ul li a span {
	position: absolute;
	top: -1000px;
	left: -1000px
}
footer .social ul li a.facebook {
	background: url(../../images/facebook.png) top left no-repeat
}
footer .social ul li a.instagram {
	background: url(../../images/instagram.png) top left no-repeat
}
footer .social ul li a.pinterest {
	background: url(../../images/pinterest.png) top left no-repeat
}
footer .st_sharethis_custom {
	background: url(../../images/share.png) no-repeat scroll left top transparent;
	position: relative;
	top: 0;
	left: -20px;
	margin: 0;
	padding: 7px 20px 0 0;
	width: 20px;
	height: 20px;
	cursor: pointer
}
.ui-datepicker {
	background: #fff;
	font-family: 'Lato', arial;
	width: 520px!important;
	margin: 10px 0 0;
	padding: 5px 0;
	font-size: 16px;
	line-height: 20px;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
	float: left;
	display: none;
	z-index: 99999;
	overflow: hidden
}
.ui-datepicker-group {
	width: 250px;
	float: left;
	margin: 0 5px;
	border-radius: 0
}
.ui-datepicker-group .ui-datepicker-header {
	position: relative;
	background: #a97057;
	width: 260px;
	height: 25px;
	margin: -5px 0 0 -5px;
	padding: 10px 0;
	color: #fff;
	font-weight: 300;
	text-transform: capitalize
}
.ui-datepicker-group-first .ui-datepicker-header {
	border-top-left-radius: 0
}
.ui-datepicker-group-last .ui-datepicker-header {
	border-top-right-radius: 0
}
.ui-datepicker .ui-datepicker-title {
	font-size: 16px;
	font-weight: 700;
	line-height: 25px;
	text-align: center
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	width: 49%
}
.ui-datepicker table {
	width: 100%;
	border-collapse: collapse;
	margin: 0
}
.ui-datepicker th {
	width: 25px;
	padding: 5px;
	font-weight: 700;
	color: #696969;
	text-transform: lowercase
}
.ui-datepicker td span, .ui-datepicker td a {
	display: block;
	padding: 3px;
	text-align: right;
	text-decoration: none
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 20px;
	color: #696969;
	text-align: center
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background: #495873;
	color: #fff
}
.ui-widget-header .ui-state-hover {
	opacity: .5;
	filter: Alpha(Opacity=50);
	cursor: pointer
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: #fff;
	text-decoration: none
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
	color: #fff
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
	opacity: .5;
	filter: Alpha(Opacity=50);
	cursor: default
}
.ui-icon {
	width: 30px;
	height: 30px;
	text-indent: -99999px;
	overflow: hidden;
	display: block
}
.ui-datepicker .ui-datepicker-prev .ui-icon {
	background: url(../../images/datepicker-arrows.png) center left no-repeat
}
.ui-datepicker .ui-datepicker-next .ui-icon {
	background: url(../../images/datepicker-arrows.png) center right no-repeat
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 7px;
	width: 30px;
	height: 30px
}
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover {
	background: none
}
.ui-datepicker .ui-datepicker-prev {
	left: 5px
}
.ui-datepicker .ui-datepicker-next {
	right: 5px
}
@-webkit-keyframes push {
50% {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes push {
50% {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@media only screen and (min-width:1075px) {
.pager a:hover {
	background: url(../../images/pager.png) bottom left no-repeat
}
header .logo a:hover img, #slideshow .scroll a:hover, a.nav:hover, footer p a:hover img, footer .social .st_sharethis_custom:hover {
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: .7
}
header .email a:hover {
	color: #fff
}
nav ul li a:hover, nav ul li a:hover span, nav ul li:hover a, nav ul li:hover a span {
	color: #fff
}
nav ul li a:hover span, nav ul li:hover a span {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%)
}
nav ul li ul li a:hover, nav ul li ul li:hover a {
	color: #fff!important
}
#slideshow .quote a:hover, .boxes .column .pad .image p a:hover {
	background: rgba(255,255,255,1)
}
#slideshow .quote a:hover span, .boxes .column .pad .image p a:hover span, .boxes .column .pad .over p a:hover span {
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}
.boxes .column .pad:hover .text {
	background: #495873
}
.boxes .column .pad:hover .text p a {
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.50)
}
.boxes .column .pad:hover .text p a span {
	color: #bcb6b4;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.50)
}
.boxes .column .pad:hover .text img {
	-webkit-transition: all 0 ease;
	transition: all 0 ease;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0
}
.boxes .column .pad:hover .image p a {
	background: rgba(255,255,255,1)
}
.boxes .column .pad:hover .image p a:hover, #slideshow:hover .item p a:hover {
	padding: 18px 35px 22px
}
.boxes .column .pad:hover .image p a:before, .boxes .column .pad:hover .image p a:after {
	opacity: .5;
	-webkit-transform: scale(1);
	transform: scale(1)
}
.boxes .column .pad .image p a:hover:before {
	opacity: 0;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1)
}
.boxes .column .pad .image p a:hover:after {
	opacity: 0;
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0)
}
.subscribe input:hover, .subscribe input:focus {
	background: #47413e
}
.bookonline input:hover, .bookonline input:focus {
	background: #47413e url(../../images/datepicker.png) center right no-repeat
}
.bookonline button:hover, .subscribe button:hover {
	background: #fff;
	border: 1px solid #fff
}
#copy p a:hover, #copy li a:hover, #slideshow .offer a:hover, nav ul li.book a:hover {
	background: #a97057;
	color: #fff
}
#copy .faq .question a:hover {
	background: #a97057;
	color: #fff!important
}
#copy .column > div h3 a:hover {
	color: #a97057
}
#copy .column > div h3 a:hover span {
	background: #a97057;
	color: #fff
}
#form input:hover, #form textarea:hover, #form input:focus, #form textarea:focus {
	border-bottom: 2px solid #e2dfda
}
#form input[type=submit]:hover {
	background: #a97057
}
footer p a:hover {
	color: #495873
}
footer .social ul li a:hover {
	background-position: bottom left
}
.bookonline button:hover, .subscribe button:hover, #copy p a:hover, #copy li a:hover, #slideshow .offer a:hover, nav ul li.book a:hover, #copy .faq .question a:hover, #form input[type=submit]:hover {
	-webkit-animation-name: push;
	animation-name: push;
	-webkit-animation-duration: .2s;
	animation-duration: .2s;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}
}
@media only screen and (max-width:1960px) {
#home #slideshow {
	min-height: 1000px!important
}
#slideshow {
	min-height: 800px
}
}
@media only screen and (max-width:1860px) {
nav ul li {
	margin: 0 20px
}
nav ul li:first-child {
	margin: 0 20px 0 0
}
nav ul li:last-child {
	margin: 0 0 0 20px
}
#home #slideshow {
	min-height: 900px!important
}
#slideshow {
	min-height: 750px
}
#slideshow .quote {
	top: 48.5%
}
#slideshow .offer {
	top: 56.5%
}
.boxes .column .pad .text p a {
	font:normal 33px/38px Arial, Helvetica, sans-serif
}
.boxes .column .pad .reviews p {
	padding: 75px 50px 0
}
.boxes .column .pad .reviews p a span em {
	left: 125px
}
.bookonline form, .subscribe form {
	padding: 20px 30px
}
#form input, #form select, #form textarea {
	width: 48%
}
#form textarea {
	width: 100%
}
}
@media only screen and (max-width:1760px) {
#home #slideshow {
	min-height: 800px!important
}
#slideshow {
	min-height: 700px
}
#copy ul.left, #copy ul.right {
	width: 45%
}
.boxes .column .pad .text p {
	padding: 40px 50px 0
}
.boxes .column .pad .text p a {
	font:normal 30px/35px Arial, Helvetica, sans-serif
}
.bookonline form, .subscribe form {
	padding: 20px
}
.bookonline input, .subscribe input {
	width: 39%
}
}
@media only screen and (max-width:1700px) {
nav ul li {
	margin: 0 15px
}
nav ul li:first-child {
	margin: 0 15px 0 0
}
nav ul li:last-child {
	margin: 0 0 0 15px
}
}
@media only screen and (max-width:1660px) {
nav ul li {
	margin: 0 10px
}
nav ul li:first-child {
	margin: 0 10px 0 0
}
nav ul li:last-child {
	margin: 0 0 0 10px
}
#home #slideshow {
	min-height: 800px!important
}
#slideshow {
	min-height: 650px
}
#copy {
	margin: -80px 0 0
}
#copy h1 {font-family: 'university-oldstylebook'; font-size:60px; line-height:60px; font-weight:normal;
	/*font: 300 52px/52px Lato, arial;*/
	margin: 0 0 55px
}
#copy p.intro, #copy h2 {font-family: 'university-oldstylebook'; font-size:24px; line-height:31px; font-weight:bold;
	/*font: 300 24px/31px Lato, arial*/
}
#copy .formbox h2 {
	font: 300 52px/52px Lato, arial
}
.boxes .column .pad .text p {
	padding: 30px 50px 0
}
.boxes .column .pad .text p a {
	font:normal 28px/33px Arial, Helvetica, sans-serif
}
.bookonline p, .subscribe p {font-family: 'university-oldstylebook'; font-size:62px; line-height:62px; font-weight:normal;
	/*font: 100 62px/62px Lato, arial;*/
	margin: 15% 0 0
}
.bookonline p span, .subscribe p span {
	font: 400 35px/35px pbh, arial
}
}
@media only screen and (max-width:1560px) {
nav ul li.guestbook {
	display: none
}
nav ul li ul li.guestbook {
	display: block!important
}
#home #slideshow {
	min-height: 700px!important
}
#slideshow {
	min-height: 600px
}
#slideshow .quote {
	top: 48.5%
}
#slideshow .offer {
	top: 57%
}
#copy ul.left, #copy ul.right {
	width: 44.5%
}
.boxes .column .pad .text p {
	padding: 25px 50px 0
}
.boxes .column .pad .text p a {
	font:normal 26px/31px Arial, Helvetica, sans-serif
}
.boxes .column .pad .image p {
	top: 37%
}
.boxes .column .pad .reviews p {
	padding: 40px 40px 0
}
.bookonline input, .subscribe input {
	width: 38%
}
}
@media only screen and (max-width:1460px) {
nav ul li {
	margin: 0 5px
}
nav ul li:first-child {
	margin: 0 5px 0 0
}
nav ul li:last-child {
	margin: 0 0 0 5px
}
#home #slideshow {
	min-height: 700px!important
}
#slideshow {
	min-height: 550px
}
#slideshow .quote {
	top: 49.5%
}
#slideshow .offer {
	top: 59%
}
#copy ul.left, #copy ul.right {
	width: 44%
}
.boxes .column .pad .text p {
	padding: 20px 50px 0
}
.boxes .column .pad .text p a {
	font: 300 24px/28px Lato, arial
}
.boxes .column .pad .text p a span {
	bottom: -40px;
	font: 400 14px/14px Lato, arial
}
.boxes .column .pad .reviews p {
	padding: 50px 40px 0
}
.boxes .column .pad .reviews p a em {
	top: -10px;
	left: -10px;
	font: 400 52px/52px Lato, arial
}
.boxes .column .pad .reviews p a span {
	bottom: -100px
}
.bookonline p, .subscribe p {
	font: 100 55px/55px Lato, arial
}
.bookonline p span, .subscribe p span {
	font: 400 30px/30px pbh, arial
}
.bookonline input, .subscribe input {
	width: 37%
}
footer span {
	display: none
}
footer span.year, footer span.st_sharethis_custom {
	display: inline-block
}
footer .social ul li a {
	left: auto;
	right: -30px
}
footer .st_sharethis_custom {
	top: 5px!important;
	left: auto;
	right: -30px
}
}
@media only screen and (max-width:1400px) {
header .email {
	display: none
}
nav {
	top: 120px;
	left: auto;
	right: 130px
}
nav ul li a {
	/*color: #bcb6b4*/
}
nav ul li.seaplanes, nav ul li.guestbook {
	display: inline-block
}
nav ul li ul {
	padding: 35px 0 0
}
}
@media only screen and (max-width:1360px) {
#home #slideshow {
	min-height: 600px!important
}
#slideshow {
	min-height: 500px
}
#slideshow .quote {
	top: 50%
}
#slideshow .offer {
	top: 60%
}
#slideshow .quote a, .boxes .column .pad .image p a {
	font: 300 25px/25px Lato, arial
}
#slideshow .quote a span, .boxes .column .pad .image p a span {
	top: 16px
}
#copy ul.left, #copy ul.right {
	width: 43%
}
.boxes .column .pad .text p a {
	font: 300 22px/26px Lato, arial
}
.boxes .column .pad .reviews p {
	padding: 50px 40px 0
}
.bookonline input, .subscribe input {
	width: 36%
}
.bookonline button, .subscribe button {
	font: 300 25px/25px Lato, arial
}
}
@media only screen and (max-width:1260px) {
header .logo {
	top: 55px
}
#home #slideshow {
	min-height: 500px!important
}
#slideshow {
	min-height: 500px
}
#slideshow .quote {
	top: 50%
}
#slideshow .offer {
	top: 61%
}
#copy {
	width: auto;
	padding: 0 40px 80px;
	text-align: left
}
.gallery h1 {
	margin: 0!important;
	padding: 0 0 0 40px !important
}
.centre {
	width: 100%;
	max-width: 100%
}
.boxes .column .pad .text p a {
	font: 300 20px/24px Lato, arial
}
.boxes .column .pad .text p a span {
	bottom: -30px;
	font: 400 12px/12px Lato, arial
}
.boxes .column .pad .reviews p {
	padding: 40px 40px 0
}
.boxes .column .pad .reviews p a span {
	bottom: -100px
}
.bookonline p, .subscribe p {
	font: 100 50px/50px Lato, arial;
	margin: 15% 0 40px;
	clear: both
}
.bookonline p span, .subscribe p span {
	display: none
}
.bookonline input, .subscribe input {
	width: 34%;
	padding: 20px
}
.bookonline input {
	background: #4f4845
}
.bookonline input:hover {
	background: #47413e
}
}
@media only screen and (max-width:1160px) {
header {
	position: absolute;
	top: -30px;
	width: 100%;
	padding: 0
}
#home #slideshow {
	min-height: 400px!important
}
#slideshow {
	margin: 140px 0 0;
	min-height: 400px
}
#slideshow .quote {
	top: 41%
}
#slideshow .offer {
	top: 52%
}
#slideshow a.nav {
	bottom: 55%!important
}
a.nav {
	bottom: 45%
}
#copy ul.left, #copy ul.right {
	width: 42%
}
.boxes .column .pad .image p {
	top: 32%
}
.boxes .column .pad a.nav {
	bottom: 57%
}
.boxes .column .pad .text p {
	padding: 15px 40px 0
}
.boxes .column .pad .text p a {
	font: 400 18px/22px Lato, arial
}
.boxes .column .pad .text p a strong {
	font-weight: 600
}
.boxes .column .pad .reviews p {
	padding: 40px 40px 0
}
.boxes .column .pad .reviews p a span {
	display: none
}
.bookonline p, .subscribe p {
	font: 100 46px/46px Lato, arial;
	margin: 13% 0 40px
}
.bookonline input, .subscribe input {
	width: 32%;
	font: 16px/16px Lato, arial
}
.bookonline button, .subscribe button {
	font: 400 20px/20px Lato, arial
}
#copy .column {
	-moz-column-count: 2;
	-moz-column-gap: 10px;
	-webkit-column-count: 2;
	-webkit-column-gap: 10px;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 10px;
	-moz-column-gap: 10px;
	column-gap: 10px
}
}
@media only screen and (max-width:1100px) {
#slideshow .quote {
	top: 40%
}
#slideshow .offer {
	top: 52%
}
}
@media only screen and (max-width:1060px) {
.scrollelement, .scrollelement2 {
	opacity: 1!important
}
nav ul li ul {
	display: none!important
}
video, #homevideo {
	display: none
}
#slideshow {
	min-height: 400px
}
#slideshow .quote {
	top: 39%
}
#slideshow .offer {
	top: 52%
}
#slideshow .quote a, .boxes .column .pad .image p a {
	font: 300 20px/20px Lato, arial;
	padding: 13px 20px 15px
}
#copy ul.left, #copy ul.right {
	width: 41%
}
.pager {
	display: none!important
}
.boxes .column .pad a.nav {
	bottom: 57%
}
.boxes .column .pad .text p a {
	font: 400 16px/20px Lato, arial
}
.boxes .column .pad .reviews p {
	padding: 30px 40px 0
}
.boxes .column .pad .reviews p a span {
	bottom: -65px
}
.boxes .column .pad .reviews p a span em {
	left: 25px
}
.boxes .column .pad .image p {
	top: 34%
}
.boxes .column .pad .image img {
	-webkit-transform: scale(1);
	transform: scale(1)
}
.boxes .column .pad .over img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-filter: sepia(0);
	-moz-filter: sepia(0);
	filter: sepia(0);
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1
}
.bookonline p, .subscribe p {
	font: 100 44px/44px Lato, arial
}
.bookonline input, .subscribe input {
	width: 30%;
	padding: 13px 20px 15px
}
.bookonline button, .subscribe button {
	font: 400 20px/20px Lato, arial;
	padding: 13px 20px 15px
}
#form input, #form select, #form textarea {
	width: 47%
}
#form textarea {
	width: 100%
}
}
@media only screen and (max-width:1000px) {
nav ul li.seaplanes {
	display: none
}
.floorplans {
	width: 100%;
	height: auto
}
}
@media only screen and (max-width:960px) {
header .logo img {
	width: 390px;
	height: 75px
}
#slideshow {
	min-height: 350px
}
#slideshow .quote {
	top: 38%
}
#slideshow .offer {
	top: 53%
}
#slideshow .quote, #slideshow .offer {
	display: none
}
#slideshow a.nav {
	bottom: 42%
}
#copy ul.left, #copy ul.right {
	width: 90%;
	float: none;
	display: block
}
.boxes .column .pad .text p {
	padding: 15px 30px 0
}
.boxes .column .pad .text p span {
	display: none
}
.boxes .column .pad .image p {
	top: 32%
}
.boxes .column .pad a.nav {
	bottom: 57%
}
.boxes .column .pad .text p a {
	font: 400 14px/18px Lato, arial
}
.boxes .column .pad .reviews p {
	padding: 25px 40px 0
}
.boxes .column .pad .reviews p a em {
	top: -10px;
	left: -20px
}
.boxes .column .pad .reviews p a span em {
	top: -25px;
	left: 20px;
	font: 400 30px/30px pbh, arial
}
.bookonline p, .subscribe p {
	font: 100 38px/38px Lato, arial
}
.bookonline input, .subscribe input {
	width: 27%
}
}
@media only screen and (max-width:860px) {
header .phone {
	font: 300 30px/30px Lato, arial
}
nav ul li.guestbook {
	display: none
}
#slideshow {
	min-height: 300px
}
.boxes .column .pad .text p {
	padding: 10px 20px 0
}
.boxes .column .pad .reviews p {
	padding: 15px 30px 0
}
.bookonline p, .subscribe p {
	font: 100 32px/32px Lato, arial
}
.bookonline input, .subscribe input {
	width: 25%
}
.bookonline button, .subscribe button {
	font: 400 16px/16px Lato, arial
}
#form input, #form select, #form textarea {
	width: 100%;
	float: none
}
}
@media only screen and (max-width:800px) {
a.anchor {
	top: 0
}
header {
	position: relative;
	top: 0;
	width: 100%;
	height: auto;
	padding: 0
}
header .inner {
	/*background: #495873;*/
	position: relative;
	width: auto;
	max-width: auto;
	height: auto;
	margin: auto;
	padding: 0;
	text-align: center
}
header .logo, header .phone {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 40px 0 20px;
	display: block;
	clear: both;
	text-align: center
}
header .logo a {
	width: 100%;
	text-align: center;
	display: block
}
header .logo a img {
	width: 410px;
	height: 95px;
	margin: 0 auto;
	display: block
}
header .phone {
	font: 300 36px/36px Lato, arial;
	color: #bcb6b4;
	text-align: center;
	padding: 0 0 25px
}
header .phone a {
	color: #bcb6b4
}
header .email {
	display: none
}
nav {
	position: relative;
	border-top: 1px solid #716965!important
}
nav, nav .centre, nav ul, nav li, nav a#pull {
	width: 100%!important;
	margin: 0!important;
	padding: 0!important;
	display: block;
	clear: both
}
nav ul {
	display: none
}
nav {
	position: static;
	max-width: none;
	height: auto;
	min-height: 65px;
	top: 0;
	right: 0;
	margin: 0
}
nav .clearfix:before, nav .clearfix:after {
	content: "";
	clear: both;
	display: table
}
nav .clearfix {
*zoom:1
}
nav li {
	background: #463f3d;
	width: 100%!important;
	height: 65px!important;
	display: block!important;
	float: none;
	border-bottom: 1px solid #4f4845!important
}
nav li:last-child {
	border: none
}
nav li a {
	width: 100%;
	height: 65px!important;
	font: 300 20px/65px Lato, arial!important;
	color: #b7b1af!important;
	border: none!important;
	margin: 0!important;
	padding: 0!important;
	display: block
}
nav li.guestbook, nav li.seaplanes, nav li.enquire {
	display: block!important
}
nav a#pull {
	background: #4f4845;
	position: relative;
	height: 75px;
	font: 300 30px/70px Lato, arial;
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.50);
	text-transform: lowercase;
	border-bottom: 1px solid #fff;
	text-align: center;
	text-transform: lowercase;
	display: block;
	clear: both
}
nav a#pull:after {
	content: "";
	background: url(../../images/nav.png) no-repeat;
	width: 30px;
	height: 30px;
	display: inline-block;
	position: absolute;
	right: 20px;
	top: 30px
}
nav ul li.book {
	display: none!important
}
nav ul li.bookmobile a {
	bottom: 0;
	font: 400 20px/65px Lato, arial!important;
	color: #fff!important
}
nav ul li.bookmobile {
	display: block
}
#container, #slideshow {
	padding: 0
}
#slideshow .bgfade, .remove {
	display: none!important
}
#slideshow {
	min-height: 0;
	margin: 0
}
#slideshow .scroll {
	display: none
}
#slideshow .quote, .boxes .column .pad .image p {
	top: 45%
}
#slideshow .quote a, .boxes .column .pad .image p a {
	font: 300 30px/30px Lato, arial;
	padding: 18px 20px 22px
}
#slideshow .item img {
	display: none
}
#slideshow .item img.mobile {
	display: block
}
#slideshow .quote a em {
	display: none
}
#slideshow a.nav {
	bottom: 53%
}
#slideshow a.nav.prev {
	left: 30px
}
#slideshow a.nav.next {
	right: 30px
}
#home #slideshow {
	display: none!important
}
#copy {
	margin: 0;
	padding: 40px
}
#copy h1 {
	font: 300 60px/60px Lato, arial;
	color: #a2a09a;
	margin: 0 0 30px!important;
	text-shadow: none
}
#copy p.intro, #copy h2 {
	font: 300 26px/33px Lato, arial
}
#copy .column {
	-moz-column-count: 1;
	-moz-column-gap: 0;
	-webkit-column-count: 1;
	-webkit-column-gap: 0;
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
	-webkit-column-gap: 0;
	-moz-column-gap: 0;
	column-gap: 0
}
#copy .column .pagination {
	position: relative;
	bottom: 0;
	left: 0;
	display: block;
	clear: both
}
#copy .formbox h2 {
	font: 300 60px/60px Lato, arial
}
.gallery #slideshow, .gallery main {
	display: none!important
}
.sliders, .sliders .item, .boxes .column .pad .box {
	max-height: 782px
}
.boxes .column {
	width: 100%;
	display: block;
	clear: both
}
.boxes .column .pad .text p {
	padding: 190px 80px 0
}
.boxes .column .pad .text p a {
	font: 300 36px/40px Lato, arial
}
.boxes .column .pad .text p a span {
	bottom: -100px;
	font: 400 16px/16px Lato, arial;
	display: block
}
.boxes .column .pad .text p a:after {
	top: -250px;
	left: -250px
}
.boxes .column.spa .pad .text {
	background: #495873
}
.boxes .column.spa .pad .text p a {
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.50)
}
.boxes .column.spa .pad .text p a span {
	color: #bcb6b4;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.50)
}
.boxes .column.spa .pad .text img {
	-webkit-transition: all 0 ease;
	transition: all 0 ease;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0
}
.boxes .column .pad .reviews p {
	padding: 190px 100px 0
}
.boxes .column .pad .reviews p a em {
	position: absolute;
	top: -15px;
	left: -30px;
	font: 400 72px/72px Lato, arial;
	font-style: normal;
	text-transform: lowercase
}
.boxes .column .pad .reviews p a span {
	bottom: -125px
}
.boxes .column .pad .reviews p a span em {
	top: -35px;
	left: 200px;
	font: 400 40px/40px pbh, arial
}
.boxes .column .pad .image img {
	display: none
}
.boxes .column .pad .image img.mobile {
	display: block
}
.boxes .column .pad .image p {
	top: 40%
}
.boxes .column .pad .image p a {
	font: 300 30px/30px Lato, arial;
	padding: 18px 20px 22px
}
.boxes .column .pad .image p a span {
	top: 71px;
	right: 50%;
	width: 125px;
	height: 35px;
	margin: 0 -63px 0 0;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}
.boxes .column .pad a.nav {
	bottom: 53%
}
.bookonline p, .subscribe p {
	font: 100 72px/72px Lato, arial;
	margin: 25% 0 0
}
.bookonline p span, .subscribe p span {
	top: 15px;
	font: 400 40px/40px pbh, arial;
	display: block
}
.bookonline form, .subscribe form {
	width: auto;
	margin: 25px 0 0;
	padding: 20px;
	display: block
}
.bookonline input, .subscribe input {
	width: 43%;
	padding: 26px 20px
}
.bookonline input {
	background: #4f4845 url(../../images/datepicker.png) center right no-repeat;
	cursor: pointer
}
.bookonline input:hover, .bookonline input:focus {
	background: #4f4845 url(../../images/datepicker.png) center right no-repeat
}
.bookonline button, .subscribe button {
	font: 300 30px/30px Lato, arial;
	margin: 35px 0 0;
	padding: 15px 25px 20px
}
footer {
	overflow: hidden
}
footer p {
	margin: 0 0 0 25px
}
footer p > a {
	display: none
}
footer .social ul li a {
	left: -10px;
	right: auto
}
footer .st_sharethis_custom {
	bottom: -5px;
	left: -10px;
	right: auto
}
}
@media only screen and (max-width:760px) {
.boxes .column .pad .text p {
	padding: 125px 70px 0
}
.bookonline p, .subscribe p {
	font: 100 72px/72px Lato, arial;
	margin: 25% 0 0
}
.bookonline p span, .subscribe p span {
	top: 15px;
	font: 400 40px/40px pbh, arial;
	display: block
}
.bookonline form, .subscribe form {
	width: auto;
	margin: 25px 0 0;
	padding: 20px;
	display: block
}
.bookonline input, .subscribe input {
	width: 42%;
	padding: 26px 20px
}
.bookonline input {
	background: #4f4845 url(../../images/datepicker.png) center right no-repeat;
	cursor: pointer
}
.bookonline input:hover, .bookonline input:focus {
	background: #4f4845 url(../../images/datepicker.png) center right no-repeat
}
.bookonline button, .subscribe button {
	font: 300 30px/30px Lato, arial;
	margin: 35px 0 0;
	padding: 15px 25px 20px
}
}
@media only screen and (max-width:660px) {
#copy h1 {
	font: 300 52px/52px Lato, arial
}
#copy .formbox h2 {
	font: 300 52px/52px Lato, arial
}
#slideshow .quote a, .boxes .column .pad .image p a {
	font: 300 25px/25px Lato, arial
}
.boxes .column .pad .text p {
	padding: 90px 90px 0
}
.boxes .column .pad .text p a {
	font: 300 32px/36px Lato, arial
}
.boxes .column .pad .text p a span {
	bottom: -50px
}
.boxes .column .pad .image p a span {
	top: 66px
}
.boxes .column .pad .reviews p {
	padding: 150px 80px 0
}
.boxes .column .pad .reviews p a em {
	left: -25px
}
.boxes .column .pad .reviews p a span {
	bottom: -125px
}
.boxes .column .pad .reviews p a span em {
	left: 150px
}
.bookonline p, .subscribe p {
	margin: 20% 0 0
}
.bookonline input, .subscribe input {
	width: 41%
}
footer {
	padding: 10px 0;
	text-align: center
}
footer p {
	margin: 25px auto 0
}
footer p a {
	display: inline-block
}
footer p a.lloa, footer p a.pd {
	margin: 25px auto;
	padding: 0;
	display: block;
	clear: both
}
footer p a.lloa {
	margin: 0 auto 25px
}
footer .social ul li a {
	left: 0;
	right: auto
}
footer .st_sharethis_custom {
	bottom: -5px;
	left: 0;
	right: auto
}
}
@media only screen and (max-width:600px) {
#copy {
	margin: 0;
	padding: 40px 20px
}
a.nav {
	bottom: 15%!important
}
a.nav.prev {
	left: 75%!important
}
a.nav.next {
	right: 30px!important
}
#slideshow a.nav {
	bottom: 15%!important
}
.boxes .column .pad .reviews p {
	padding: 100px 80px 0
}
.boxes .column .pad .reviews p a em {
	left: -20px
}
.boxes .column .pad .reviews p a span {
	bottom: -125px
}
.boxes .column .pad .reviews p a span em {
	left: 110px
}
}
@media only screen and (max-width:560px) {
.bookonline p, .subscribe p {
	font: 100 62px/62px Lato, arial;
	margin: 15% 0 0
}
.bookonline p span, .subscribe p span {
	font: 400 35px/35px pbh, arial
}
.bookonline input, .subscribe input {
	width: 39%
}
.boxes .column .pad .text p {
	padding: 75px 50px 0
}
.boxes .column .pad .text p a {
	font: 300 26px/30px Lato, arial
}
.boxes .column .pad .image p {
	top: 38%
}
.boxes .column .pad .reviews p {
	padding: 80px 80px 0
}
.boxes .column .pad .reviews p a em {
	left: -15px
}
.boxes .column .pad .reviews p a span {
	bottom: -125px
}
.boxes .column .pad .reviews p a span em {
	left: 80px
}
}
@media only screen and (max-width:510px) {
.boxes .column .pad .reviews p {
	padding: 50px 80px 0
}
}
@media only screen and (max-width:460px) {
header .logo a img {
	width: 80%;
	height: auto
}
header .phone {
	font: 300 30px/36px Lato, arial
}
#slideshow .quote a, .boxes .column .pad .image p a {
	font: 300 20px/20px Lato, arial;
	padding: 13px 20px 15px
}
#copy h1 {
	font: 300 42px/42px Lato, arial
}
#copy .formbox h2 {
	font: 300 42px/42px Lato, arial
}
#copy p.intro, #copy h2 {
	font: 300 19px/27px Lato, arial
}
.boxes .column .pad .text p {
	padding: 35px 50px 0
}
.boxes .column .pad .text p a {
	font: 300 24px/28px Lato, arial
}
.boxes .column .pad .image p {
	top: 38%
}
.boxes .column .pad .image p a span {
	display: none
}
.boxes .column .pad .reviews p {
	padding: 50px 70px 0
}
.boxes .column .pad .reviews p a em {
	font: 400 52px/52px Lato, arial;
	left: -25px
}
.boxes .column .pad .reviews p a span {
	bottom: -75px
}
.boxes .column .pad .reviews p a span em {
	left: 50px
}
.bookonline form, .subscribe form {
	margin: 10px 0 0
}
.bookonline p, .subscribe p {
	font: 100 55px/55px Lato, arial;
	margin: 13% 0 0
}
.bookonline p span, .subscribe p span {
	font: 400 30px/30px pbh, arial
}
.bookonline input, .subscribe input {
	width: 36%
}
.bookonline button, .subscribe button {
	font: 300 25px/25px Lato, arial;
	margin: 25px 0 0
}
}
@media only screen and (max-width:420px) {
.boxes .column .pad .text p {
	padding: 35px 50px 0
}
.boxes .column .pad .text p a {
	font: 300 20px/24px Lato, arial
}
}
@media only screen and (max-width:380px) {
#slideshow .quote {
	display: none
}
a.nav {
	bottom: 20%!important
}
a.nav.prev {
	left: 70%!important
}
#slideshow a.nav {
	bottom: 20%!important
}
.boxes .column .pad .text p {
	padding: 35px 35px 0
}
.boxes .column .pad .text p a {
	font: 400 18px/22px Lato, arial
}
.boxes .column .pad .text p a strong {
	font-weight: 600
}
.boxes .column .pad .image p {
	top: 35%
}
.bookonline p, .subscribe p {
	font: 100 50px/50px Lato, arial
}
.bookonline p span, .subscribe p span {
	display: none
}
.bookonline input, .subscribe input {
	width: 34%;
	font: 16px/16px Lato, arial;
	padding: 20px
}
.bookonline input {
	background: #4f4845
}
.bookonline input:hover {
	background: #47413e
}
.bookonline button, .subscribe button {
	font: 400 20px/20px Lato, arial
}
}
@media only screen and (max-width:340px) {
#copy h1 {
	font: 300 32px/32px Lato, arial
}
#copy .formbox h2 {
	font: 300 32px/32px Lato, arial
}
.boxes .column .pad .text p a {
	font: 400 16px/20px Lato, arial
}
.boxes .column .pad .text p a span {
	bottom: -30px;
	font: 400 12px/12px Lato, arial
}
.boxes .column .pad .reviews p {
	padding: 30px 50px 0
}
.boxes .column .pad .reviews p a em {
	font: 400 52px/52px Lato, arial;
	top: -10px;
	left: -25px
}
.boxes .column .pad .reviews p a span {
	bottom: -60px
}
.boxes .column .pad .reviews p a span em {
	left: 25px
}
.bookonline p, .subscribe p {
	font: 100 44px/44px Lato, arial
}
.bookonline input, .subscribe input {
	width: 32%
}
}
@media only screen and (max-width:310px) {
.boxes .column .pad .reviews p a span em {
	left: 10px
}
.bookonline input, .subscribe input {
	width: 30%
}
}