html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
/*table*/, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
	body { overflow-x: hidden !important }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
#accommodation-enquiry {
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: -10px;
}
#accommodation-enquiry td {width: 50%; }

body {margin: 0;background:none; font-family: 'Open Sans', sans-serif; font-size: 0.9em; background: url(../img/colour-bg.png) /*#e9e2d1*/; color: #042038 }

h1, h2, h3, h4 { font-family: 'Dosis', sans-serif; }
h1 { font-size: 35px; color: #042038; margin: 35px 0 30px; text-align:center; }
h2 { font-size: 25px; margin-bottom: 20px; }
h3 { font-size: 18px;  }
h4 { font-size: 14px; margin-top: 12px; }
.clear { clear: both; }
.text-left {text-align: left }
.text-center {text-align: center }
.text-right {text-align: right }
a { color: #042038; font-weight: bold; text-decoration: none; }
a:hover { color: #516b7c; }
a.address-link { font-weight: normal}
.blue { color: #66ace2; }
nav {
    position: fixed;
	top: 0;
	/*background: #042038;*/
	width: 100%;
	z-index: 50;
	opacity: 1;
	filter: alpha(opacity=100);	
	-webkit-transition: opacity 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out;
    -ms-transition: opacity 500ms ease-in-out;
    -o-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA0MjAzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjklIiBzdG9wLWNvbG9yPSIjMDQxZDMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(4,32,56,1) 0%, rgba(4,29,51,1) 9%, rgba(0,0,0,0.1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(4,32,56,1)), color-stop(9%,rgba(4,29,51,1)), color-stop(100%,rgba(0,0,0,0.1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(4,32,56,1) 0%,rgba(4,29,51,1) 9%,rgba(0,0,0,0.1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(4,32,56,1) 0%,rgba(4,29,51,1) 9%,rgba(0,0,0,0.1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(4,32,56,1) 0%,rgba(4,29,51,1) 9%,rgba(0,0,0,0.1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(4,32,56,1) 0%,rgba(4,29,51,1) 9%,rgba(0,0,0,0.1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#042038', endColorstr='#1a000000',GradientType=0 ); /* IE6-8 */
}
nav:hover {background: #042038;}
.navbar-logo:hover ~ nav {background: #042038;}
.navbar-container:hover { transition:all 0s; zoom: 1; filter: alpha(opacity=100); opacity: 1; outline:none; }
.navbar-container a {text-decoration:none; font-size:16px; color: #fff; font-family: 'Dosis', sans-serif; text-transform:uppercase; outline:none; }
.navbar-logo { float: left; font-size: 24px; line-height: 30px; padding: 17px; text-align: center; position:fixed;	z-index:66;}
.navbar-logo h2 { font-size:35px; padding: 0; margin: 0; color: #F1F1F1; }
.navbar-logo h3 { font-size:14px; padding: 0; margin: 0; color: #F1F1F1; background:none !important; display: block !important }
.navbar-nav { float: left; margin: 0; }
.navbar-nav > li { float: left; }
.nav { list-style: outside none none; margin: 0; padding: 0 ; float: right; }
.nav:before, .nav:after {content: " "; display: table; }
.nav:after { clear: both; }
.nav:before, .nav:after { content: " "; display: table; }
.nav:after { clear: both; }
.nav > li {display: block; position: relative; float:left; }
.nav > li > a {display: block; padding: 29px 15px 30px; position: relative; text-decoration: none; }
.nav > li > a:hover, .nav > li > a:focus, .active { background-color: #516B7C !important; text-decoration: none;  }

#scroll-break {
    margin: -39px 0 0;
    padding: 0 0;
    position: absolute;
    text-align: center;
    width: 100%;
	z-index:33;
}
#page-scroll-break {
    margin: -72px 0 0;
    padding: 0 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.rates { width: 100%; box-sizing:border-box; margin-top: 30px; border-radius: 30px; border: 1px solid #d3cab3; padding: 20px 30px 10px; background: rgba(255, 255, 255, 0.7) }
.rates table { width: 80%; border-collapse:collapse }
.rates table td { width: 40%; border-bottom: 1px solid #042038 }
.rates table tr { height: 60px;  }
.rates table td:nth-of-type(1) { width: 20%; font-family: "Dosis",sans-serif; font-size:16px }
.rates table tr:nth-of-type(3) { border: none; }
.rates img {float: right; padding: 20px 30px 0 0}
.smaller { font-size: 12px; font-weight:bold }
.note { width: 100%; color: #FFF; background: rgba(214,14,44,1); border: 1px solid #751111; padding: 10px; box-sizing:border-box; text-align:center; }
.four-o-four { text-align: center }

/* Parallax ============================================================
  SECTIONS
============================================================ */
section.module:last-child {
  margin-bottom: 0;
}
/*section.module h2 {
  margin-bottom: 40px;
  font-family: "Roboto Slab", serif;
  font-size: 30px;
}*/

section.module p:last-child { margin-bottom: 0; }
section.module.content { padding: 10px 0; }
section.module.location { padding: 60px 0; }
section.module.parallax { padding: 190px 0;	background-position: 0 0; height:400px;	margin-bottom: 30px; }
section.module.parallax h1 { color: #fff; font-size: 90px; line-height: 1; font-weight: 700; text-transform: uppercase; text-shadow: 0 0 3px #141414;
  padding: 0;
  margin:0;
  padding-top: 150px;
  max-width:800px;
  text-align:center;
  margin:auto;	
}
section.module h2.cta { font-size: 30px; color:#fff; text-align: center; text-shadow: 1px 1px 2px #042038; max-width:800px; text-align:center; margin:auto; padding: 20px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY4JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 68%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.2)), color-stop(68%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 68%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 68%,rgba(0,0,0,0) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 68%,rgba(0,0,0,0) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 68%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

 }
/*PARALLAX MEDIA QUERIES*/
@media all and (max-width: 1600px) {
section.module.parallax { padding: 200px 0;	background-position: 0 0; height:300px; }
section.module.parallax h1 { /*padding-top: 150px;*/ font-size: 80px; }
section.module h2.cta { font-size: 30px; }
}
@media all and (max-width: 1500px) {
section.module.parallax { padding: 180px 0;	background-position: 0 0; height:250px; }
section.module.parallax h1 { /*padding-top: 200px;*/ font-size: 70px; }
section.module h2.cta { font-size: 25px; }
}
@media all and (max-width: 1300px) {
section.module.parallax { padding: 170px 0;	background-position: 0 0; height:100px; }
section.module.parallax h1 { padding-top: 55px; font-size: 70px; }
section.module h2.cta { font-size: 20px; padding-top: 5px; }
}
@media all and (max-width: 1000px) {
section.module.parallax { padding: 150px 0;	background-position: 0 0; height:120px; }
section.module.parallax h1 { padding-top: 50px; font-size: 50px; }
section.module h2.cta { font-size: 20px; padding-top: 5px; }

}
@media all and (max-width: 700px) {
section.module.parallax { padding: 100px 0;	background-position: 0 0; height:100px; }
section.module.parallax h1 { padding-top: 10px; font-size: 30px; }
section.module h2.cta { font-size: 20px; padding-top: 5px; }
}
@media all and (max-width: 500px) {
section.module.parallax { padding: 80px 0;	background-position: 0 0; height:80px; }
section.module.parallax h1 { padding-top: 10px; font-size: 30px; }
section.module h2.cta { font-size: 18px; padding-top: 5px; }

}
@media all and (max-width: 400px) {
section.module.parallax { padding: 40px 0;	background-position: 0 0; height:90px;  }
section.module.parallax h1 { padding-top: 10px; font-size: 30px; }
section.module h2.cta { font-size: 16px; padding: 5px 0 5px 0; }
}


section.module.parallax-1 {
 background-image:url(../img/reviews.jpg); background-repeat:no-repeat; no-repeat; background-size:cover; 
}
section.module.parallax-2 {
 background-image:url(../img/calendar.jpg); background-repeat:no-repeat; no-repeat; background-size:cover; 
}
section.module.parallax-3 {
 background-image:url(../img/accommodation.jpg); background-repeat:no-repeat; no-repeat; background-size:cover; 
}
section.module.parallax-calendar {
 background-image:url(../img/calendar.jpg); background-repeat:no-repeat; no-repeat; background-size:cover; 
}
section.module.parallax-gallery {
 background-image:url(../img/gallery.jpg); background-repeat:no-repeat; no-repeat; background-size:cover; 
}
section.module.parallax-reviews {
 background-image:url(../img/reviews.jpg); background-repeat:no-repeat; no-repeat; background-size:cover; 
}
section.module.parallax-bookings {
 background-image:url(../img/bookings.jpg); background-repeat:no-repeat; no-repeat; background-size:cover; 
}
section.module.parallax-4 {
 background-image:url(../img/contact.jpg); background-repeat:no-repeat; no-repeat; background-size:cover; 
}
.container { text-align:center; }
.load { height: 457px; width: 100%; transition:none!important; margin: -999px; }
a.book-now-fade { display:inline-block; margin:auto; -webkit-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.4); box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.4); font-family: 'Dosis', sans-serif; text-transform:uppercase;padding: 15px; background: #042038; color: #FFF; border: 0; margin-top: 5px;}
a.book-now-fade:hover { background: #516B7C; cursor: pointer; }
a.book-now { display:inline-block; margin:auto; font-family: 'Dosis', sans-serif; text-transform:uppercase;padding: 15px; background: #4987d4; color: #FFF; border: 0; margin-top: 5px;}
a.book-now:hover { background: #236cc6; cursor: pointer; }


/***RESIZING MENU***/
/* Sizes for the bigger menu */
nav.large {height: 80px;}
/* Sizes for the smaller menu */
nav.small {height: 50px;}
nav.small a { padding: 14px 15px 14px; margin:0!important; }
nav.small h1 { font-size: 26px; line-height:1em; margin-top: -10px; }
nav.small h2 { font-size: 12px; line-height:1em }
header.small a { padding: 14.5px 15px; margin-top: 70px }
header.small h2 { font-size: 26px; line-height:1em; margin-top: -78px; }
header.small h3 { font-size: 12px; line-height:1em }
/*nav.small-white { opacity:1 }
nav.small-white { height: 50px; }
nav.small-white a { padding: 14px 15px 14px; }
nav.small-white h1 { font-size: 26px; line-height:1em; margin-top: -10px; }
nav.small-white h2 { font-size: 12px; line-height:1em }*/

.breadcrumbs { float: right; margin: -25px 10px 10px 0px; padding: 0; font-family: 'Dosis', sans-serif; color: #666; font-size:13px; }

/*Transitions*/
nav, nav a, nav h1, nav h2, header a, header h2, header h3, #nav > ul,.navbar-container, nav:hover {
transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */
}

#check-availability {
    background: none repeat scroll 0 0 #fff;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
    float: right;
    height: 70px;
    margin-top: 17%;
    outline: medium none;
    padding: 10px;
    position: fixed;
    right: -160px;
    text-decoration: none;
    width: 220px;
    z-index: 99;
}
#check-availability:hover { position: fixed; right: 0; }
#check-availability, #check-availability img { transition: all 0.5s ease 0s; }
#check-availability img { float:left; margin-right: 10px; }
h3.check { font-size: 1.2em; text-align:center;}
.content { z-index: 999; }
.content.links { padding-top: 100px }
.thanks .breadcrumbs { margin: 0 10px 10px 0; !important }
.thanks-header, .thanks { width: 100% }
.main { font-family: 'Open Sans', sans-serif; margin-top:10px; width:100%; max-width: 1000px; margin: 0 auto;}
.main-left h2, main-right h2 { line-height: normal }
.main-left { width: 50%; padding-right: 20px; float: left; box-sizing:border-box; line-height: 1.5em;}
.main-right { width: 50%; padding-left: 20px; float: right; box-sizing:border-box; line-height: 1.5em;}
.main-left p, .main-right p, .main-left button, .main-right button { margin-bottom: 20px; }
.main-left h2, .main-left img, .main-right h2, .main-right img, .main-left iframe, .main-right iframe { margin-top: 20px; line-height: 1.2em }
.main-left img, .main-right img, .rsOverflow {box-shadow: 0px 0px 5px #aaa; display: block; margin: auto; max-width: 100%; }
.main-right iframe { margin-top: 0; }
img.border { border: 14px solid #FFF; box-sizing:border-box }
.captcha-img, a#refresh img { box-shadow: none !important; margin: 0; }

button { font-family: 'Dosis', sans-serif; text-transform:uppercase;padding: 15px; background: #042038; color: #FFF; border: 0; margin-top: 5px; }
button.contact {width: 100%; margin: -14px 0 0 !important}
button:hover { background: #516b7c; cursor: pointer; }
img.success { max-width: 30px; }

footer { overflow:hidden; margin-top: 20px; background:#FFF; }
.contact-details { width: 100%; max-width: 1000px; margin:auto; padding: 30px 0; font-family: 'Open Sans', sans-serif; text-align: center; font-size:14px; line-height:1.5em; margin-top: 10px;  }
.contact-details ul { width: 100%; max-width:1000px; list-style-type: none; margin: 0; padding: 0; margin: auto; display:block;  }
.contact-details li { display: inline; }
.contact-details > ul > li:after {  content: "•"; color: #3279d1; padding: 0 8px; font-size: 20px }
.contact-details > ul > li:last-child:after { display: none; }
.spacer { margin-bottom: 190px !important }
.copyright-info { font-family: 'Open Sans', sans-serif; text-align: center;font-size: 12px; padding: 30px 0; border-top: 1px dashed #5d78c3; max-width: 1000px; margin:auto; width: 100%; }
.header-image img { width:100%; }

.scrollup {outline:none; width: 110px;height: 40px;opacity: 0.6;position: fixed;bottom: 1%;right: 2%;display: none;text-indent: -9999px;background: url('../img/scroll-to-top.jpg') no-repeat; z-index: 3}
.scrollup:hover {opacity: 1; outline:none;}

.royalSlider-rooms {
  width: 100%;
  height: 233px;
}

<!-- ACCORDION -->
/* Flexible Slide-to-top Accordion Style*/
.accordion-wrapper{
	margin:30px auto;
}
.st-accordion{
    width:100%;
    min-width:270px;
    margin: 0 auto;
}
.st-accordion .accordion li{
    height: 100px;
    border-bottom: 1px solid #999;
    border-top:1px solid #fff;
}
.st-accordion .accordion li:hover{
	
}
.list { font-size: 13px;list-style-type: disc !important; line-height: 1.6em }
.list li { border: none !important; height:auto !important; }
.accordion { padding-left: 0 }
.accordion h2 { padding-left: 20px; }
.accordion h2:hover {background: rgba(59,79,162,0.2) }

.st-accordion .accordion li > a{
    font-family: 'Dosis', Arial, sans-serif;
    text-shadow: 1px 1px 1px #fff;
    font-size: 26px;
    display: block;
	position: relative;
    line-height: 100px;
	outline:none;
    -webkit-transition:  color 0.2s ease-in-out;
	-moz-transition:  color 0.2s ease-in-out;
	-o-transition:  color 0.2s ease-in-out;
	-ms-transition:  color 0.2s ease-in-out;
	transition:  color 0.2s ease-in-out;
	color: #141414;
	text-decoration:none
}
.st-accordion .accordion li > a span{
	background: url(../img/down.png) no-repeat center center;
	text-indent:-9000px;
	width: 26px;
	height: 26px;
	position: absolute;
	top: 50%;
	right: -26px;
	margin-top: -12px;
	opacity:0;
	-webkit-transition:  all 0.2s ease-in-out;
	-moz-transition:  all 0.2s ease-in-out;
	-o-transition:  all 0.2s ease-in-out;
	-ms-transition:  all 0.2s ease-in-out;
	transition:  all 0.2s ease-in-out;
}
/*.st-accordion .accordion li > a:hover{
    color: #1693eb;
}*/
.st-accordion .accordion li > a:hover span{
	opacity:1;
	right: 10px;
}
/*.st-accordion .accordion li.st-open > a{
    color: #1693eb;
}*/
.st-accordion .accordion li.st-open > a span{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
    transform:rotate(180deg);
	right:10px;
	opacity:1;
}
.st-content{
    padding: 5px 0px 30px 0px;
}
.st-content p{
    padding: 0px 4px 15px 4px; 
}
ul.two-col { 
	-moz-column-count: 2;
	-moz-column-gap: 2.5em;
	-webkit-column-count: 2;
	-webkit-column-gap: 2.5em;
	column-count: 2;
	column-gap: 2.5em;
}
ul.three-col { 
	-moz-column-count: 3;
	-moz-column-gap: 2.5em;
	-webkit-column-count: 3;
	-webkit-column-gap: 2.5em;
	column-count: 3;
	column-gap: 2.5em;
}
@media screen and (max-width: 320px){
	.st-accordion .accordion li > a{
		font-size:36px;
	}
}

@media screen and (max-width: 320px){
	.st-accordion ul li > a{
		font-size:36px;
	}
}

/*GALLERY*/
.gallery { padding: 0; text-align: center; }
.gallery li { width: inherit !important; display: inline }
/*Lightbox*/
/* Preload images */
body:after {
  content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../img/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../img/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../img/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #ccc;
  font-family: Arial, sans-serif;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.aa { float: right; margin-left: 30px; }

/*REVIEWS*/
.review {margin-bottom: 40px; background-image:url(../img/citation.png); background-repeat:no-repeat; background-position:left top; padding-left: 100px;}
.review h3 { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color: #516B7C; font-size:26px; font-weight:normal; margin-bottom: 0 }
.review-date { text-transform: uppercase; color: #444; margin-top: 2px; font-size: 13px; margin-bottom: 10px !important }

.accordion-toggle {cursor: pointer;}
.accordion-content {display: none;}
.accordion-content.default {display: block;}
.accordion-toggle::after { content:"Read More »"; font-weight:bold; display: inline-block; text-decoration:none}

/*LOCATION PAGE*/
.location-left { box-sizing: border-box; width: 62%; float:left; background: #DCD5C5; padding: 20px 20px 0px; box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; -moz-box-shadow: 0 0 5px #aaa; }
.location-right { box-sizing: border-box; width: 32%; float:right }
.location-left h2 { margin-top: 0 }

.iframeWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin-bottom: 20px;
}
.iframeWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  border:0;
  height: 64%;
  width: 100%
}
.block { width: 48%; background: #ebe6da none repeat scroll 0 0; box-sizing:border-box; margin-bottom: 20px; position:relative; height: inherit; box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; -moz-box-shadow: 0 0 5px #aaa; }
.block:nth-child(2n+2) { float: left; }
.block:nth-child(2n+1) { float: right; }
.block h3 { float: left; font-size: 18px; position:absolute; padding: 10px; box-sizing:border-box; color: #FFF; z-index: 3; margin:0; background: none !important }
.block p { position:relative; float: right; width: 100%; margin:0 !important; padding: 5px 15px 10px 15px !important; box-sizing: border-box}
.block img { position: relative; width: 100%; float: left; margin: 0 10px 10px 0; left:0; top: 0px; z-index:1; }
.block-img-overlay { z-index:2; width: 100%; height: 192px; position:absolute; left: 0; top: 0; /* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 50%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(50%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 50%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 50%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 50%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */
 }

/*CONTACT PAGE*/
.contact-left { width: 60%; float:left }
.contact-right { width: 36%; float:right }
.iframeWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.iframeWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  border:0;
}
/*Calendar*/
a.fc-event { background:none !important;  border: none !important }
.fc-content { padding: 10px 0; text-align:center }
.fc-event-container { background: rgba(247,138,111,0.5) !important; border: 1px solid #A03A23 !important }
div#calendar { background: none; }
.key {font-style: italic; font-size:13px; float: left; margin: 0 10px 10px 0}
.key > img { vertical-align: top;}

/*Form*/
#desk td {width: 50%;}
#desk button { margin: 0 }
#desk textarea { margin-top: 0}
#desk input { margin: 0}
#desk.captcha { height: 10px }
#desk .Container { width: 236px; margin: 5px 0 0; }
#mobileenquiryForm { display: none; }
#desk .Container { width: 236px; margin: 5px 0 0; }
.refresh img { max-width: 20px }
form * { box-sizing: border-box;}
.accommodation-enquiry { width: 100%; }
.accommodation-enquiry td:nth-of-type(1) { width: 23% }
#booking-form {
    padding: 20px 20px 0px;
    position: relative;
    width: 100%;
	float: left;
	box-sizing: border-box;
	background: #DCD5C5;
	border: 1px solid #C9BDA3;
	box-shadow: 0 0 5px #aaa;
	-webkit-box-shadow: 0 0 5px #aaa;
	-moz-box-shadow: 0 0 5px #aaa;
}
.location-left { background: #DCD5C5; padding: 20px 20px 0px; box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; -moz-box-shadow: 0 0 5px #aaa; }
input {
	margin: 10px 0;
	padding: 15px;
    width: 100%;
	
}
input, select, textarea { border: none; }
.input-left-50 { float: left; width: 50%; padding-right: 5px }
.input-right-50 { float: right; width: 50%; padding-left: 5px }
.input-left-100 { float: left; width: 100%; }

textarea { border: 1px solid #ccc;
    color: #444;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.9em;
    height: 156px;
    margin: 10px 0 0 ;
    padding: 12px 15px;
	width: 100%;
	border: none;
}

input[placeholder], [placeholder], *[placeholder] {
   font-family: 'Open Sans', sans-serif; color: #999; letter-spacing: 1px; font-style:normal;
}
textarea[placeholder], [placeholder], *[placeholder] {
   font-family: 'Open Sans', sans-serif; color: #999; letter-spacing: 1px; font-style:normal;
}
select { width: 80px; padding: 15px; margin: 10px }
button.submit {width:50%; float: right; margin-top: 10px}

/*CAPTCHA STYLES*/
/*//////////////*/

.hidden { visibility:hidden; }

.Container { height: 50px; }

.captcha { /*width: 240px;  margin: 0 auto;  margin-left: -10px;*/ float: left; width: 50% !important }
.refresh{ position:relative; bottom: 14px; left: 22px; }
#SpamCheck { 
	color: #999;
    height: 49px !important;
    /*margin-left: 35px !important;*/
    padding: 10px; }

#url
{
  visibility: hidden;
  height: 1px;
  width: 1px;
  position:absolute;
}
.Zebra_DatePicker *,
.Zebra_DatePicker *:after,
.Zebra_DatePicker *:before  { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important }

.Zebra_DatePicker           { position: absolute; background: #666; margin-top: 100px; border: 3px solid #666; display: none; z-index: 100; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px }

.Zebra_DatePicker *         { margin: 0; padding: 0; color: #000; background: transparent; border: none }


/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table                      { border-collapse: collapse; border-spacing: 0 }

.Zebra_DatePicker td,
.Zebra_DatePicker th                         { text-align: center; padding: 5px 0 }

.Zebra_DatePicker td                         { cursor: pointer }

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker             { margin-top: 3px }

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td         { background: #E8E8E8; width: 30px; border: 1px solid #7BACD2 }

.Zebra_DatePicker,
.Zebra_DatePicker .dp_header .dp_hover,
.Zebra_DatePicker .dp_footer .dp_hover { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }


/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header td             { color: #FFF }

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next       { width: 30px }

.Zebra_DatePicker .dp_header .dp_caption    { font-weight: bold }
.Zebra_DatePicker .dp_header .dp_hover      { background: #222; color: #FFF }
.Zebra_DatePicker .dp_header .dp_blocked    { color: #888; cursor: default }

/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_daypicker th              { background: #FFCC33 }
.Zebra_DatePicker td.dp_not_in_month            { background: #F3F3F3; color: #CDCDCD; cursor: default }
.Zebra_DatePicker td.dp_not_in_month_selectable { background: #F3F3F3; color: #CDCDCD; cursor: pointer }
.Zebra_DatePicker td.dp_weekend                 { background: #D8D8D8 }
.Zebra_DatePicker td.dp_weekend_disabled        { color: #CCC; cursor: default }
.Zebra_DatePicker td.dp_selected                { background: #5A4B4B; color: #FFF !important }
.Zebra_DatePicker td.dp_week_number             { background: #FFCC33; color: #555; cursor: text; font-style: italic }

/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td        { width: 33% }

/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td         { width: 33% }

/* = FOOTER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_footer                { margin-top: 3px }
.Zebra_DatePicker .dp_footer td             { color: #FFF; padding: 2px; font-weight: bold }
.Zebra_DatePicker .dp_footer .dp_hover      { background: #222; color: #FFF }

/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PREVIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current             { color: #C40000 }
.Zebra_DatePicker td.dp_disabled_current    { color: #E38585 }
.Zebra_DatePicker td.dp_disabled            { background: #F3F3F3; color: #CDCDCD; cursor: default }
.Zebra_DatePicker td.dp_hover               { background: #482424; color: #FFF }

/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
button.Zebra_DatePicker_Icon                { display: inline-block; position: relative; margin-right: 0 !important;   
    width: 16px; height: 16px; background: url('../img/calendar.png') no-repeat left top; text-indent: -9000px; border: none; cursor: pointer; padding: 0; line-height: 0; vertical-align: top; zoom: 1; *display: inline; }

button.Zebra_DatePicker_Icon_Disabled       { background-image: url('../images/calendar-disabled.png') }
/* don't set vertical margins! */
button.Zebra_DatePicker_Icon                { margin: 0 0 0 3px; position: relative }
button.Zebra_DatePicker_Icon_Inside         {  /*margin: 26px 0 0 !important; right: 35px; background-color: transparent!important;*/float: right; margin-top: -41px !important; right: 10px; }

.Date { width: 100% !important }
#return-details .Zebra_DatePicker_Icon_Inside { margin-top: -40px !important; }

/* Z-INDEX */
 .formError { z-index: 990; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }

    .ui-dialog .formError { z-index: 5000; }
    .ui-dialog .formError .formErrorContent { z-index: 5001; }
    .ui-dialog .formError .formErrorArrow { z-index: 5006; }

.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	cursor: pointer;
	text-align: left;
}

.formError.inline {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none;
}

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	position:relative;
	color: #fff;
	min-width: 180px;
	font-size: 11px;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	-o-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
}

.formError.inline .formErrorContent {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 0px;
	position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	-o-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 11px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}

.captcha input { width: 120px!important;}
.captcha-img { margin-left: 10px; max-width: 61px; text-shadow: none !important; display:inline !important }
@media all and (max-width: 1200px) {
	.nav > li > a {display: block; padding: 30px 7px 31px; font-size:14px }
	header.small a { padding: 15px 7px;}
	.navbar-logo h3 { font-size:13px; }
}
@media all and (max-width: 1020px) {
	
	.royalSlider-rooms { float: none !important; margin: auto !important; width: 100% !important}
	.main { width: 90% !important; margin: auto !important; display:block !important }
	
	
	
	

	
	.royalSlider-rooms { }
	nav { background: #042038 }
	table#desk { display:none; }
	table#mob { display: block;width: 100%; }
	#mobileenquiryForm { display: block; }
	button.contact { width: auto !important; margin: 0 !important }
	.formError .formErrorContent { right: 57% !important}
	.Container { margin-top: 0 !important} 
	td {width: 100%; }
	
	.main-left, .main-right, .accommodation-full-width { float: none; padding: 0; width: 100%; margin:auto }	
	.main-left h2, .main-left img{ margin-top: 0;}
	.spacer { margin: 0 !important }
	.navbar-logo { padding: 17px; }
	#full-width-slider { margin-top: 0!important; }
		
	#nav
    {
        position: fixed;
		
    }
	#nav li a { padding-top: 15px; padding-bottom: 15px; background:#042038; border-bottom: 1px solid #FFF; }
	#nav li a:hover { padding-top: 15px; padding-bottom: 15px; background:#516B7C;}
	
	
        #nav > a
        {
        }
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
			position: absolute; right: 0; top: 0px;
 			background-image: url('../img/nav.png'); 
			background-repeat: no-repeat;
			width: 50px;
			height: 50px;
			margin-top: 20px;
			right:20px;
			padding: 0!important;
			z-index: 111;
        }

 
    /* first level */
 
    #nav > ul
    {
        height: auto;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
		margin:0;
		padding:0;
		margin-top: 80px;
    }
	#nav > ul.small
    {
		margin-top: 27px;
		
		
    }
        #nav:target > ul
        {
            display: block;
			
			
        }
        #nav > ul > li
        {
            width: 100%;
            float: none;
			margin: 0; padding: 0;
			
        }
 
    /* second level */
 
    #nav li ul
    {
        position: static;
		padding-top: 15px;
    }

}
@media all and (max-width: 1000px) {
	
	.rates img { padding: 20px 0 0 0; }
	section.module.location {padding: 30px 0;  }
}
@media all and (max-width: 940px) {
	.location-right, .location-left { float: none; width: 100%; clear: both}
	.location-left { margin-top: 20px }
	.map { float: left; width: 50%; box-sizing:border-box; margin: 0 0 40px; }
	.directions { float: left; width: 50%; box-sizing:border-box; padding-left: 20px; margin: 0 0 40px; }
	body { overflow-x: hidden; }
	.main-left, .main-right { float: none; padding: 0; width: 100%; margin:auto }	
	#check-availability img { height: 40px; width: 35px; }
	#check-availability { height: 40px; margin-top: 25%; padding: 10px; position: fixed; right: -180px; text-decoration: none; width: 220px; }
	#check-availability h3 { margin: 0; }
}
@media all and (max-width: 760px) {
	.contact-left, .contact-right  { float: none; width: 100% }
	.contact-details, .copyright-info { padding: 30px 20px; box-sizing: border-box }
	
}
@media all and (max-width: 600px) {
	.rates table { width: 100% }
	.rates img { float: none; display: block; margin: auto}
	ul.three-col { 	-moz-column-count: 2; -moz-column-gap: 2.5em;	-webkit-column-count: 2; -webkit-column-gap: 2.5em; column-count: 2; column-gap: 2.5em; }
	.rsGCaption h2{ font-size: 24px!important; line-height: 1.2em; }
	#full-width-slider { padding-top: 80px!important;}
	#check-availability { margin-top: 30%;}
	.slider-caption { display: none; }
	.rsMinW .rsBullets { left: 50% !important; margin-left: -66px !important; right: inherit !important;bottom: 40px !important}
	.rsMinW .rsArrowLeft { left: 7px !important; bottom: 28px !important }
	.rsMinW .rsArrowRight { bottom: 28px !important }
	.review { padding-left: 30px  }

}
@media all and (max-width: 480px) {
	.map, .directions { float: none; width: 100%; margin: 0 !important; padding-left: 0 !important}
	#booking-form > div { width: 100% !important; float: none !important; margin: 0 !important; padding-right: 0 !important }
	#mobileenquiryForm > div { width: 100% !important; float: none !important; margin: 0 !important; padding-right: 0 !important }
	#booking-form select.guests  { width: 100% !important; float: none !important; margin: 0 !important }
	button.submit { width: 100% !important; float: none !important; margin: 0 0 10px 0 !important; padding-right: 0 !important }
	.block { width: 100% }
	.block img { width: 100%; }
	.location-left, .location-right { width: 100%; float: none; }
	section.module.parallax { background-position: 0 0 !important }
	.rates table td:nth-of-type(1), .rates table td { display: block; width: 100% }
	#nav > ul { margin-top: 164px }
	#nav { position: absolute; }
	nav.large { height: 164px }
	nav { background: #072339  }
	.navbar-logo h2 { margin: 60px 0 0; font-size: 30px }
	.navbar-logo h3 { font-size: 12px; line-height: 14px  }
	.navbar-logo { position: relative; float: none } 
	#scroll-break, #page-scroll-break { display: none; }
	section.module h2.cta { display: none !important }
	#full-width-slider { padding: 0px !important; }
	.main { width: 80% !important;}
}
@media all and (max-width: 380px) {
	ul.three-col { 	-moz-column-count: 1; -moz-column-gap: 2.5em; -webkit-column-count: 1; -webkit-column-gap: 2.5em; column-count: 1; column-gap: 2.5em; }
	#check-availability { margin-top: 100%;}	
	.rsGCaption h2{ font-size: 20px!important; line-height: 1.2em; }
	#scroll-break, #page-scroll-break { display: none; }
	.rsMinW .rsArrowLeft, .rsMinW .rsArrowRight { bottom: 8px !important }
	.rsMinW .rsBullets { bottom: 16px !important }
	.navbar-logo h3 { padding: 0 20px; }
	nav.large { height: 178px; }
}
@media all and (max-width: 240px) {
	nav.large { height: 208px; }
}
/** END MOBILE CSS **/