/* ==========================================================================
	Global Settings
========================================================================== */

/*
* Boxsizing set to border box http://css-tricks.com/box-sizing/
*/

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/

@font-face { font-family: 'BRADHITC'; src: url('../fonts/BRADHITC.eot'); src: url('../fonts/BRADHITC.eot') format('embedded-opentype'), url('../fonts/BRADHITC.woff2') format('woff2'), url('../fonts/BRADHITC.woff') format('woff'), url('../fonts/BRADHITC.ttf') format('truetype'), url('../fonts/BRADHITC.svg#BRADHITC') format('svg'); }
@font-face { font-family: 'HelveticaInseratLTStdRoman'; src: url('../fonts/HelveticaInseratLTStdRoman.eot'); src: url('../fonts/HelveticaInseratLTStdRoman.eot') format('embedded-opentype'), url('../fonts/HelveticaInseratLTStdRoman.woff2') format('woff2'), url('../fonts/HelveticaInseratLTStdRoman.woff') format('woff'), url('../fonts/HelveticaInseratLTStdRoman.ttf') format('truetype'), url('../fonts/HelveticaInseratLTStdRoman.svg#HelveticaInseratLTStdRoman') format('svg'); }
@font-face { font-family: 'HelveticaLTStdBold'; src: url('../fonts/HelveticaLTStdBold.eot'); src: url('../fonts/HelveticaLTStdBold.eot') format('embedded-opentype'), url('../fonts/HelveticaLTStdBold.woff2') format('woff2'), url('../fonts/HelveticaLTStdBold.woff') format('woff'), url('../fonts/HelveticaLTStdBold.ttf') format('truetype'), url('../fonts/HelveticaLTStdBold.svg#HelveticaLTStdBold') format('svg'); }
@font-face { font-family: 'HelveticaLTStdLight'; src: url('../fonts/HelveticaLTStdLight.eot'); src: url('../fonts/HelveticaLTStdLight.eot') format('embedded-opentype'), url('../fonts/HelveticaLTStdLight.woff2') format('woff2'), url('../fonts/HelveticaLTStdLight.woff') format('woff'), url('../fonts/HelveticaLTStdLight.ttf') format('truetype'), url('../fonts/HelveticaLTStdLight.svg#HelveticaLTStdLight') format('svg'); }
@font-face { font-family: 'HelveticaLTStdObl'; src: url('../fonts/HelveticaLTStdObl.eot'); src: url('../fonts/HelveticaLTStdObl.eot') format('embedded-opentype'), url('../fonts/HelveticaLTStdObl.woff2') format('woff2'), url('../fonts/HelveticaLTStdObl.woff') format('woff'), url('../fonts/HelveticaLTStdObl.ttf') format('truetype'), url('../fonts/HelveticaLTStdObl.svg#HelveticaLTStdObl') format('svg'); }

