.ui-widget {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 0.8em !important;
}

body.BEACHHOUSE header .button {
	background-color:#94AFB5;
}

#pop {
	display:none;
	position:fixed; top:50%; left:50%; transform:translate(-50%, -50%);  width:90%; max-width:800px; border-radius:5px; z-index:10;
	padding:20px; border:1px solid #999; background-color:#fff;
}


#bg {display:none; position:fixed; top:0; width:100%; height:100%; z-index:5; background-color:rgba(0,0,0,0.2);}

#page-children {grid-column: span 14;}

header {
	background-color:#FFF7F7;
}

body.BEACHHOUSE header, body.BEACHHOUSE footer {
	background-color:#E3F0F2;
}

/* Container */
.container {width:100%; transform-style: preserve-3d;}

/* NAV */

#mobile-menu {
	
	display:none;
	width:46px;
	height:40px;
	position:absolute;
	right:0;
	top:0;
	background-image:url("siteimages/menu.png");
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: 50%;
	
}

.active #mobile-menu {
	
	background-image:url("siteimages/close.png");
	background-size: 60%;
	
}

header nav {
	width:100%;
	height:84px;
	max-width:1270px;
    margin: 0 auto;
}

header nav a {text-decoration: none;}
header nav .current a {}
header nav .menu.l1 > li {
	
	font-size:18px;
	text-align: center;
	color:#235134;
	
	grid-column: span 2;
    grid-row: 1;
	
	display: flex;
	align-items: center;
	justify-content: center;
	
	height:84px;
	
}

header nav .menu.l1 > li:nth-child(-n+4) {
	justify-content:left;
}

header nav .menu.l1 > li.book-now {
	justify-content:right;
}

header nav .menu.l1 > li:hover a, header nav .menu.l1 > li.current a {
	
	text-decoration: underline;
	color:#235134;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	
}

header nav .menu.l1 > li.home-menu {display:none;}

.BEACHHOUSE nav .menu.l1 > li a, .BEACHHOUSE nav .menu.l1 > li:hover a, .BEACHHOUSE header nav .menu.l1 > li.current a {
	

	color:#223A4D;
	
}

header nav .menu.l1 > li.logo a {
	
	background-image:url(siteimages/logo.png);
	background-size:68px;;
	background-repeat: no-repeat;
	background-position:50%;
	width:100%;
	height:100%;
	display:block;
	
}

body.BEACHHOUSE nav .menu.l1 > li.logo a {
	
	background-image:url(siteimages/logo-bh.png);
	
}

header nav .menu.l1 > li.logo a span {
	
	display:none;
	
}

div.logo-full {
	
	background-image: url(siteimages/logo.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 32px;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 100%;
}

header nav .l2 {display:none;}

footer .nav-up {
	display:none;
}
footer.nav .nav-up {
	display:block;
}

footer {background-color:#F3EEE8; height:200px; position:relative;}
footer.nav {height:380px;}

footer > nav.wrapper12 {
	
	align-items: self-end;
    justify-items: center;
    height: 100%;
	max-width:1270px;
	grid-column-gap: 0;
	
}

footer .logo-full {
	position: relative;
    display: block;
    margin-bottom: 0px;
    left: 0;
	background-position: 50% 50%;
    background-size: auto 74px;
	height: 109px;
	width: 270px;
}

body.BEACHHOUSE footer .logo-full {
	
	background-image:url(siteimages/logo-bh.png);
	
}

footer > nav > div {grid-column: span 4; text-align: center; color: #235134;}
footer > nav > div:nth-child(1) {text-align:left; justify-self: left;}
footer > nav > div:nth-child(3) {text-align:right; justify-self: right;}
footer h3, footer p {font-family: 'Open Sans', sans-serif;}
footer h3 {font-size:21px; text-transform:uppercase; margin-bottom:0;}
footer p {font-size:21px; font-weight:300;}

html {
 /* overflow: hidden; */
}

#site {
	/*
	perspective: 3px;
    overflow-x: hidden;
    overflow-y: auto;
	height: 100vh;
   -ms-overflow-style: none;
 	scrollbar-width: none;
	transform-style: preserve-3d;
	*/
}

#map-scroll {
	z-index:10;
	display:none;
	background-image:url('../images/map/compass.svg');
	background-size:contain;
	background-repeat: no-repeat;
	position:fixed;
	width:80px;
	height:80px;
	cursor:none;
}

#map-nav {
	
	display:block;
	opacity:0;
	z-index:10;
	position:fixed;
	top:calc(50% - 90px);
	right:40px;
	width:100px;
	height:200px;
	
}

#map-nav > #zoom-in {

	top:50px;
	background-image:url('../images/map/cross.svg');

}
	
#map-nav > #zoom-out {
	
	top:160px;
	background-image:url('../images/map/minus.svg');
	
}

#map-nav > div {
    border-radius: 100%;
    width: 80px;
    height: 80px;
    background-color: #255135;
    box-shadow: 1px 1px 1px 1px #555;
    position: absolute;
    top: 0;
    right: 10px;
	background-repeat:no-repeat;
	background-position: 50%;
	background-size: 60%;
}

#map-mangerton h1 {margin-top:0; margin-bottom:0;}

#map-mangerton {
	
	position:fixed;
	opacity:0;
    top: 150px;
    width: 100%;
    text-align: center;
    color: #255135;
	z-index: 10;
	
}

#map-mangerton p:first-of-type {
    margin-top:40px;
}

#map-mangerton > div {
    max-width: 800px;
    margin: 0 auto;
}

.menu-wrap {display:block;}


.nav-down, .nav-up {
	
	width:132px;
	height:132px;
	border-radius:66px;
	border:1px solid #fff;
	position:absolute;
	right:65px;
	bottom:65px;
	background-image:url('siteimages/down-arrow-detail.svg');
	background-size:60%;
	background-position:50%;
	background-repeat: no-repeat;
	
	animation-duration: 1s;
	animation-name: bounce;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	
	cursor:pointer;
	
}

