body { margin: 0; padding: 0; background-color: #e9d9b5; }

.header-wrap {  position: fixed; z-index: 999999999999999; width: 100%; top:0; }

.sitemap { -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; }
	 
	 .g-recaptcha { margin-left: 18px; margin-top: 15px; }
	 
	 .openGardens { display: block; margin: auto; padding-top: 20px; }
	 
.videoEmbed { float: right; margin-right: 15px; margin-left: 50px; margin-top: 18px; width: 500px; height: 300px;}

.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; border: 3px solid #666; display: none; z-index: 999999999999999999999; 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; width: 16px; height: 16px;   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;color: #fff!important; }
button.Zebra_DatePicker_Icon_Inside         { margin: 0 12px 0 0;color: #fff!important; background-color: #fff!important; }

.header { background-color: #fff; width: 100%;max-width: 1280px; margin: auto; padding-top: 5px;-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;-webkit-box-shadow: 0px 0px 3px 3px  rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 3px 3px  rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 3px 3px  rgba(0, 0, 0, 0.1);  }
.logo { margin-left: 15px; }

.content ul { font-family: 'Lato'; font-size: 14px; }
.content { font-family: 'Lato'; font-size: 14px; }

.small-field { width: 179px!important; }
.small-field-date { width: 179px!important; margin-left: 0!important; }



.contact-left { float: left; margin-right: 20px;font-family: 'Lato'; }
.contact-left a { color: #1fa0b6; }
.contact-right { float: left;font-family: 'Lato'; }
.contact-right button { float: right; cursor:pointer;  border: 0; background-color: #1fa0b6; color: #fff;font-family: 'Lato'; font-size: 16px; font-weight: bold; padding: 10px;margin-top: 30px; }
.contact-right button:hover { background-color: #141414; }
.contact-right input { border: 1px solid #ccc; padding: 10px; }
.contact-right textarea { border: 1px solid #ccc; padding: 10px; width: 95%; }
.contact-right input:focus, .contact-right textarea:focus { background-color: #f2f2f2; }
.contact-left h4 { font-size: 24px; margin: 0; padding: 0; padding-bottom: 15px;color: #1fa0b6; }
.contact-right h4 { font-size: 24px; margin: 0; padding: 0;padding-bottom: 15px; color: #1fa0b6; }

.features { width: 650px; }

.features-1 { float: left; width: 300px; }
.features-1 td { padding: 7px;font-family: 'Lato'; font-size: 16px; border-bottom: 1px solid #ececec;}
.features-2 { float: left; width: 300px; margin-left: 30px; }
.features-2 td { padding: 7px;font-family: 'Lato';font-size: 16px; border-bottom: 1px solid #ececec; }

.rates { width: 800px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 15px; }

.rates p { margin-top: 5px!important;margin-bottom: 5px!important; }

.rates h3 { font-size: 18px!important; }
.rates h3 span { color: #1fa0b6; }

.rates table td { padding: 7px; }

.rates h6 { margin: 0; padding: 0; font-size: 14px; margin-left: 10px; }

.rates table { margin-right: 15px; border: 1px solid #ccc; }

.rates table tr:nth-child(2) { background-color: #f2f2f2; }

.rates td em { color: #909090; }

.content table { font-family:  'Lato'; font-size: 14px; margin-left: 15px; margin-right: 15px; }
.content table td {  }

.wrap { width: 100%;max-width: 1280px; margin: auto; }
.wrap-rest { margin-top: 30px; }

.breadcrumbs a { color: #fff; }
.breadcrumbs { font-family: 'Lato'; }

.contact-header { display: none; width: 830px; }

.gallery { margin: 0; padding: 0; list-style: none; }
.gallery li { float: left; margin-left: 15px;margin-bottom: 15px; }
.gallery li img { -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }

h6 { font-family: 'Lato';font-size: 18px; margin-left: 15px;  }

.antispam { display:none;}

	.book-room { background-color: #1fa0b6; text-decoration: none; color: #fff;font-family: 'Lato';font-size: 14px; padding: 7px; background-image: url('../images/calendar.png'); background-repeat: no-repeat; background-position: 5% 50%; padding-left: 35px;}

.accommodation-links a { cursor: pointer;background-color: #999b38; padding: 7px; color: #fff; text-decoration:none;font-family: 'Lato'; float: left; margin-left: 15px;margin-bottom: 15px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.content h3 { font-family: 'Lato';font-size: 16px; margin-left: 15px;  }
.accommodation-links a:hover { background-color: #bfc238; }
.accommodation-links {  }
.listing-block { width: 48%; float: left; margin-left: 15px; background-color: #f2f2f2; margin-bottom: 15px; -webkit-border-radius: 5px;
-moz-border-radius: 5px; max-height: 180px;
border-radius: 5px;min-height: 180px;}
.listing-block img { float: right; margin:15px; margin-right: 15px; }
.listing-block h6 { font-size: 14px; font-weight: normal!important; }
.listing-block h4 { font-family: 'Lato';font-size: 18px; margin-left: 15px;color: #141414; }
.listing-block h4 a { color: #141414; text-decoration: none; }
.listing-block h4:hover { color: #1fa0b6!important; }
.listing-block h4 a:hover { color: #1fa0b6!important; }
.listing-block a {  text-decoration: none; }
.listing-block p { font-weight: normal!important; }
.listing-readmore { font-family: 'Lato';font-size: 14px;font-weight: normal!important;background-color: #1fa0b6; color: #fff; text-decoration: none; padding: 7px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; margin-left: 15px; }
.listing-readmore:hover { background-color: #141414; }
.listing-block p {  }

.rooms { width: 97.3%; margin: auto;  }

.book-side { text-decoration: none; color: #141414; }

.rooms h4 { font-family: 'Lato';font-size: 18px; margin-left: 0!important; margin-top: 0; }
.rooms h3 { font-family: 'Lato'; margin-left: 15px; font-size: 18px; }
.rooms p { font-family: 'Lato'; margin-left: 0!important; margin-bottom: 25px; }
.rooms img { margin-top: 10px; margin-bottom: 10px; }

.rooms td { border-bottom: 1px solid #e0e0e0; }

.table-head { background-color: #1fa0b6; color: #fff;}

.table-head a { float: right; margin-top: 17px; margin-right: 20px; color: #fff; text-decoration: none; background-image: url('../images/features.png'); background-repeat: no-repeat; background-position: left center; padding-left: 30px; padding-top: 3px; }

.sidebar { float: right; width: 35%;  margin: 18px; border: 1px solid #e0e0e0;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; padding-bottom: 18px; }
.side-no-padding { padding-bottom:0; }
.sidebar-heading { background-color: #1fa0b6;font-family: 'Lato'; color: #fff; font-weight: bold; font-size: 18px; padding: 15px; }
.sidebar-box { padding-top: 15px; }
.sidebar-heading-round { -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px; }

.sidebar-box form {  }
.sidebar-box form input { width: 88%; padding: 7px; margin-left: 18px; margin-bottom: 10px;font-family: 'Lato'; font-size: 14px; }
.sidebar-box form textarea { width: 88%; padding: 7px; margin-left: 18px; margin-bottom: 10px;font-family: 'Lato';font-size: 14px; color: #7f7f7f; }
.submit { margin-left: 18px; border: 0; background-color: #141414; width: 91.7%; padding: 7px; color: #fff; text-align: center;font-family: 'Lato'; font-weight: bold; font-size: 18px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; margin-bottom: 18px;}

.sidebar-box iframe { width: 100%; height: 350px; margin-top: -15px;margin-bottom: -4px; }

.search-results h4 { margin-left: 15px; font-family: 'Lato'; font-size: 18px;font-style: normal!important;   }

.search-results { font-style: normal!important; }
.search-results p {  font-style: normal!important; font-weight: normal!important; }

.search-results hr { border: 0; border-top: 1px solid #ccc; margin-left: 15px; margin-right: 15px; }
.search-results a { color: #1fa0b6;text-decoration:none;font-style: normal!important;   }
.search-results img { float: right; margin-right: 15px; }

.google-map-large {   }
.google-map-large iframe { width: 700px; height: 450px; }

.enlarge-map { position: absolute; background-color: #141414; color: #fff; text-decoration: none;font-family: 'Lato'; font-size: 14px; margin-top: 240px; padding: 7px; font-weight: bold;-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;}

.phone { background-image: url('../images/phone-contact.png'); background-repeat: no-repeat; background-position: left; padding-left: 30px; }
.email { background-image: url('../images/email.png'); background-repeat: no-repeat; background-position: 3% 100%; padding-left: 30px; color: #000; text-decoration: none; }

.bread-wrap { width: 100%;max-width: 1280px; margin: auto; margin-top: 90px; }

.js div#preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background: #fff url('../images/preloader.gif') no-repeat center center; }

.listing-img { float: right; margin: 20px; border: 5px solid #1fa0b6; padding: 2px; }

.footer-copyright { width: 100%; background-color: #1b5568; text-align: center; color: #fff;font-family: 'Lato'; font-size: 12px; padding-top: 5px; padding-bottom: 5px; }

.footer-copyright a { color: #fff; }

.subscribe_button { border: 0; padding: 8px 8px 10px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; background-color: #69bad7; color: #fff; }

.footer { background: url("../images/footer-bg.jpg") repeat-x scroll 0 0 #2d86a4;
    height: auto;
    margin-top: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;  margin-top: 20px; font-style: normal!important; }
	.footer:after { background: url("../images/footer-bottom-bg.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    content: " ";
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%; }
	
	.footer-top { width: 100%; max-width: 1280px; margin:auto; padding-top: 13px; }
	.footer-container {  width: 100%; max-width: 1280px; margin:auto;  }
	
	.footer-block { float: left; margin-right: 105px; }
	.footer-block h5 { font-size: 20px; font-family: 'Lato'; color: #fff; margin-bottom: 15px; }
	.footer-block:nth-child(3){  margin-right: 30px; }
	.footer-block:nth-child(4) {  margin-right: 0; }
	.footer-block ul { list-style: none; margin: 0; padding: 0; font-weight: normal!important; }
	
	.footer-block a { text-decoration: none; color: rgba(255,255,255,0.5); font-family: 'Lato'; font-size: 14px; -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;}

.footer-block a:hover { color: rgba(255,255,255,1); }
	
	.facebook { background: url("../images/social_sprite.png"); width: 32px; height: 32px; float: left; cursor: pointer; }
	.facebook:hover { background-position: 100% 0%; }
	.twitter { background: url("../images/social_sprite.png"); background-position: 0% 100%; width: 32px; height: 32px;float: left; margin-left: 10px;cursor: pointer; }
	.twitter:hover { background-position: 100% 100%; }
	.bottom-search { height: 34px;
    position: absolute;
    margin-left: 1002px;
    top: 12px;
    width: 290px; }
	.bottom-search input { background: url("../images/footer-search.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #6d6d6d;
    font-size: 13px;
font-family: 'Lato'; font-size: 14px;
    height: 34px;
    left: 0;
    margin: 0;
    padding: 0 0 0 10px;
    position: absolute;
    width: 237px; }
	.bottom-search button { 
	background: url("../images/footer-search.jpg") no-repeat scroll -237px 0 rgba(0, 0, 0, 0);
    border: 0 none;
    height: 34px;
    left: 235px;
    position: absolute;
    top: 0px;
    width: 47px;}

.featured-div {  background-color: #fff; z-index: 6;  margin-top: 30px;  width: 1280px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;-webkit-box-shadow: 0px 0px 3px 3px  rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 3px 3px  rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 3px 3px  rgba(0, 0, 0, 0.1);  }
.featured-div p { font-family: 'Lato'; font-size: 14px; margin-left: 15px; margin-right: 15px; margin-top: 0; }
.featured-div h1 { color: #1fa0b6;font-family: 'Lato';   font-size: 36px;margin: 0; padding: 0; padding-left: 15px; padding-top: 15px; padding-bottom: 15px;  }

.content {  background: rgba(255,255,255,0.9); z-index: 6; margin-top: 20px; width: 1280px;-webkit-border-radius: 5px; padding-bottom: 1px;
-moz-border-radius: 5px;
border-radius: 5px;-webkit-box-shadow: 0px 0px 3px 3px  rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 3px 3px  rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 3px 3px  rgba(0, 0, 0, 0.1);  }
.content h4 { font-family: 'Lato'; font-size: 18px; margin-left: 15px;  }
.content p { font-family: 'Lato'; font-size: 14px; margin-left: 15px; margin-right: 15px; margin-top: 0; }
.content h1 { color: #1fa0b6;font-family: 'Lato';   font-size: 36px;margin: 0; padding: 0; padding-left: 15px; padding-top: 15px; padding-bottom: 15px;  }
span.rollover:hover ~ .feature-block-title  {
color: #ff0000!important;
}
.featured { z-index: 99999; }
.featured h4 { color: #1fa0b6;font-family: 'Lato';   font-size: 36px;margin: 0; padding: 0; padding-left: 15px; padding-top: 15px; padding-bottom: 0px;}
.feature-block { float: left; height: 300px; width: 400px; margin-left: 20px;margin-top: 20px; }
.feature-block-title { position: absolute; z-index: 10; border-bottom: 3px solid #1fa0b6;background: rgba(0,0,0,0.5); color: #fff;font-family: 'Lato'; font-weight: bold; font-size: 24px; width: 400px; text-align: center; padding-top: 15px; padding-bottom: 15px; }
.feature-block-link { position: absolute;  background: rgba(255,255,255,0.5); color: #fff;font-family: 'Lato'; font-weight: bold; font-size: 16px; width: 400px; text-align: center; padding-top: 5px; padding-bottom: 5px; margin-top: 256px; }
.feature-block-link a { text-decoration: none; color: #141414; }


.content2 {  margin-top: 15px; }
.content3 { margin-top: 620px; }

.clear-content { clear: both; height: 150px; }


/* css-method */


span.rollover {
	opacity: 1;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	background:url('../images/mag.png') center 65% no-repeat #000;
	cursor: pointer;
	height: 286px;
	width: 400px;
	position: absolute;
	z-index: 10;
	opacity: 0;
	z-index: 5;
}

span.rollover:hover {
	opacity: .7;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;
	box-shadow: 0px 0px 4px #000;
}






.search-container { width: 100%; max-width: 1280px; margin: auto;z-index: 9999;  }
.search-container h1 { font-size: 42px;font-family: 'Lato'; font-weight: normal; letter-spacing: 1px; margin: 0; padding: 0; margin-bottom: 20px; color: #fff;text-shadow: 1px 1px #093239; }
.search-container h1 a { color: #19ccea; text-shadow: 1px 1px #093239;  font-weight: bold;}
.search { -webkit-box-shadow: 0px 0px 3px 3px  rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 3px 3px  rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 3px 3px  rgba(0, 0, 0, 0.1); margin-top: 30px;margin-bottom: 30px;z-index: 999999;background-image: url('../images/meta_bg_wht.png'); border: 1px solid #fff; padding: 30px; width: 100%; max-width: 1220px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.search p { font-family: 'Lato';font-size: 14px; font-style:italic; margin: 0; padding: 0; padding-bottom: 10px; font-weight: normal; }
.search input { padding: 9px;margin-top: -2px; border: 0; width: 36%; float: left; font-family: 'Lato';font-size: 14px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;font-weight: bold; color: #787878;border: 1px solid #c8c8c8;
border-radius: 3px; margin-right: 0px;letter-spacing: 0.7px;}

.search button { padding: 7px; margin-left: 12px;margin-top: -1px; border: 1px solid #187686;  background-image: url('../images/search-bg.png');-webkit-border-radius: 3px;
-moz-border-radius: 3px;  color: #fff; cursor: pointer;
border-radius: 3px;font-family: 'Lato';font-size: 14px; font-weight: bold;letter-spacing: 0.7px;  }
.search button:hover { background-color: #167c8e; background-position: 0px 51px; }

.radio-div1 { float: left;
	margin: 0 0;margin-top: -30px;font-family: 'Lato';font-size: 14px; }
	
	.radio-div2 { float: left;
	margin: 0 15px;margin-top: -30px;font-family: 'Lato';font-size: 14px; }
	
	.radio-div3 { float: left;
	margin: 0 0px;margin-top: -30px;font-family: 'Lato';font-size: 14px; }
	
	.radio-div4 { float: left;
	margin: 0 15px;margin-top: -30px;font-family: 'Lato';font-size: 14px; }
	




label {
  width: 200px;
  border-radius: 3px;
 border: 1px solid #c8c8c8;
  background-color: #fff;
  font-weight: bold;
  letter-spacing: 0.7px;
}

.label-all {
  width: 80px;

}

.label-accommodation {
  width: 180px;

}

.label-restaurants {
  width: 150px;

}


/* hide input */
.radio:empty {
	display: none;
}

/* style label */
input.radio:empty ~ label {
	position: relative;
	float: left;
	line-height: 2.5em;
	text-indent: 3.25em;
	margin-top: 2em;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input.radio:empty ~ label:before {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	content: '';
	width: 2.5em;
	background: #D1D3D4;
	border-radius: 3px 0 0 3px;
}

/* toggle hover */
input.radio:hover:not(:checked) ~ label:before {
	content:'\2714';
	text-indent: .9em;
	color: #C2C2C2;
}

input.radio:hover:not(:checked) ~ label {
	color: #888;
}

/* toggle on */
input.radio:checked ~ label:before {
	content:'\2714';
	text-indent: .9em;
	color: #fff;
	background-color: #4DCB6D;
}

input.radio:checked ~ label {
	color: #1fa0b6;
}

/* radio focus */
input.radio:focus ~ label:before {
	box-shadow: 0 0 0 0px #999;
}




#menu {
margin:0 auto;
padding: 0;
float: right;
margin-top: 45px;
margin-right: 10px;
}

.contact { float: right; background-color: #1fa0b6; color: #fff;font-family: 'Lato';font-size: 14px;padding: 10px 12px 10px 9px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;margin-top: 39px; margin-right: 15px;
background-image: url('../images/contact-icon.png'); background-repeat: no-repeat; padding-left: 35px; background-position: 7% 50%;
text-decoration: none;
}


#menu li {
list-style: none;
float: left;
border-left:1px solid #ccc!important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
 #menu li {  z-index: 9999!important; }
 #menu li a { padding: 2px 8px 2px 8px; }
 
}



#menu li:first-child {
list-style: none;

}

#menu li:last-child {
border-right: 0!important;
}

#menu li a {
display: block;
padding: 2px 17px 2px 17px;
color: #141414;
text-decoration: none;
 -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
font-size: 17px;
font-family: 'Lato';
text-align: center;
-webkit-backface-visibility: hidden;

}

#menu li a:hover {
color: #1fa0b6;

}

#menu li:hover {
	
}

#menu li ul {
display: none;
width: 12em; /* Width to help Opera out */

}

#menu li p {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 15px;
color: #FFFFFF;
}

#menu li:hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0;
z-index: 99999;
margin-left: 0;
background-color: #FFFFFF!important;
width: auto;
}

#menu li:hover li {
float: none;
border-right: 0;
border-left: 0;
border-bottom: 0;

}

#menu li:hover li:first-child {
border-top: 0;
}
#menu li:hover li a {

border-left: 0;
color: #FFF;
padding: 8px 18px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: left;
width: auto;
border-right: 0;
background-image: none;
background-color: #b6b2a1;
text-shadow: 1px 1px #000000;
border-bottom: 1px solid #827d67;

}




#menu li li a:hover {
background-repeat: no-repeat;
background-position: right;
background-color: #d0ccbc;
color: #FFF;
}



.cbp-bislideshow {
	list-style: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 0;
	margin: 0;
}

.cbp-bislideshow li {
	position: absolute;
	width: 101%;
	height: 101%;
	top: -0.5%;
	left: -0.5%;
	opacity: 0;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	transition: opacity 1s;
}

/* If background-size supported we'll add the images to the background of the li */

.backgroundsize .cbp-bislideshow li {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}

/* ...and hide the images */
.backgroundsize .cbp-bislideshow li img {
	display: none;
}

.cbp-bislideshow li img {
	display: block;
	width: 100%;
}

.cbp-bicontrols {
	position: fixed;
	width: 300px;
	height: 100px;
	margin: -50px 0 0 -150px;
	top: 50%;
	left: 50%;
}

.cbp-bicontrols span {
	float: left;
	width: 100px;
	height: 100px;
	position: relative;
	cursor: pointer;
}

.cbp-bicontrols span:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	font-family: 'entypo';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 100px;
	font-size: 80px;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	opacity: 0.7;
}

.cbp-bicontrols span:hover:before {
	opacity: 1;
}

.cbp-bicontrols span:active:before {
	top: 2px;
}

span.cbp-biplay:before {
	content: "\e002";
}

span.cbp-bipause:before {
	content: "\e003";
}

span.cbp-binext:before {
	content: "\e000";
}

span.cbp-biprev:before {
	content: "\e001";
}

.cbp-bicontrols span.cbp-binext {
	float: right;
}

/* Fallback */

.no-js.no-backgroundsize .cbp-bislideshow li:first-child {
	opacity: 1;
}

.no-js.backgroundsize .cbp-bislideshow li:first-child img {
	display: block;
}

/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none; margin-left: 10px;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:-10px;font-family: 'Lato';font-size: 14px;color: #1fa0b6; font-weight: bold; }
ul.bjqs-controls.v-centered li.bjqs-prev a{left:10px;font-family: 'Lato';font-size: 14px; color: #1fa0b6; font-weight: bold;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

#photos { width: 770px; margin-top: 10px;margin-bottom: 20px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }

#photos img  { -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }

#home-fade { margin-bottom: 30px !important; margin-top: 145px; }
#home-fade img { -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }


#container{
	max-width:620px;
	margin:0 auto;
	padding-bottom:80px;
}

#banner-fade,
#banner-slide{
	margin-bottom: 60px;
}

ul.bjqs-controls.v-centered li a{
	display:block;
	padding:10px;
	background:#fff;
	color:#315c92;
	text-decoration: none;
	 font-family: 'oswaldbook';
	 text-transform: uppercase;
}

ul.bjqs-controls.v-centered li a:hover{
	background:#000;
	color:#fff;
}

ol.bjqs-markers li a{
	padding:5px 10px;
	background:#000;
	color:#fff;
	margin:5px;
	text-decoration: none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: #999;
}

p.bjqs-caption{
	background: rgba(255,255,255,0.5);
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
	
	
}

.fancybox-wrap {
	position: absolute;
	top: 110px!important;
	left: 0;
	z-index: 8020;
	overflow: hidden;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../images/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
   margin: 0!important;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../images/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../images/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../images/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}



.captcha
{
  width: 176px;
  margin: 0 auto;
  margin-left: 0px;
  margin-top: -12px;
}
.refresh
{
  position:relative;
  float: right;
  margin-right: -125px;
}

#SpamCheck { margin-left: 10px!important; float: right; margin-top: -8px; }

#url
{
  visibility: hidden;
  height: 1px;
  width: 1px;
  position:absolute;
}

/* Z-INDEX */
 .formError { z-index: 990; margin-left: -120px; }
    .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: 120px;
	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 13px;
	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: 60px!important;}
.captcha-img { margin-left: -2px; margin-bottom: -25px!important; }



/** START MOBILE CSS **/

@media only screen and (max-width : 1000px) {
	
	body { background-color: #f8f7f1; }
	
	.header-wrap { position: relative; }

#menu { margin: 0; }

.header { height: inherit;padding-top: 25px; text-align:center; width: 94%; }

.contact { float: none; margin-right: 0; }

.logo { margin-top: 25px; margin-left: 0; width: 94%; max-width: 380px; }
.search-container {  }
.search-container { width: 94%; }
.cbp-bislideshow { display: none; }
.radio-div1 { visibility: hidden;width: 0; }
.radio-div2 { display: none; }
.radio-div3 { display: none; }
.radio-div4 { display: none; }

.search { margin-top: 15px; }

.search-container h1 { padding-left: 15px; padding-right: 15px; font-size: 20px; text-shadow: none; color: #000; }
.search-container h1 a { text-shadow: none; color: #1fa0b6; }

.search p { padding-left: 15px; padding-right: 15px; }

.search form { padding-left: 15px; padding-right: 15px; }

.search input { width: 60%; }

.search { text-align: center; padding: 0; padding-top: 30px; padding-bottom: 30px; border: 0;}
.featured h4 { font-size: 18px; text-align: center;  }
.featured-div { width: 94%;margin: auto; margin-top: 15px; text-align:center; }

.footer-block { float: none; margin-right: 0; margin: auto; text-align: center; }

.footer { height: inherit; }

.footer-top { text-align: center; }

.content  { width: 94%; margin: auto; margin-top: 20px; text-align: center; }

.feature-block { margin:auto;float: none;width: 100%; margin-left: 0; height: inherit; margin-top: 10px;  }
.feature-block img { width: 94%; }
.feature-block-title { width: 94%;  font-size: 14px; position: relative; margin: auto; background: rgba(0,0,0,1); }
span.rollover { display: none; }

.content h1 { font-size: 18px; }

.bottom-search { display: none; }

.facebook { float: none;display: inline-block;margin:auto; } .twitter { float: none; display: inline-block; margin:auto; }

#nav
    {
        position: relative;
		z-index: 9999999;
		
    }
	#nav li a {  padding-top: 10px; padding-bottom: 10px;color: #fff; display: block; }
	#nav li a:hover {   }
	
	
        #nav > a
        {
        }
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
			position: absolute; right: 12px; margin-top: -36px;
			background-image: url('../images/nav.png');
			background-repeat: no-repeat;
			width: 50px;
			height: 50px;
        }
 
    /* first level */
 
    #nav > ul
    {
        height: auto;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
		width: 100%;
		margin-top: 20px;
		
		
    }
        #nav:target > ul
        {
            display: block;
			
			
        }
        #nav > ul > li
        {
            width: 100%;
            float: none;
			margin: 0; padding: 0;
			background-color: #1fa0b6;
			border-bottom: 1px solid #fff;
			
			
        }
 
    /* second level */
 
    #nav li ul
    {
        position: relative!important;
		width: 100%;
    }
	
	    #nav li:hover li a
    {

    }
	
	.bread-wrap { margin-top: 15px; width: 94%;text-align: center; }
	.breadcrumbs a { color: #1fa0b6; text-decoration: none;  }
	
	.accommodation-links { width: 100%; text-align: center; }
	.accommodation-links a { width: 92%;  display: block; padding-left: 0; padding-right: 0; float: none; }
     
	.listing-block { width: 92%; max-height: inherit; padding-bottom: 20px; }
	.listing-block h4 { margin-top: 5px; margin-bottom: 5px; }
	.listing-block img { float: none;  }
	
	#panel { visibility: hidden; }
	
	.content { padding-top: 25px; }
	
	#map-canvas { height: 150px!important; }
	
	.enlarge-map { display: none; }
	.book-room { display: none; }
	
	#photos { width: 92%; }
	ul.bjqs-controls.v-centered li.bjqs-next a { margin-top: 50px; }
	ul.bjqs-controls.v-centered li.bjqs-prev a { margin-top: 50px; }
	
	.sidebar { float: none; width: 88%; margin: auto;  }
	
	.rates { width: 90%; margin: auto; }
	.rooms h3 {  }
	
	.rooms td:nth-child(2) { display: none; }
	
	.table-head { padding-top: 20px; text-align: center; }
	
	.table-head a { float: none; background-image: none; padding-left: 0; margin-right: 0; }
	
	.rooms h4 { margin-top: 20px; }
	.rooms h3 { margin-left: 0; color: #81edff; }
	
	.rooms { width: 90%; margin:auto; margin-top: 40px; }
	
	.sidebar-box form input { width: 65%; margin-left: 0; }
	.sidebar-box form textarea { width: 65%; margin-left: 0; }
	
	.content table { margin: auto; }

}

@media only screen and (max-width : 890px) {
	.gallery li { float: none;  }
}

@media only screen and (max-width : 460px) {
	.gallery li { margin: 0; margin-bottom: 5px; }
	.gallery li img { width: 90%;  }
}

/** END MOBILE CSS **/



@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2'), url(http://fonts.gstatic.com/s/lato/v11/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(http://fonts.gstatic.com/s/lato/v11/tI4j516nok_GrVf4dhunkg.woff2) format('woff2'), url(http://fonts.gstatic.com/s/lato/v11/BVtM30trf7q_jfqYeHfjtA.woff) format('woff');
}