::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}
::selection { background: #b3d4fc; text-shadow: none; }
/*
* Body settings, change it as required
*/
html { background: #875525; }
body { font-family: 'HelveticaLTStdLight', Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.4; }
/*
* Headings
*/

h1, h2, h3, h4, h5, h6 { font-family: 'HelveticaLTStdBold'; font-weight: bold; text-rendering: optimizeLegibility; margin-top: 0px; }
/*
* Paragraphs
*/

p { font-size: 12px; font-weight: normal; margin-top: 0px; font-family: 'HelveticaLTStdLight'; }
/*
* Links
*/

a { color: #2ba6cb; text-decoration: none; line-height: inherit; }
a:hover { /*color: #2795b6;*/ }
a:focus { outline: none; }
p a, p a:visited { line-height: inherit; }
/*
* A better looking default horizontal rule
*/

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img { vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; }
/*
* Remove default fieldset styles.
*/

fieldset { border: 0; margin: 0; padding: 0; }
/*
* Allow only vertical resizing of textareas.
*/

textarea { resize: vertical; }
/* ==========================================================================
	Helper classes
========================================================================== */

/*
* Floats
*/

.left { float: left; }
.right { float: right; }
/*
* Text Alignment
*/

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
/*
* Image Alignment
*/

img.alignleft { float: left; margin: 0 10px 10px 0; display: inline; }
img.alignright { float: right; margin: 0 0px 10px 10px; display: inline; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
/*
* Image replacement
*/

.ir { background-color: transparent; border: 0; overflow: hidden;     /* IE 6/7 fallback */ *text-indent: -9999px;
}
.ir:before { content: ""; display: block; width: 0; height: 150%; }
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/

.hidden { display: none !important; visibility: hidden; }
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/*
* Hide visually and from screenreaders, but maintain layout
*/

.invisible { visibility: hidden; }
/*
* Clearfix: contain floats
*/

/*
* More semantic version as described in http://css-tricks.com/snippets/css/clear-fix/
*/
.group:after { content: ""; display: table; clear: both; }
/*
* overflow method for clearing floats
*/
.floatbox { overflow: hidden; }
/*
* older method of adding empty tags for clearing
*/
.clear { clear: both; height: 1px; line-height: 1px; }
/*
* Chromeframe
*/
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
/*
* Other
*/

b, strong { font-family: 'HelveticaLTStdBold' !important; }
input { padding-left: 8px; padding-top: 7px; margin: 3px; font-size: 13px; }
/* ==========================================================================
	Layout
========================================================================== */
/* Container ---------------------- */
.container { max-width: 740px; margin: 0; margin-left: auto; margin-right: auto; }
@media screen and (max-width:740px) {
.container { max-width: 100%; margin: 0; }
}
/* Header ---------------------- */
#header { background-image: url(../images/header-bg.png); background-repeat: no-repeat; background-position: left center; padding-top: 45px; padding-bottom: 13px; }
@media screen and (max-width:740px) {
#header { background-size: 140% 80%; background-position: left bottom; padding-bottom: 7px; position: relative; }
}
/* Banner ---------------------- */
#banner { }
/* Main Navigation ---------------------- */
#main-navigation { background: #ffffff; }
#main-navigation ul { list-style-type: none; margin: 0; padding: 0; }
#main-navigation li { display: inline-block; font-size: 29px; font-family: "BRADHITC"; font-weight: 500; margin-right: 8px; }
#main-navigation li:first-child { margin-left: 12px; }
#main-navigation a { color: #5f2000; }
#main-navigation li:hover a, #main-navigation li.active a { color: #c18e29; }
.menu-btn { display: none; padding: 0px; border: 0; position: absolute; right: 20px; top: 5px; z-index: 30000; background: none; }
.menu-btn.active { top: 10px; }
.menu-btn span.line { display: block; height: 3px; width: 28px; position: relative; margin: 6px 0; background: #5f2000; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.menu-btn.active span:first-child { left: 0; top: 0px; transform: rotate(45deg); }
.menu-btn.active span:last-child { left: 0; bottom: 18px; transform: rotate(-45deg); }
.menu-btn span:first-child, .menu-btn span:last-child { transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.menu-btn.active span:nth-child(2) { opacity: 0; }
/* Content ---------------------- */
#content { }
/* Main ---------------------- */
#main { width: 65%; float: right; background-color: #ffffff; padding: 25px 20px; }
@media screen and (max-width:740px) {
#main { width: 100%; float: none; ; }
}
/* Sidebar ---------------------- */
#sidebar { background: #d2d2d2; padding: 25px 20px 15px 20px; width: 35%; float: left; }
@media screen and (max-width:740px) {
#sidebar { width: 100%; float: none; ; }
}
/* Footer ---------------------- */
#footer { padding-top: 15px; padding-left: 20px; }
#footer p { color: #ffffff; font-size: 12px; }
#footer a { color: #f70707; border-bottom: 1px solid #f70707; }
/* ==========================================================================
	Common Functionalities & UI Elements
========================================================================== */
/*
* Btn
*/

.btn { background: #682301; font-size: 9.2px; color: rgb(255, 255, 255); text-transform: uppercase; border: none; font-weight: 600; padding: 8px 5px; text-align: center; }
/*
* Post
*/
.post dl, .post dt, .post dd, .post ul, .post ol, .post li, .post h1, .post h2, .post h3, .post h4, .post h5, .post h6, .post pre, .post p, .post blockquote, .post th, .post td { margin: 0; padding: 0; font-size: 14px; direction: ltr; }
.post p { font-family: inherit; font-weight: normal; font-size: 14px; line-height: 1.6; margin-bottom: 17px; }
.post p.lead { font-size: 17.5px; line-height: 1.6; margin-bottom: 17px; }
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 { font-weight: bold; font-style: normal; color: #222222; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 14px; }
.post h1 small, .post h2 small, .post h3 small, .post h4 small, .post h5 small, .post h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; }
.post h1 { font-size: 44px; }
.post h2 { font-size: 37px; }
.post h3 { font-size: 27px; }
.post h4 { font-size: 23px; }
.post h5 { font-size: 17px; }
.post h6 { font-size: 14px; }
.post code { font-weight: bold; background: #ffff99; }
/* Post - Lists ---------------------- */
.post ul, .post ol, .post dl { font-size: 14px; line-height: 1.6; margin-bottom: 17px; list-style-position: outside; }
.post ul li ul, .post ul li ol { margin-left: 20px; margin-bottom: 0; }
.post ol { margin-left: 20px; }
.post ol li ul, .post ol li ol { margin-left: 20px; margin-bottom: 0; }
/* Post - Blockquotes ---------------------- */
.post blockquote, .post blockquote p { line-height: 1.5; color: #6f6f6f; }
.post blockquote { margin: 0 0 17px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
.post blockquote cite { display: block; font-size: 13px; color: #555555; }
.post blockquote cite:before { content: "\2014 \0020"; }
.post blockquote cite a, .post blockquote cite a:visited { color: #555555; }
h2 { font-size: 16px; color: #5f2000; font-weight: 500; }
/*
* Form
*/

.form { margin-bottom: 22px; }
.form ul { list-style-type: none; margin: 0; padding: 0; }
.form ul li { margin-bottom: 12px; }
.form label { font-size: 11px; }
.form select { width: 100%; font-size: 12px; font-family: "Arial Unicode MS"; color: rgb(61, 60, 60); padding: 3px 4px; -moz-appearance: none; -webkit-appearance: none; appearance: none; border: 0; background: #fff; }
select:focus { outline: none; }
.selectbox { position: relative; display: inline-block; }
#sidebar .selectbox { width: 100%; float: right; }
.selectbox:before { pointer-events: none; position: absolute; content: ""; background: url(../images/selectbox.jpg); top: 50%; right: 0; width: 11px; height: 9px; margin-top: -4px; margin-right: 5px; background-size: cover; background-repeat: no-repeat; }
.ie .selectbox:before { display: none; }
.form input[type="submit"] { min-width: 93px; padding: 10px 12px; }
.form .date { margin-right: 7px; }
.form .month-year { max-width: 83px; }
.form .small { max-width: 43px; }
#sidebar p { font-size: 13px; color: rgb(61, 60, 60); text-align: center; margin-bottom: 3px; }
#sidebar h3 { font-size: 12px; color: rgb(104, 36, 1); text-align: center; margin-bottom: 7px; font-family: 'HelveticaLTStdLight'; }
.contact-info { margin-bottom: 15px; }
.contact-info a { color: rgb(61, 60, 60); }
#main p { font-size: 15px; text-align: justify; padding-right: 7px; color: rgb(61, 60, 60); }
/*
* download section
*/
.download-section { text-align: center; }
.download-section p { font-family: 'HelveticaLTStdObl'; }
.download-section p { font-size: 10px; font-style: italic; font-weight: 600; }
.download-btn { font-size: 9px; color: rgb(61, 60, 60); display: inline-block; }
.download-btn img, .download-btn span { display: inline-block; vertical-align: middle; margin: 0px 5px; }
.download-btn span { text-align: left; }
/*
* calendar settings
*/
.ui-datepicker td span, .ui-datepicker td a { text-align: center; font-family: 'HelveticaLTStdLight', Helvetica, sans-serif; font-size: 10px; padding: 9px 0px; }
.ui-datepicker-inline.ui-datepicker { width: 255px; }
.ui-datepicker td { border: 0; padding: 1px; height: 34px; width: 34px; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; background: #7e6d66; border-right: 2px solid #ffffff; }
.ui-datepicker th span { color: #ffffff; font-family: 'HelveticaLTStdRoman', Helvetica, sans-serif; font-size: 10px; text-transform: uppercase; }
.calendar-section { margin-bottom: 30px; }
#datepicker, .cal-elements { display: inline-block; vertical-align: bottom; }
.cal-elements .selectbox { min-width: 60px; }
@media screen and (max-width:740px) {
form { max-width: 320px; margin: 0 auto; }
h2 { text-align: left; }
}
 @media screen and (max-width:740px) {
 	#main p {padding-left: 15px; padding-right: 15px;}
 	#main h2 {padding-left: 15px;}
}

 @media screen and (max-width:740px) {

#main-navigation li { font-size: 25px; }
.ui-widget.ui-widget-content { width: 100% !important; margin-bottom: 15px; }
.legends ul li { display: block; float: left; width: 30%; font-family: 12px; }
.yearlist { min-width: 100% !important; }
#datepicker, .cal-elements { display: block; }
}
@media screen and (max-width:600px) {
.menu-btn { display: block; }
#main-navigation ul { display: none; }
#main-navigation li { display: block; text-align: center; font-size: 24px; font-family: "BRADHITC"; font-weight: 500; margin-right: 8px; line-height: 1.2; margin-bottom: 10px; }
#main-navigation li:first-child { margin-left: 0px; }
#footer p { text-align: center; }
#footer p a { display: inline-block; }
}
#content .col-sm-6 { padding-left: 7px; padding-right: 3px; }
.sidebar-content p { text-align: justify !important; font-size: 14px !important; padding-bottom: 10px; }
.sidebar-content-accom p { font-size: 14px !important; padding-bottom: 10px; }
.jstify { text-align: justify !important;}
/*
* legends
*/
.legends { margin-bottom: 20px; padding-left: 45px; ; }
.legends h3 { color: #3d3c3c; font-size: 10px; }
.legends ul { margin: 0; padding: 0; list-style-type: none; }
.legends ul li { color: #3d3c3c; font-size: 10px; margin-bottom: 11px; background-image: url(../images/legends-sprite.png); background-repeat: no-repeat; padding-left: 26px; }
.legends ul li:nth-child(1) { background-position: 0px 0px; }
.legends ul li:nth-child(2) { background-position: 0px -30px; }
.legends ul li:nth-child(3) { background-position: 0px -50px; }
.legends ul li:nth-child(4) { background-position: 0px -80px; }
.legends ul li:nth-child(5) { background-position: 0px -103px; }
.yearlist select { font-size: 12px; color: rgb(61, 60, 60); line-height: 2; padding-left: 6px; padding-top: 3px; text-align: left; width: 100%; -moz-appearance: none; -webkit-appearance: none; appearance: none; border: 0; background: #fff; }
.yearlist .selectbox::before { width: 10px; height: 8px; right: -2px; }
.yearlist { font-size: 12px; color: rgb(61, 60, 60); line-height: 1; text-align: center; padding: 6px 10px; min-width: 160px; display: inline-block; background: #c2c2c2; }
@media screen and (max-width:480px) {
.legends { margin-bottom: 20px; padding-left: 0; display: inline-block; }
#datepicker, .cal-elements { display: block; }
#main { padding: 25px 10px; }
#footer { padding-left: 0; }
}
@media screen and (max-width:400px) {
.legends ul li { width: 50%; }
}
.low-season { background: #85c266; }
.mid-season { background: #e0c266; }
.high-season { background: #e08566; }
.public-holiday { background: #66a3c2; }
.booked { background: #6685a3; }
/*p.info { text-align: justify !important; }*/
.fieldTable tr td { font-size: 12px; }
.error { font-size: 13px; color: #bf0c0c; font-family: 'HelveticaLTStdBold', Arial, Helvetica, sans-serif; padding-bottom: 10px; }
.success p { text-align: left !important; font-size: 13px !important; font-family: 'HelveticaLTStdBold', Arial, Helvetica, sans-serif !important; padding-bottom: 10px !important; }
#sidebar .rates-results { font-size: 13px !important; }
#sidebar .rates-results p.error { color: #b12828 !important; }
.wrapper { border: 10px solid #5f2000; border-top: 0; margin-bottom: 30px; position: relative; margin-top: -1px; }
#footer { background: #5f2000; padding-bottom: 1px; }
#header { margin-top: 30px; }
.tableMetaDow { width:13%; }
@media screen and (max-width:370px) {
  #dataTable tr td { width:10% !important; padding: 1%; font-size: 11px; }
}

#rates-page #sidebar strong , #index-page #sidebar strong {color: #5f2000;}

#sidebar .contact-info p {font-size: 13px; text-align: justify;}
#rates-page #sidebar p.larger {font-size: 15px; text-align: justify;}
#index-page #sidebar p.larger {font-size: 15px; text-align: justify;}

#rates-page .contact-info {padding-top: 20px;}

#accommodation-page .sidebar-content p {font-size: 15px !important;}
#main p.bedroom-img {padding-top:12px !important;}
#main p.ent-img {padding-top:20px !important;}

.accom-div {height: 450px;}

.clubhouse-2 img {margin-top: -10px; width: 49%;}

@media screen and (max-width:767px) {
	.cluhouse {max-width: 200px; margin-right: -4px;}
	.mobile-image {text-align: center !important; }
	.clubhouse-2{ padding-left: 4px;}
	.clubhouse-2 img {width: 99px;}
	.beach-course {max-width: 230px; }
	.accom-div {height: 290px;}
	.hide-mobile {display: none;}
}

@media screen and (max-width:420px) {
	.accom-div {height: 430px;}
	img.adjust-margins {margin-top: -80px; margin-bottom: 20px;}
}

@media screen and (max-width:330px) {
	img.adjust-margins {margin-top: -40px; margin-bottom: 20px;}
}

h2.business {text-align: center;}