.nav-up {
	
	animation:none;
	transform: rotate(180deg);

    left: calc(50% - 66px);
    background-color: #7B937F;
    top: 90px;
	border:none;
	
}

.BEACHHOUSE .nav-up {
	background-color: #779AA0;
}

.layout-1 .gallery {
	
	grid-column: span 14;
	width:100%;
	position:relative;

}

.layout-1 .gallery-wrapper {
	
	height:840px;
	width:100%;
	position:relative;
	overflow:hidden;

}


.layout-1 div.order div.page-content .button, .layout-1 div.order div.explore-content .button {
    margin-top: 1em;
    background-color: #7B937F;
}

.BEACHHOUSE .layout-1 div.order div.page-content .button, .BEACHHOUSE .layout-1 div.order div.explore-content .button {
    background-color: #779AA0;
}

.layout-1 .gallery-wrapper .gallery-images {

	height:100%;
	position:absolute;

}

.layout-1 .gallery-wrapper .gallery-nav {
	
	position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
	
}

.layout-1 .gallery-wrapper .gallery-nav > div, .layout-1 .page-nav {
	
	position:absolute;
	width:100px;
	height:100px;
	border-radius:50px;
	background-color: rgba(123,147,127,0.9);
	opacity:0.7;
	
	top:calc(50% - 50px);
	
	background-image:url('siteimages/down-arrow-detail.svg');
	background-size:60%;
	background-position:50%;
	background-repeat: no-repeat;
	
	cursor:pointer;
	webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	
}

.layout-1 .page-nav {
	
	width:132px;
	height:132px;
	border-radius:66px;
	right:85px;
	transform: rotate(270deg);
	background-color: transparent;
	border-color:#fff;
	border: 1px solid #fff;
    opacity: 1;
	
}

.layout-1 .page-nav > a {
	
	display:block;
	width:100%;
	height:100%;
	
}

.layout-1 .grid.content-50 {
	
	display:grid;
	grid-template-columns: repeat(14, [col] 1fr);
    grid-column-gap: 2em;
    grid-row-gap: 0;
	
}

.layout-1 .grid.content-50 > div {
	
	grid-column:auto / span 7; 
	
}

.layout-1 .grid.content-50 > div {
	
	grid-column:auto / span 7;
	text-align: left;
	
}

.layout-1 .grid.map-item {
	
	background-color: #F5E9D1;
	
}

body.BEACHHOUSE .layout-1 .grid.map-item {
	
	background-color: #CBD9DB;
	
}


.layout-1 .grid.map-item > div:nth-child(1) {
	
	grid-column:span 4;
	text-align: left;
	
}

.layout-1 .grid.map-item > div:nth-child(2) {
	
	grid-column:span 10;
	margin:60px;
	position:relative;
	height:25em;
	
}

.layout-1 .grid.map-item > div:nth-child(2) button {
	
	color:#666 !important;
	
}



.layout-1 .grid.book-item > div:nth-child(2) {
	
	padding:1em;
	display:grid;
	align-items: center;
	justify-items: center;
	grid-template-columns: 100%;
	background-color:white !important;
	
}

.layout-1 .grid.book-item .availability {
	
	padding:2em 0;
	
}

.layout-1 .grid.book-item iframe {
	
	width:560px;
	
}

.layout-1 .grid.book-item h3 {
    font-size: 36px;
    font-family: 'Playfair Display', serif;
}

.layout-1 .grid.content-50 > div {
	grid-column:auto / span 7;
	text-align: left;
}

.layout-1 .gallery-wrapper .gallery-nav > div:hover {
	

	background-color: rgba(123,147,127,1);
	opacity:1;
	
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	

}

.layout-1 .gallery-wrapper .gallery-nav .next {
	right:50px;
	transform: rotate(270deg);
}

.layout-1 .gallery-wrapper .gallery-nav .prev {
	left:50px;
	transform: rotate(90deg);
}

.layout-1 .gallery-wrapper .gallery-images > div {

	max-width:1500px;
	background-size:cover;
	background-position:50%;
	float:left;
	
	width: 1500px;
    height: 840px;
	
	opacity:0;
	
}

.layout-1 .gallery-wrapper .gallery-images > div > img {

	display:block;
	opacity:0;
	max-width:100%;
	max-height:100%;
	
}

.layout-1 .gallery-wrapper .gallery-images > div:last-child::after {

	content:'';
	clear:both;
	
}

.gallery-count {
	
	height:100px;
	line-height:100px;
	vertical-align:middle;
	text-align: center;
	font-family: 'Playfair Display', serif;
	font-size:30px;
	
}

.layout-1 div.page-quote-item, .layout-1 div.page-internal-item {
	
	overflow:hidden;
	
}

.layout-1 div.page-quote-item .title-content {
	
	position:relative;
	background-image:url('siteimages/bg-green.jpg');
	
}

.layout-1 div.page-internal-item .title-content {
	
	position:relative;
	background-image:url('siteimages/bg-pink.jpg');
	
}

body.BEACHHOUSE .layout-1 div.page-internal-item .title-content {
	
	position:relative;
	background-image:url('siteimages/bg-blue.jpg');
	
}


.layout-1 div.page-quote-item .title-content h2 {
	
	color:white;
	max-width:720px;
	position:relative;
	margin-top: 160px;
	
}

.layout-1 div.page-internal-item .title-content h2 {
	
	color:white;
	position:relative;
	
}


.layout-1 div.page-quote-item .title-content .q1 {

	top: 38px;
    left: 70px;
	
}

.layout-1 div.page-quote-item .title-content .q1, .layout-1 div.page-quote-item .title-content .q2 {
	
	display:block;
	position:absolute;
	font-size:240px;
	color:white;
	
	font-family: 'Playfair Display', serif;
    font-weight: 400;
	line-height: 1;
	
}

.layout-1 div.page-quote-item .title-content .q2 {
	
	display: inline-block;
    margin-bottom: 20px;
    line-height: 0.8;
	    margin-left: 0.1em;
	
}

.layout-1 div.page-links-item h3 {font-size:36px;}
.layout-1 div.page-links-item .page-content > div:nth-child(2) > div  {margin-bottom:70px;}
.layout-1 div.page-links-item .page-content > div:nth-child(2) > div:last-child  {margin-bottom:0;}
.layout-1 div.order.page-links-item div.page-content .button { margin-top: 10px; background-color:#C2CCC3; }

/* Hide scrollbar for Chrome, Safari and Opera */

.container-list::-webkit-scrollbar {
  /*display: none;*/
}


/* LAYOUTS */
.layout-1 > h1 {
	
	grid-column: span 14;
	text-align: center;
	
}

.layout-1 .order {

	grid-column: span 14;

}

.layout-1 .order > div[class$="-content"], .layout-1 div[class$="-content"] {
	
	grid-column: span 14;
	text-align: center;
	color:#2A563A;
	
}

.BEACHHOUSE .layout-1 .order > div[class$="-content"], .BEACHHOUSE .layout-1 div[class$="-content"] {

	color:#223A4D;
	
}

.layout-1 .order > div[class$="-content"] p, .layout-1 div[class$="-content"] p {
	
	max-width:850px;
	
}

.layout-1 div.title-content {

	padding:0;
	color:white !important;
	position:relative;
	overflow:hidden;
	padding-bottom: 120px;
	text-align: left;
	
}

.layout-1 div.title-content > div.image-cover {
	
	background-color:#ddd;
	color:white;
	transform:scale(1);
	filter:none;
    z-index: -2;
    height: 100%;
	width:100%;
	top:0;
	position:absolute;
	background-image:url('siteimages/bg-green.jpg');
	background-size:cover;
	background-position:center;
	
}


body.BEACHHOUSE .layout-1 div.title-content > div.image-cover {
	
	background-image:url('siteimages/bg-blue.jpg');
	
}

.layout-1 div.title-content h2 {
	
	margin: 120px 85px auto 85px;
	font-size:80px;
	line-height:100px;
	max-width:910px;
	text-align: left;
	
}

.layout-1 div.title-content p {
	
	margin-left: 85px;
	margin-top:30px;
	font-size:30px;
	line-height:41px;
	max-width:910px;
	text-align: left;
	
}

.layout-1 div.order div.text-content {

	padding: 80px 294px 120px 294px;
	background-color: #FEF4F4;
	color:white;
	text-align: center;
	
}

.layout-1 div.order div.text-content p {
	
	font-size:36px;
	line-height:50px;
	color:#235134;
	font-family: 'Playfair Display', serif;
	margin:0;
	
}

.layout-1 .order > div.text-main-content {
	
	background-color:#F5E9D1;
	padding:85px;
	
}

body.BEACHHOUSE .layout-1 .order > div.text-main-content {
	
	background-color: #CBD9DB;
	
}

.layout-1 .order:nth-child(even) > div.text-main-content {
	
	background-color:#FEF4F4;
	color: #555;
	
}

.layout-1 .order > div.text-main-content p {
	
	margin:auto;
	
}

.layout-1 .order > div.text-main-content .gallery-image {
	
	margin-top:85px;
	
}

.layout-1 .order > div.text-main-content .gallery-image img {
	
	width:100%;
	height:auto;
	
}

.layout-1 .order > div.image-content {

	height:700px;
	padding:0;
	position:relative;
	overflow:hidden;
	
}

.layout-1 .order > div.image-content > div.image-cover {
	transform:scale(1.8);
	filter:none;
    z-index: -2;
    height: 100%;
	width:100%;
	position: absolute;
    top: 0;
}

.layout-1 > div.form-content {
	
}

.layout-1 > div.form-content form {

	text-align: center;
	
}

.layout-1 div.order div.page-content {

	position:relative;
	display: grid;
    grid-template-columns: repeat(14, [col] 1fr);
    grid-column-gap: 0;
    grid-row-gap: 0;
	padding:0;
	
}

.layout-1 div.order div.page-content .button, .layout-1 div.order div.explore-content .button {

	margin-top:1em;
	background-color: #7B937F;
	
}

.BEACHHOUSE .layout-1 div.order div.page-content .button, .BEACHHOUSE  .layout-1 div.order div.explore-content .button {
	background-color: #779AA0;
}

.layout-1 div.order div.page-content h2 {

	font-size:60px;
	
}

.layout-1 div.page-content > div:nth-child(1) {

	grid-column: span 7;
	padding:60px;
	
}

.page-list-item.no-pad, .no-pad .text-main-content {padding:0 !important;}

.layout-1 .order.page-list3-item:nth-child(odd) div.explore-content > div:nth-child(1), .layout-1 .order.page-explore-item:nth-child(odd) div.explore-content > div:nth-child(1), .layout-1 .order.page-list-item:nth-child(odd) div.page-content > div:nth-child(1), .layout-1 .order.page-full-item:nth-child(even) div.page-content > div:nth-child(1), .layout-1 .order.page-links-item:nth-child(odd) div.page-content > div:nth-child(1) {

	order:2;
	
}

.layout-1 .order.page-links-item:nth-child(even) div.page-content > div:nth-child(2), .layout-1 .order.page-full-item:nth-child(even) div.page-content > div:nth-child(2) {
	
	background-color:#FEF4F4;
	
}

.layout-1 div.page-content > div:nth-child(1) > div {

	/*height:100%;*/
	
}

.layout-1 div.page-content > div:nth-child(2) {

	grid-column: span 7;
	background-color:#F5E9D1;
	text-align: left;
	padding: 120px 85px;
	
}

body.BEACHHOUSE .layout-1 div.page-content > div:nth-child(2) {
	
	background-color: #CBD9DB;
	
}

.layout-1 div.order div.explore-content  {

	position:relative;
	display: grid;
    grid-template-columns: repeat(14, [col] 1fr);
    grid-column-gap: 0;
    grid-row-gap: 0;
	padding:0;
	
}

.layout-1 div.explore-content > div:nth-child(1), .layout-1 div.page-list4-item div.page-content > div:nth-child(1) {

	grid-column: span 6;
	padding:20px;
	
}

.layout-1 div.page-list3-item div.explore-content > div:nth-child(1), .layout-1 div.page-list4-item div.page-content > div:nth-child(2) {

	grid-column: span 8;
	
}

/*
.layout-1 .order:nth-child(odd) div.explore-content > div:nth-child(1) {

	order:2
	
}
*/

.layout-1 div.explore-content > div:nth-child(1) > div {

	height:100%;
	
}

#emailcontainer {
	position:relative;
}

#thankyou {
	
	position:absolute;
	width:100%;
	height:100%;
	display:none;
	top:0;
	
}

.layout-1 div.email-item > div:nth-child(1) {
	
	/*grid-column: span 8;*/
	background-color: #FEF4F4;
	/*order: 2;*/
	
}

body.BEACHHOUSE .layout-1 div.email-item > div:nth-child(1) {
	
	/*grid-column: span 8;*/
	background-color: #CBD9DB;
	/*order: 2;*/
	
}

.layout-1 div.email-item > div:nth-child(2) {
	
	background-color:transparent !important;
	padding:20px;
	/*grid-column: span 6;*/
	
	
}

.layout-1 div.page-book-content:nth-child(2) div.book-item > div:nth-child(1) {
	
	order: 2;
	
}

.layout-1 div.email-item input[type=text], .layout-1 div.email-item select, .layout-1 div.email-item textarea {

	margin:0;
	width:100%;
	margin-bottom:1em;
	max-width:100%;
	font-size:0.8em;
	
}

.layout-1 div.email-item textarea {

	height:8em;
	
}

.layout-1 div.email-item input[type=text].error, .layout-1 div.email-item select.error, .layout-1 div.email-item textarea.error {

	border-color:#960404;
	
}

.layout-1 div.email-item .dates {

	display:grid;
	grid-template-columns: calc(50% - 0.5em) calc(50% - 0.5em);
	column-gap:1em;
	
}

.layout-1 div.email-item .date {

	font-size:0.8em;
	
}

.layout-1 div.explore-content > div:nth-child(2) {

	grid-column: span 8;
	background-color:#F5E9D1;
	text-align: left;
	padding: 120px 85px;
	
}

body.BEACHHOUSE .layout-1 div.explore-content > div:nth-child(2) {
	
	background-color: #CBD9DB;
	
}

.layout-1 div.page-list3-item div.explore-content > div:nth-child(2) {
	grid-column: span 6;
}

.layout-1 div.explore-content > div:nth-child(2) h2 {

	color:#235134;
	
}

.layout-1 div.book-item > div:nth-child(2) {
    /*grid-column: span 6;*/
}

.layout-1 div.book-item > div:nth-child(1) {
	
    background-color: #F5E9D1;
    /*grid-column: span 8;*/

}

body.BEACHHOUSE .layout-1 div.book-item > div:nth-child(1) {
	
	background-color: #CBD9DB;
	
}

.layout-1 div.page-book-content:nth-child(2) div.book-item > div:nth-child(1) {
    background-color: #E3F0F2;
}


.BEACHHOUSE .layout-1 div.explore-content > div:nth-child(2) h2, .BEACHHOUSE .layout-1 div.explore-content > div:nth-child(2) p, .BEACHHOUSE div.text-main-content h2, .BEACHHOUSE div.text-main-content p, .BEACHHOUSE footer > nav > div {

	color:#223A4D;
	
}

.layout-1 div.explore-content > div:nth-child(2) p {

	color:#235134;
	
}

.layout-1 .explore-count {
	
	font-family: 'Playfair Display', serif;
	grid-column: span 14;
	width:134px; height:134px;
	border-radius:67px;
	background-color: #E4B4B3;
	color:#fff;position:absolute;
	top: -67px;
    left: calc(50% - 67px);
	font-size:80px;
	line-height:108px;
	vertical-align:middle;
	
	transform:scale(1.1);
	z-index:3;
	filter:none;
	
	-webkit-box-shadow: 1px 1px 1px 1px #999;
	-moz-box-shadow:    1px 1px 1px 1px #999;
	box-shadow:         1px 1px 1px 1px #999;
	
	
}

.image-cover {	
	background-size:cover;
	background-position: 50%;
}

.image-contain {	
	background-size:contain;
	background-repeat: no-repeat;
	background-position:50%;
}

#gallery {

	
	
}

#gallery .gallery-title {
	background-color: #F5E9D1;
	display:none;
}

body.BEACHHOUSE #gallery .gallery-title {
	
	background-color: #CBD9DB;
	
}

#gallery .gallery-title h2 {
	color: #2A563A;
}

.gallery-count {
	
	background-color: #F5E9D1;
	color: #2A563A;
	
}

body.BEACHHOUSE .gallery-count {
	
	background-color: #CBD9DB;
	
}

@media (max-width: 1439px) {
	
	#map-mangerton p {font-size:16px; line-height:22px; margin: 0 0 16px 0;}
	
	#map-mangerton {
		
		top: 100px;

	}

	#map-mangerton > div {
		max-width: 700px;
		margin: 0 auto;
	}
	
	#map-mangerton h1 {font-size:50px; margin-bottom:0; line-height: 50px;}
	
	#map-mangerton p:first-of-type {
		margin-top:35px;
	}

	#map-nav {
	
		top:calc(50% - 70px);
		right:30px;
		width:100px;
		height:140px;

	}

	#map-nav > #zoom-out {

		top: 134px;

	}
	
	#map-nav > div {
		width: 60px;
		height: 60px;
		right: 10px;
	}

	.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
		border-radius: 16px;
		font-size: 16px;
		padding: 8px 14px;
	}
	
	
	
	header nav .menu.l1 > li.logo a {

		background-size:56px;

	}
	
	.gallery-count {
	
		height:80px;
		line-height:80px;
		font-size:26px;

	}

	
	.nav-down {
	
		width:110px;
		height:110px;
		border-radius:55px;
		right:65px;
		bottom:65px;

	}
	
	#site {

	}
	
	h2 {
		font-size: 60px;
		line-height: 60px;
		margin: 20px 0;
	}
	
	p {
		margin: 0 0 18px 0;
		line-height: 28px;
		font-size: 18px;
	}
	
	header nav {
		
		height:70px;
		width:calc(100% - 140px);

	}
	
	header nav .menu.l1 > li {
	
		font-size:16px;
		height:70px;

	}
	
	footer {height:150px;}
	footer.nav {height:330px;}
	
	footer .nav-up {
		left: calc(50% - 50px);
		top: 80px;
		width: 100px;
		height: 100px;
		border-radius: 50px;
	}
	
	footer h3 {
    	font-size: 18px;
	}
	
	footer p {
		font-size: 18px;
	}
	
	footer .logo-full {
		height: 100px;
		background-size: auto 70px;
	}
	
	footer > nav.wrapper12 {width: calc(100% - 140px);}
	
	.layout-1 div.page-links-item h3, .layout-1 .grid.book-item h3  {
		font-size: 30px;
		line-height: 38px;
		margin-bottom: 18px;
	}
	
	.layout-1 div.order div.page-content .button {
		margin-top: 30px;
	}
	
	.layout-1 div.page-content > div:nth-child(2) {
		padding: 100px 70px;
	}
	
	.layout-1 div.order div.page-content h2 {

		font-size:50px;
		line-height:58px;

	}
	
	.layout-1 .order > div[class$="-content"] p, .layout-1 div[class$="-content"] p {
		max-width: 750px;
	}
	
	.layout-1 div.page-quote-item .title-content h2 {

		max-width: 630px;
		margin-top: 140px;
		
	}
	
	.layout-1 div.page-quote-item .title-content .q1 {

		top: 35px;
    	left: 60px;

	}
	
	/*
	.layout-1 div.page-quote-item .title-content .q2 {

		bottom: 10px;
    	left: 560px;

	}
	*/

	.layout-1 div.page-quote-item .title-content .q1, .layout-1 div.page-quote-item .title-content .q2 {

		font-size:210px;

	}

	.layout-1 div.title-content {

		padding-bottom: 110px;

	}
	
	.layout-1 .page-nav {
	
		right:70px;
		width: 110px;
    	height: 110px;
		border-radius:55px;

	}
	
	.layout-1 div.title-content h2 {
	
		margin:110px 70px 0 70px;
		font-size:70px;
		line-height:85px;
		max-width:800px;

	}
	
	.layout-1 div.title-content p {
		
		margin: 25px 200px 0 70px;
		font-size:25px;
		line-height:34px;
		max-width:850px;

	}
	
	.layout-1 .order > div.text-main-content {
	
		padding:70px;

	}
	
	.layout-1 .order > div.text-main-content .gallery-image {
		margin-top: 70px;
	}

	.layout-1 div.order div.text-content {
		
		padding:70px 200px 100px 200px;
		
	}
	
	.layout-1 div.order div.text-content p {

		font-size:30px;
		line-height:42px;
		max-width: 900px;
    	margin: 0 auto;

	}
	
	.layout-1 div.explore-content > div:nth-child(1), .layout-1 div.book-item > div:nth-child(2) {
		padding: 15px;
	}
	
	.layout-1 div.explore-content > div:nth-child(2) {
		padding: 100px 70px;
	}
	
	.layout-1 div.explore-content > div:nth-child(2) h2 {
		max-width: 500px;
	}
	
	.layout-1 div.explore-content > div:nth-child(2) p {
		max-width: 600px;
	}

	.layout-1 .order > div.image-content {

		height:550px;

	}
	
	.layout-1 .explore-count {

		width:100px; height:100px;
		border-radius:50px;
		top: -50px;
		left: calc(50% - 50px);
		font-size:60px;
		line-height:82px;

	}
	
	.layout-1 div.page-content > div:nth-child(1) {
		padding: 100px 70px;
	}
	
	.layout-1 .grid.map-item > div:nth-child(1) {
		padding:40px;
	}
	
	.layout-1 .grid.map-item > div:nth-child(2) {
		margin: 40px;
	}
	
	
	.layout-1 .grid.book-item > div:nth-child(2) {
		min-height:700px;	
	}
	
	.layout-1 .grid.book-item > div:nth-child(2) > iframe {
		min-height:500px;	
	}
	
}

@media (min-width:550px) {
	
	#site > .container {
	margin-left: 0 !important;
	}
	
	header:not(.active) .menu-wrap {
		margin-left: 0 !important;
	}

	
}

@media (max-width: 999px) {
	
	#map-mangerton h1 {font-size:40px; margin-bottom:0; line-height:40px;}
	#map-mangerton p:first-of-type {
		margin-top:30px;
	}
	#map-mangerton p {font-size:14px;  line-height:20px; margin: 0 0 14px 0;}
	
	#map-mangerton {
		
		top: 80px;

	}

	#map-mangerton > div {
		max-width: 500px;
		margin: 0 auto;
	}
	
	#map-nav {
	
		top:calc(50% - 60px);
		right:20px;
		width:60px;
		height:120px;

	}

	#map-nav > #zoom-out {

		top:120px;

	}
	
	#map-nav > div {
		width: 50px;
		height: 50px;
		right: 10px;
	}
	
	.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
		border-radius: 14px;
		font-size: 12px;
		padding: 6px 12px;
	}
	
	footer {height:110px;}
	footer.nav {height:300px;}
	
	.nav-up {
		left: calc(50% - 45px);
		top: 70px;
		width: 90px;
		height: 90px;
		border-radius: 45px;
	}
	
	footer h3 {
    	font-size: 14px;
		line-height: 14px;
	}
	
	footer p {
		font-size: 13px;
	}
	
	footer .logo-full {
		    height: 81px;
			background-size: auto 50px;
			width: 180px;
	}
	
	footer > nav.wrapper12 {width: calc(100% - 100px);}
	
	header nav .menu.l1 > li.logo a {

		background-size:48px;

	}
	
	.layout-1 div.order div.page-content .button {
		margin-top: 26px;
	}
	
	.layout-1 div.order div.page-content h2 {

		font-size:45px;

	}
	
	.gallery-count {
	
		height:70px;
		line-height:70px;
		font-size:21px;

	}

	.nav-down {
	
		width:90px;
		height:90px;
		border-radius:45px;
		right:55px;
		bottom:55px;

	}
	
	.wrapper14 {
		grid-column-gap: 1em;
	}
	
	#site {

	}
	
	h2 {
		font-size: 46px;
		line-height: 55px;
		margin: 18px 0;
	}
	
	p {
		margin: 0 0 16px 0;
		line-height: 25px;
    	font-size: 16px;
	}
	
	header nav {
		
		height:60px;
		width:calc(100% - 100px);

	}
	
	header nav .menu.l1 > li {
	
		font-size:12px;
		line-height: 15px;
		height:60px;

	}
	
	.layout-1 div.page-links-item h3, .layout-1 .grid.book-item h3 {
		font-size: 26px;
		line-height: 32px;
		margin-bottom: 15px;
	}
	
	.layout-1 div.page-content > div:nth-child(2) {
		padding: 90px 50px;
	}
	
	.layout-1 div.order div.page-content h2 {

		font-size:38px;
		line-height: 45px;

	}
	
	.layout-1 div.page-quote-item .title-content h2 {

		max-width: 450px;
		margin-top:100px;
		
	}
	
	.layout-1 div.page-quote-item .title-content .q1 {

		top: 15px;
    	left: 40px;

	}
	
	/*
	.layout-1 div.page-quote-item .title-content .q2 {

		bottom: -4px;
    	left: 380px;

	}
	*/

	.layout-1 div.page-quote-item .title-content .q1, .layout-1 div.page-quote-item .title-content .q2 {

		font-size:170px;

	}

	
	.layout-1 .order > div[class$="-content"] p, .layout-1 div[class$="-content"] p {
		max-width: 550px;
	}
	
	.layout-1 div.title-content {

		padding-bottom: 80px;

	}
	
	.layout-1 div.title-content p {
		
		margin:20px 150px 0 50px;
		font-size:21px;
		line-height:29px;
		max-width:600px;

	}
	
	.layout-1 div.title-content h2 {
	
		margin: 80px 50px 0 50px;
		font-size: 50px;
		line-height: 64px;
		max-width:580px;

	}
	
	.layout-1 .page-nav {
	
		right:50px;
		width: 90px;
    	height: 90px;
		border-radius:45px;

	}
	
	.layout-1 .order > div.text-main-content {
	
		padding:50px;

	}
	
	.layout-1 .order > div.text-main-content .gallery-image {
		margin-top: 50px;
	}

	.layout-1 div.order div.text-content {

		padding: 70px 120px 80px 120px;
	}

	.layout-1 div.order div.text-content p {

		font-size: 20px;
		line-height: 30px;
		max-width: 600px;

	}
	
	.layout-1 div.explore-content > div:nth-child(1), .layout-1 div.book-item > div:nth-child(2) {
		padding: 10px;
	}
	
	.layout-1 div.explore-content > div:nth-child(2) {
		padding: 80px 50px;
	}
	
	.layout-1 div.explore-content > div:nth-child(2) p {
		max-width: 450px;
	}
	
	.layout-1 div.explore-content > div:nth-child(2) h2 {
		max-width: 400px;
	}

	.layout-1 .order > div.image-content {

		height:400px;

	}
	
	.layout-1 .explore-count {

		width:80px; height:80px;
		border-radius:40px;
		top: -40px;
		left: calc(50% - 40px);
		font-size:40px;
		line-height:69px;

	}
	
	.layout-1 div.page-content > div:nth-child(1) {
		padding: 80px 50px;
	}
	
	.layout-1 .grid.map-item > div:nth-child(2) {
		margin: 40px;
	}
	
	.layout-1 .grid.map-item > div:nth-child(1) {
		padding:40px 0 0 40px;
	}
	
	
	
}

@media (max-width: 799px) {
	
	.layout-1 .grid.book-item > div:nth-child(2) {
		min-height:900px;	
	}
	
	.layout-1 .grid.book-item > div:nth-child(2) > iframe {
		min-height:700px;	
	}
	
}

@media (max-width: 699px) {
	
	#map-mangerton h1 {font-size:35px; margin-bottom:0; line-height: 35px;}
	#map-mangerton p {font-size:12px; line-height:18px; margin: 0 0 12px 0;}
	#map-mangerton p:first-of-type {
		margin-top:30px;
	}
	
	#map-mangerton {
		
		top: 70px;

	}

	#map-mangerton > div {
		max-width: 450px;
		margin: 0 auto;
	}
	
	#map-nav {
	
		top:calc(50% - 50px);
		right:10px;
		width:50px;
		height:100px;

	}

	#map-nav > #zoom-out {

		top:110px;

	}
	
	#map-nav > div {
		width: 40px;
		height: 40px;
		right: 10px;
	}
	
	.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
		border-radius: 12px;
		font-size: 11px;
		padding: 5px 10px;
	}
	
	header nav .menu.l1 > li.logo a {

		background-size:44px;

	}
	
	footer {height:100px;}
	footer.nav {height:230px;}
	
	.nav-up {
		left: calc(50% - 35px);
		top: 54px;
		width: 70px;
		height: 70px;
		border-radius: 35px;
	}
	
	footer h3 {
    	font-size: 12px;
		line-height: 12px;
	}
	
	footer p {
		font-size: 12px;
	}
	
	footer .logo-full {
		    height: 81px;
			background-image:url('siteimages/logo.png');
			background-size: auto 50px;
			width: 100px;
	}
	
	footer > nav.wrapper12 {width: calc(100% - 80px);}
	

	footer > nav > div {
		grid-column: span 5;
	}
	
	footer > nav > div:nth-child(2) {
		grid-column: span 2;
	}
	
	.layout-1 div.page-links-item h3, .layout-1 .grid.book-item h3 {
		font-size: 24px;
		line-height: 28px;
		margin-bottom: 12px;
	}
	
	.layout-1 div.order div.page-content .button {
		margin-top: 24px;
	}
	
	.layout-1 div.page-content > div:nth-child(2) {
		padding: 80px 40px;
	}
	
	.layout-1 div.order div.page-content h2 {
		font-size: 32px;
		line-height: 36px;
	}
	
	.layout-1 div.page-quote-item .title-content h2 {

		max-width: 270px;
		margin-top: 65px;
		
	}
	
	.layout-1 div.page-quote-item .title-content .q1 {

		top: 10px;
    	left: 32px;

	}
	
	/*
	.layout-1 div.page-quote-item .title-content .q2 {

		bottom: -1px;
    	left: 294px;

	}
	*/	
	
	.layout-1 div.page-quote-item .title-content .q1, .layout-1 div.page-quote-item .title-content .q2 {

		font-size:110px;

	}

	
	.gallery-count {
	
		height:60px;
		line-height:60px;
		font-size:18px;

	}
	
	.nav-down {
	
		width:80px;
		height:80px;
		border-radius:40px;
		right:55px;
		bottom:45px;
		
		display:none;

	}
	
	.wrapper14 {
		grid-column-gap: 0.5em;
	}
	
	#site {

	}
	
	h2 {
		font-size: 34px;
		line-height: 42px;
		margin: 16px 0;
	}
	
	p {
		margin: 0 0 14px 0;
		line-height: 21px;
		font-size: 14px;
	}
	
	header nav {
		
		height:54px;
		width:calc(100% - 80px);

	}
	
	header nav .menu.l1 > li {
	
		font-size:11px;
		height:54px;
		line-height: 13px;

	}
	

	.layout-1 .order > div[class$="-content"] p, .layout-1 div[class$="-content"] p {
		max-width: 450px;
	}
	
	.layout-1 div.title-content h2 {
		
		margin: 50px 40px 0 40px;
		font-size: 40px;
		line-height: 50px;
		max-width: 500px;

	}
	
	footer .nav-up {
		left: calc(50% - 40px);
		top: 40px;
		width: 80px;
		height: 80px;
		border-radius: 40px;
	}
	
	.layout-1 .page-nav {
	
		right:40px;
		width: 80px;
    	height: 80px;
		border-radius:40px;
		top: calc(50% - 40px);

	}
	
	.layout-1 .order > div.text-main-content {
	
		padding:40px;

	}
	
	.layout-1 .order > div.text-main-content .gallery-image {
		margin-top: 40px;
	}
	
	.layout-1 div.title-content {

		padding-bottom: 50px;

	}
	
	.layout-1 div.title-content p {
		
		margin:18px 40px 0 40px;
		font-size:18px;
		line-height:26px;
		max-width:500px;

	}

	.layout-1 div.order div.text-content {

		padding: 40px 100px 55px 100px;
	}
	
	.layout-1 div.explore-content > div:nth-child(1), .layout-1 div.book-item > div:nth-child(2) {
		padding: 2px;
	}
	
	.layout-1 div.explore-content > div:nth-child(2) {
		padding: 60px 40px;
	}

	.layout-1 div.order div.text-content p {

		font-size: 18px;
		line-height: 28px;
		max-width: 500px;

	}

	.layout-1 .order > div.image-content {

		height:300px;

	}
	
	.layout-1 .explore-count {

		width:60px; height:60px;
		border-radius:30px;
		top: -30px;
		left: calc(50% - 30px);
		font-size:30px;
		line-height: 52px;

	}
	
	.layout-1 div.page-content > div:nth-child(1) {
		padding: 60px 40px;
	}
	
	.layout-1 .grid.map-item > div:nth-child(2) {
		margin: 0;
	}
	
	.layout-1 .grid.map-item > div:nth-child(1) {
		padding:30px 30px 0 30px;
	}
	
	
}

@media (max-width: 549px) {
	
	#site {background-color: #FFF7F7;}
	header nav .menu.l1 > li.home-menu {display:block;}
	
	#gallery .gallery-title {
		display:block;
	}
	
	.menu-wrap {
		
		height: 100vh;
		margin-top:40px;
		display:none;;
		background-color: #F5E9D1;
		width: 100%;
		position: absolute;
		left: 0;
		margin-left:100%;
		
	}
	
	body.BEACHHOUSE .menu-wrap {

		background-color: #CBD9DB;

	}
	
	.active .menu-wrap {
		
		
		    
	}
	
	.layout-1 .order > div.image-content > div.image-cover {
		transform: scale(2);
	}
	
	/*#map-mangerton h1 {font-size:50px; margin-bottom:35px; line-height: 50px;}*/
	
	#map-mangerton {
		
		top: 60px;

	}
	
	#map-mangerton h1 {
		
		font-size: 30px;

	}

	#map-mangerton > div {
		max-width: 90%;
		margin: 0 auto;
	}
	
	#map-mangerton p {
		display:none;
	}
	
	#map-nav {
	
		top:calc(50% - 35px);
		right:10px;
		width:50px;
		height:70px;

	}

	#map-nav > #zoom-out {

		top: 100px;
		
	}

	
	#map-nav > div {
		width: 30px;
		height: 30px;
		right: 10px;
		
	}
	
	#mobile-menu {
		display:block;
		background-size: 70%;
	}
	
	div.logo-full {
		display:block;
	}
	
	header {
		position: fixed;
		z-index: 30;
		height: 40px;
		width: 100%;
		top:0;
	}
	
	footer {height:80px;}
	footer.nav {height:150px;}
	
	footer h3 {
    	font-size: 9px;
		line-height: 13px;
	}
	
	footer p {
		font-size: 9px;
		line-height: 13px;
		font-weight:400;
	}
	
	footer .logo-full {
		    height: 58px;
			background-image:url('siteimages/logo.png');
			background-size: auto 40px;
			width: 40px;
	}
	
	footer > nav.wrapper12 {width: calc(100% - 16px);}
	

	footer > nav > div {
		grid-column: span 5;
	}
	
	footer > nav > div:nth-child(2) {
		grid-column: span 2;
	}
	
	header ul {
		display:none;
	}
	
	header ul {
		display: none;
		position: absolute;
		top: 40px;
		z-index: 30;
		height:0;
	}
	
	header ul li {
		display: block;
		position: relative;
	}
	
	header ul a {
		display: block;
		margin:0;
		width:100%;
		height:100%;
		font-family: 'Playfair Display', serif;
	}
	
	header.active ul {
		display: block;
		left: 0;
	}

	header nav .menu.l1 > li {
		font-size: 23px;
		height: 40px;
		line-height: 40px;
		margin: 0;
		text-align: left;
		margin-left: 20px;
		margin-bottom: 15px;
	}
	
	header nav .menu.l1 > li a.button {
		font-size: 18px;
		padding: 0;
		display: block;
		width: 120px;
		height: 100%;
		line-height: 40px;
		text-align: center;
		border-radius: 20px;
		background-color: #7B937F;
		font-family: 'Playfair Display', serif;
	}
	
	.BEACHHOUSE header nav .menu.l1 > li a.button {
		background-color: #779AA0;
	}
	
	
	
	header nav .menu.l1 > li.current a {
		text-decoration: underline;
	}
	
	header nav .menu.l1 > li.logo {
		display:none
	}
	
	header nav .menu.l1 > li.book-now {
		justify-content: left;
	}
	
	.container-list {padding-top:40px; background-color: white; box-shadow: 1px 1px 2px 1px #999;}
	
	.layout-1 div.page-links-item h3, .layout-1 .grid.book-item h3 {
		font-size: 22px;
		line-height: 25px;
		margin-bottom: 8px;
	}
	
	.layout-1 div.order div.page-content {
		display: block;
	}
	
	.layout-1 div.page-content > div:nth-child(1) {
		height:auto;
		padding:30px;
	}
	
	.layout-1 .grid.map-item > div:nth-child(1) {
		padding:30px;
	}
	
	.layout-1 div.order div.page-content h2 {
		font-size: 26px;
		line-height: 29px;
	}
	
	.layout-1 div.page-content > div:nth-child(2) {
		padding: 70px 30px;
	}
	
	.layout-1 div.page-quote-item .title-content h2 {
		max-width: 270px;
		margin-top: 65px;
	}
	
	.layout-1 div.page-quote-item .title-content .q1 {

		top: 20px;
    	left: 25px;

	}
	
	/*
	.layout-1 div.page-quote-item .title-content .q2 {

		bottom: -1px;
    	left: 240px;

	}
	*/

	.layout-1 div.page-quote-item .title-content .q1, .layout-1 div.page-quote-item .title-content .q2 {

		font-size:90px;

	}
	
	.gallery-count {
	
		height:40px;
		line-height:40px;
		font-size:16px;

	}
	
	.layout-1 div.title-content h2 {
	
		margin: 40px 30px 0 30px;
		font-size: 30px;
		line-height: 39px;
		max-width: calc(100% - 80px);

	}
	
	footer .nav-up {
		left: calc(50% - 30px);
		top: 20px;
		width: 60px;
		height: 60px;
		border-radius: 30px;
	}
	
	.layout-1 .page-nav {
		
		top: calc(50% - 20px);
		right: 20px;
		width: 40px;
		height: 40px;
		border-radius: 30px;

	}
	
	.layout-1 div.title-content {

		padding-bottom: 40px;

	}
	
	.layout-1 div.title-content p {
		
		margin:16px 30px 0 30px;
		font-size:16px;
		line-height:24px;

	}
	
	.layout-1 .order > div.text-main-content {
	
		padding:30px;

	}

	.layout-1 div.order div.text-content {

		padding: 30px 30px 50px 30px;
	}
	
	.layout-1 div.order div.text-content p {
		font-size: 18px;
		line-height: 28px;
		max-width: 400px;
	}
	
	.layout-1 div.explore-content > div:nth-child(1), .layout-1 div.book-item > div:nth-child(2) {
		padding: 5px;
		height: 500px;
	}
	
	.layout-1 div.explore-content > div:nth-child(2) {
		padding: 30px;
	}
	
	.layout-1 div.order div.explore-content {
		position: relative;
		display: block;
	}
	
	.layout-1 .explore-count {

		width:50px; height:50px;
		border-radius:25px;
		top: -25px;
		left: calc(50% - 25px);
		font-size:25px;
		line-height: 46px;

	}
	
	.layout-1 .grid.book-item > div:nth-child(2) {
		min-height:auto;	
	}
	
	.layout-1 .grid.book-item > div:nth-child(2) > iframe {
		min-height:500px;	
	}
	
}

@media (max-width: 450px) {
	
	.layout-1 .grid.book-item > div:nth-child(2) {
		min-height:auto;	
	}
	
	.layout-1 .grid.book-item > div:nth-child(2) > iframe {
		min-height:700px;	
	}
	
}

@keyframes bounce {
  from {
    transform: translateY(-8px);
  }

  to {
    transform: translateY(8px);
  }
}

@keyframes bubble {
  from {
    transform: scale(1);
  }

  to {
    transform: scale(1.2);
  }
}