/** {-webkit-transform: translateZ(0) !important;;
-webkit-overflow-scrolling: touch !important;;
 -webkit-backface-visibility: hidden !important;
}*/
body { background-color: #fff; font-family: 'Georgia', serif; color: #212121; -webkit-backface-visibility: hidden !important;}
p, ul { line-height: 1.5em }
a { color: #557d2a; text-decoration:none; }
a:hover { text-decoration:underline; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: 'Oswald', sans-serif;  }
h1 { font-size:2em; font-family: 'Oswald', sans-serif; }
h2 { font-size:30px; }
h3 { font-size:20px; font-weight: normal; font-family: 'Georgia', serif; letter-spacing:0.5px; margin: 15px 0; color: #557d2a; font-weight:bold; }
ul { font-family:Arial, Helvetica, sans-serif; font-size: 0.95em; color: #555; line-height: 1.6em } 
.clear { clear:both; }

header {
position: fixed;
width: 100%;
height: 134px;
top: 0;
z-index: 99999999999999999999999;
background-color: #fff;
} 
.banner { background: #FFF; height: 100px; -webkit-box-shadow: 0px 0px 4px 1px rgba(120,120,120,1);
-moz-box-shadow: 0px 0px 4px 1px rgba(120,120,120,1);
box-shadow: 0px 0px 4px 1px rgba(120,120,120,1); overflow:hidden}

.wrap { width: 100%; max-width:1090px; margin:auto; padding: 0 20px; box-sizing:border-box}

#top-bar { width: 100%; background: #557d2a; font-size: 0.8em; color: #FFF; }
#top-bar a { color: #FFF; font-weight: normal; text-decoration:none; }
#top-bar a:hover { color: #FFF; font-weight: normal; text-decoration:underline; }
#top-bar-left { float: left; padding: 4px 0; }
#top-bar-right { float: right; padding: 4px 0; }

.logo { font-family: 'Oswald', sans-serif; float:left; padding: 1.2em 0; text-transform: uppercase; }
.bed-and-breakfast { text-transform:none; text-align:center; margin: 0; font-weight:normal; color: #212121; visibility:visible }
.b { color: #557d2a; font-size: 2.0em; vertical-align:middle; line-height: 1em; }

#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: 22%;
    outline: medium none;
    padding: 10px;
    position: fixed;
    right: -170px;
    text-decoration: none;
    width: 230px;
    z-index: 2147483647;
	text-align:center;
}
#check-availability:hover {
    position: fixed;
    right: 0;
}
#check-availability, #check-availability img {
    transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
#check-availability img {
    float: left;
    margin-right: 10px;
}
h3.check { font-family: 'Oswald' , arial, sans-serif; font-weight:normal; font-size: 18px; text-transform:uppercase; }

/*Navigation*/
.main-nav { float: right; margin: 0; margin-top: 2.5em; list-style: none; font-size: 1em; line-height:1em; padding-top: 5px; }
.main-nav li { float: left; }
.main-nav li a { margin: 0 0.5em; padding: 0.5em 0; font-family: 'Georgia', serif; font-size: 0.95em; color: #141414; font-weight: normal; text-decoration:none; font-weight: lighter; }
.main-nav li a:hover { border-bottom: 2px solid #557d2a; color: #557d2a; transition:color ease 0.5s; transition: border-bottom ease 0s}
.main-nav li a.active { border-bottom: 2px solid #557d2a; }
.main-nav li a.book-now { background-color: #557d2a; background-image: url("../img/icon-date.png"); background-position: 12px 21px; background-repeat: no-repeat; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #fff; margin-left: 10px; padding: 20px 30px 20px 35px; }
.main-nav li a.book-now:hover { background-color: #2B4330; border: none; transition:all ease 0.5s}
.main-nav li a.last { margin-right: 0; }

/*Slideshow*/
.cycle-overlay {
	background: rgba(0,0,0,0.6);
    bottom: 25%;
    color: white;
    font-family: tahoma,arial;
    left: 15%;
    position: absolute;
    width: auto;
    z-index: 600;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-bottom: 4px solid #557d2a;
}
.cycle-overlay div:nth-of-type(1) { color:#FFF; font-size:2em; font-family: 'Oswald', sans-serif; padding: 10px 15px}
.cycle-overlay div:nth-of-type(2) { color:#557d2a; background: #fff; opacity: 0.8; font-family: 'Georgia', serif; font-style:italic; font-size: 1.2em; padding: 5px 15px }

.cycle-slideshow img { width: 100%; max-width:1920px; height: auto }

.cycle-prev { background: url(../img/direction-prev.png) no-repeat scroll 10% 50% rgba(0, 0, 0, 0); left: 0; }
.cycle-next { background: url(../img/direction-next.png) no-repeat scroll 90% 50% rgba(0, 0, 0, 0); right: 0; }
	
.cycle-prev:hover, .cycle-next:hover { opacity: 0.7; }
.cycle-prev, .cycle-next {
    cursor: pointer;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 23%;
    z-index: 800;
}
/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 50px; overflow: hidden; 
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #fff; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #2B4330;}
.cycle-pager > * { cursor: pointer;}

.grid {
    clear: both;
    list-style: outside none none;
    margin: 0 auto;
    max-width: 1000px;
    overflow: hidden;
    padding: 8px 0 1em;
    position: relative;
    text-align: center;
}
.grid figure {
    cursor: pointer;
    float: left;
    height: auto;
    margin: 0 8.1px;
    max-height: 210px;
    max-width: 317px;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.grid figure img {
    display: block;
    max-width: 100%;
    opacity: 0.1;
    position: relative;
}
.grid figure figcaption {
    backface-visibility: hidden;
    color: #fff;
    font-size: 1.25em;
}

.grid figure figcaption, .grid figure figcaption > a {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.grid figure figcaption > a {
    font-size: 0;
    opacity: 0;
    text-indent: 200%;
    white-space: nowrap;
    z-index: 1000;
}
.grid figure figcaption:before, .grid figure figcaption:after {
    pointer-events: none;
}
.grid figure h2 {
    font-weight: 300;
    margin-top: 50px;
}
.grid figure h2 span {
    font-weight: 800;
}
.grid figure h2{
    margin-top: 100px;
	background: rgba(85, 125, 42, 0.6);
}
.grid figure h2 span:hover{
	background: rgba(85, 125, 42, 1);
}
.grid figure p {
    margin-top: 10px;
}
.grid figure p {
    font-size: 68.5%;
    letter-spacing: 1px;
}
figure.effect-selena {
    background: rgba(55, 84, 25, 1);
}
figure.effect-selena img {
    opacity: 1;
    transform-origin: 50% -270% 0;
    transition: transform 0.35s ease 0s;
}
figure.effect-selena:hover img {
    transform: scale3d(0.95, 0.92, 1);
}
figure.effect-selena h2 {
    transform: translate3d(0px, 20px, 0px);
    transition: transform 0.35s ease 0s;
	
}
figure.effect-selena p {
    opacity: 0;
    transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
    transform-origin: 50% 0 0;
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}
figure.effect-selena:hover h2 {
    transform: translate3d(0px, 0px, 0px);
}
figure.effect-selena:hover p {
    opacity: 1;
    transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
	padding: 0 10px;
	line-height:1em;
}

.bing-map { margin: 40px auto 0 auto; width: 100%; max-width: 340px; }
.bing-map-links {margin: 12px 0 0 0;}
.bing-map-links a { font-family: arial,Arial,Helvetica,sans-serif; font-size: 0.9em; }

.iframeWrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}
.iframeWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	border: none;
  	width: 100%;
	height: 480px;
	border: none;
}
.map-overlay { 
	background:#FFF; 
	opacity:1;
	position:absolute;
	width: 100%;
	height:480px;
	z-index:3;
	background-size:contain;
}
.map-overlay img { width: 100%; }
.map-overlay:hover {
	opacity:0.5
}
.map-overlay-remove {
	display:none; 
}
.map-download { text-align: center; font-family:arial, Arial, Helvetica, sans-serif; font-size:0.9em; padding-top: 0; margin-top: -13px; }
.coords { color:#333; }

.main { border-bottom: 6px #557D2A solid; background: #FFF; background-image: url(../img/pat-bg.png);  margin: -50px 0 -60px ; position: relative; z-index:100; padding: 1.5em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.main ul, .main img { margin-bottom: 20px; }
.left-column { float:left; width: 65%; box-sizing:border-box; }
.right-side-column { width: 35%; float: right; box-sizing:border-box; padding-left: 20px; margin-top: 20px; }
.right-side-column img { box-shadow: 0 0 5px #aaa; }
.width-100 { width: 100%; }
.img-float-left { float: left; margin: 0 10px 10px 0; }
.img-float-right { float: right; margin: 0 0 10px 10px; }

.call-out { width: 200px; height: 100px; background: #557d2a; border: #FFF 6px solid; -moz-border-radius: 108px / 56px; -webkit-border-radius: 108px / 56px; border-radius: 108px / 56px; position:absolute; right: 10px; top: -50px; padding-top:0px; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75); z-index: 9999999999 }
.call-out:hover { background-color: #2B4330; transition:all ease 0.5s }
.call-out h4 { font-weight: lighter;padding:0; margin:0; color: #FFF; font-family: 'Oswald', sans-serif; line-height:2em; text-align:center }
.call-out-left { float:left; margin-left: 53px; font-family: 'Georgia', serif; }
.call-out-v2 { text-align:center; color: #FFF; padding: 7px; background: #557d2a; border: #FFF 2px solid; -moz-border-radius: 6px; -webkit-border-radius:6px; border-radius:6px; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75); }
.phone { font-family: 'Oswald', sans-serif; line-height:1.8em; text-shadow: 2px 2px 1px #2D4530; font-size:1.8em; letter-spacing: 2px;}

.price { font-size: 3em; vertical-align:middle; }
.call-out-right {  float:right; margin-right: 53px; font-family: 'Georgia', serif; }
.breadcrumbs { color: #777; font-family: 'Oswald', sans-serif; font-size: 0.8em; font-weight: lighter; float:right; text-align: right; }
.three-thumbs { padding: 0; margin: 0; position:relative}
.three-thumbs img { float: left; margin-right: 25px; width: 317px; }
.three-thumbs img:hover { opacity: 1.2; transition: all ease 0.5s }

.last { margin-right: 0!important; }

div.img-overlay { position:absolute; width: 317px; height: 70px; background: rgba(20,20,20,0.5); overflow:hidden; }
div.img-overlay:hover { background: rgba(20,20,20,0.8); }

#rates-table, #additional-info-table { width: 100%; margin: 20px 0 40px 0; font-family:Arial, Helvetica, sans-serif; line-height: 1.6em; font-size: 0.9em}
#rates-table th{ font-size:1.2em; font-family: 'Oswald', sans-serif; background-color: #78A04B ; color: #FFF; font-weight:lighter;}
#additional-info-table th { font-size:1.2em; font-family: 'Oswald', sans-serif; background-color: #78A04B ; color: #FFF; font-weight:lighter;}
#additional-info-table td:nth-of-type(1n+2) { text-align:center }
#rates-table th, #rates-table td, #additional-info-table th, #additional-info-table td { border:thin #526e32 solid; padding: 5px 7px }
#contact-us { width: 100%; margin: 20px 0 ; line-height: 1.6em; }
#contact-us td { vertical-align:top;}
#contact-us td:nth-of-type(2n+1) { font-family: 'Oswald', sans-serif; text-align:right; }
#contact-us td:nth-of-type(1n+2) { padding-left: 20px; }
.thumb-1 { bottom: 0; }
.thumb-2 { bottom: 0; left: 342px; }
.thumb-3 { bottom: 0; left: 684px; }
.thumb-1 p, .thumb-2 p, .thumb-3 p { margin: 0; padding: 1.5em 1em; box-sizing:border-box;  font-family: 'Oswald', sans-serif; text-align:left; color: #FFF; font-size: 0.9em}
.thumb-1 p, .thumb-2 p, .thumb-3 p {  }
.divider { border-bottom: 2px solid #FFF; border-top: 2px solid #F4F4F4; margin: 20px 0; clear:both;}
footer { background: #212121; overflow: hidden; padding: 90px 0 50px 0; color: #888; font-family: 'Oswald', sans-serif; font-size: 0.9em; border-top: 5px solid #555 }
.footer-block { width: 33.33%; float: left; box-sizing:border-box; border-right: 1px solid #3e3e3e }
.footer-block img { opacity: 0.3; margin-top: 0.5em; transition: all ease 0.5s }
.footer-block img:hover { opacity: 0.7; transition: opacity ease 0.5s}
ul.sitemap, ul.sitemap2 { list-style: none; margin: 0; padding: 0; font-family:'Oswald',Arial,Helvetica,sans-serif }
ul.sitemap2 { padding: 20px 0 40px 0 }
.first { }
.middle { text-align:center }
.last { text-align:right; border: none; }
.ssc { text-align:center; color: #666; font-style:italic; }
.normal { font-family: 'Georgia', serif; color: #212121; font-size: 0.8em;  }
.wifi { width: 100%; max-width: 240px; margin: auto; text-align: center; font-family: 'Oswald', sans-serif; font-size: 1.2em; color:#557D2A; }
.wifi img { width: 100%; max-width: 100px !important; display: block; margin: 0 auto 5px auto; box-shadow:none;}
.banner-image { width: 100%; margin: 142px 0 0 }
.bing-map iframe { 
	border: none;
  	width: 100%;
	height: 200px;
	border: none;
}

/*FORM*/
#booking-form { width:100% }
#booking-form td { margin: 20px 0 }
::-webkit-input-placeholder { color: #999; font-style:italic; font-size:1em; font-weight: bold }
:-moz-placeholder { color: #999; font-style:italic; font-weight: bold }
::-moz-placeholder { color: #999; font-style:italic; font-weight: bold }
:-ms-input-placeholder { color: #999; font-style:italic; font-weight: bold }
.accommodation-enquiry td:nth-of-type(2n+1) { text-align:right; }
.accommodation-enquiry td:nth-of-type(1n+2) { padding-left: 40px; }
.accommodation-enquiry { text-align:left; border:none; margin: 0 auto; border-collapse: collapse; border-spacing: 0; }
.accommodation-enquiry { width:100%;}
.accommodation-enquiry td.form-label { width:175px; margin-right: 10px; text-align:right; font-family:Georgia, "Times New Roman", Times, serif; vertical-align:middle; }
.accommodation-enquiry td.smaller-text { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:small; text-align:right; }
#datepicker-arrival, #datepicker-departure { width: 200px!important; }
input[type=text], textarea, #datepicker-arrival, #datepicker-departure {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 25px 8px;
  margin: 10px 1px 3px 0px;
  border: 1px solid #f5f5f5;
  color: #555;
  width: 99%;
  color: #555;
  font-size: 1em;
  font-family:Arial, Helvetica, sans-serif;
  box-sizing:border-box;
  background: #f1f1f1;
  font-weight:bold;
}
select { border-collapse:collapse; border: 1px solid #f5f5f5; background: #f1f1f1; margin: 10px 1px 3px 0px; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; padding: 12px 8px; color: #555; font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; width: 60px; }
 
input[type=text]:focus, textarea:focus, #datepicker-arrival:focus, #datepicker-departure:focus, select:focus {
  box-shadow: 0px 0px 3px #555;
  border: 1px solid #f5f5f5;
}

select.guests {
    width: 100%;
	text-align:center;
	min-width:	50px;
}
#message {
    height: 120px;
    padding: 8px;
    width: 99%;
	margin: 10px 1px 3px 0;
}
button.send {
    background: #689749;
    border: 0 none;
    color: #FFF;
	font-family: 'Oswald', sans-serif; 
    height: 50px;
    margin-top: 20px;
    padding: 0 8px;
    text-transform: uppercase;
	width: 100%;
	max-width: 200px;	
}
button:hover {
    background: none repeat scroll 0 0 #58813D;
    color: #FFF;
	cursor:pointer; 
}
h2.message-sent { background-image: url(../images/success.png); background-repeat:no-repeat; padding-left: 40px }

/*-------------------------*/

/*Datepicker*/

.Zebra_DatePicker *, .Zebra_DatePicker *:after, .Zebra_DatePicker *:before {
    box-sizing: content-box !important;
}
.Zebra_DatePicker {
    background: none repeat scroll 0 0 #666;
    border: 3px solid #666;
    display: none;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    font-size: 13px;
    position: absolute;
    z-index: 100;
}
.Zebra_DatePicker * {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #000;
    margin: 0;
    padding: 0;
}
.Zebra_DatePicker table {
    border-collapse: collapse;
    border-spacing: 0;
}
.Zebra_DatePicker td, .Zebra_DatePicker th {
    padding: 5px 0;
    text-align: center;
}
.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: none repeat scroll 0 0 #e8e8e8;
    border: 1px solid #7bacd2;
    width: 30px;
}
.Zebra_DatePicker, .Zebra_DatePicker .dp_header .dp_hover, .Zebra_DatePicker .dp_footer .dp_hover {
    border-radius: 5px;
}
.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: none repeat scroll 0 0 #222;
    color: #fff;
}
.Zebra_DatePicker .dp_header .dp_blocked {
    color: #888;
    cursor: default;
}
.Zebra_DatePicker .dp_daypicker th {
    background: none repeat scroll 0 0 #ffcc33;
}
.Zebra_DatePicker td.dp_not_in_month {
    background: none repeat scroll 0 0 #f3f3f3;
    color: #cdcdcd;
    cursor: default;
}
.Zebra_DatePicker td.dp_not_in_month_selectable {
    background: none repeat scroll 0 0 #f3f3f3;
    color: #cdcdcd;
    cursor: pointer;
}
.Zebra_DatePicker td.dp_weekend {
    background: none repeat scroll 0 0 #d8d8d8;
}
.Zebra_DatePicker td.dp_weekend_disabled {
    color: #ccc;
    cursor: default;
}
.Zebra_DatePicker td.dp_selected {
    background: none repeat scroll 0 0 #5a4b4b;
    color: #fff !important;
}
.Zebra_DatePicker td.dp_week_number {
    background: none repeat scroll 0 0 #ffcc33;
    color: #555;
    cursor: text;
    font-style: italic;
}
.Zebra_DatePicker .dp_monthpicker td {
    width: 33%;
}
.Zebra_DatePicker .dp_yearpicker td {
    width: 33%;
}
.Zebra_DatePicker .dp_footer {
    margin-top: 3px;
}
.Zebra_DatePicker .dp_footer td {
    color: #fff;
    font-weight: bold;
    padding: 2px;
}
.Zebra_DatePicker .dp_footer .dp_hover {
    background: none repeat scroll 0 0 #222;
    color: #fff;
}
.Zebra_DatePicker td.dp_current {
    color: #c40000;
}
.Zebra_DatePicker td.dp_disabled_current {
    color: #e38585;
}
.Zebra_DatePicker td.dp_disabled {
    background: none repeat scroll 0 0 #f3f3f3;
    color: #cdcdcd;
    cursor: default;
}
.Zebra_DatePicker td.dp_hover {
    background: none repeat scroll 0 0 #482424;
    color: #fff;
}
button.Zebra_DatePicker_Icon {
    background: url("../img/calendar.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    line-height: 0;
    padding: 0;
    position: relative;
    text-indent: -9000px;
    vertical-align: top;
    width: 16px;
}
button.Zebra_DatePicker_Icon_Disabled {
    background-image: url("../images/calendar-disabled.png");
}
button.Zebra_DatePicker_Icon {
    margin: 0 0 0 3px;
}
button.Zebra_DatePicker_Icon_Inside {
    margin: 0 12px 0 0;
}

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

.hidden { visibility:hidden; }

.captcha
{
  width: 240px;
  margin: 0 auto;
  margin-left: -10px;
}


.refresh
{
  position:relative;
  float: right;
  margin-top: -39px;
  margin-right: 100px;
}


#SpamCheck { margin-left: 35px!important;padding: 10px 5px;  font-size:1em; color: #555; }

#url
{
  visibility: hidden;
  height: 1px;
  width: 1px;
  position:absolute;
}
/* Z-INDEX */
 .formError { z-index: 990; }
    .formError .formErrorContent { z-index: 9999; }
    .formError .formErrorArrow { z-index: 10000; }

    .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: 160px;
	font-size: 0.9em;
	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;
	left: -90%
}

.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: 75px!important;}
.captcha-img { margin-left: 10px; margin-bottom: -5px!important; }
.cycle-slideshow { margin-top: 142px; }

/* safari3 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
		
    ::i-block-chrome, .page-title, figcaption h2 { font-family: Arial, Helvetica, sans-serif; }
	::i-block-chrome, .logo h2, .breadcrumbs { font-family: Arial, Helvetica, sans-serif; font-weight: bold }
	::i-block-chrome, .grid figure img { width: 100%; max-height: 210px!important }
	
}
/*MOBILE CSS*/
	.show-hide-nav { display: none; }
@media screen and (max-width: 1200px) {
	.cycle-overlay { left: 5%; bottom: 24% }
	.cycle-overlay div:nth-of-type(1) {font-size: 1.5em }
	.cycle-overlay div:nth-of-type(2) {font-size: 1em }
}
@media screen and (max-width: 1090px) {
	.accommodation-enquiry td:nth-of-type(1n+2) { padding-left: 0 }
	#booking-form td {    margin: 10px 0 0;}
	header { height:130px;-webkit-backface-visibility: hidden !important;}
	.grid figure:nth-of-type(3){ margin: 0 0 0 8.1px; }
	.effect-selena { width: 31.5%; }
	.cycle-prev, .cycle-next {display: none; }
	#nav {	position: fixed;z-index: 999999; -webkit-backface-visibility: hidden !important;	} 
	#nav li a { padding-top: 10px; padding-bottom: 10px; display:block } 
	#nav li a:hover { padding-top: 10px; padding-bottom: 10px; }
	#nav > a         {         }         
	#nav:not( :target ) > a:first-of-type,#nav:target > a:last-of-type {
		display: block; 
		position: fixed;
		right: 25px;
		top: 44px;
		background-image: url(../img/nav-green.png);
		background-repeat: no-repeat;
		width: 50px;
		height: 50px;
		margin-top: 0;
		z-index: 99999;
		-webkit-backface-visibility: hidden !important;
	}       
	
	/* first level */ 
	#nav > ul { 
	height: auto;
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	margin-top: 30px;
	}         
	#nav:target > ul {
		display: inline-block; 
	}
	#nav > ul > li { 
	width: 100%;
	float: none; 
	margin: 0;
	}     
	
	 
	/* second level */
	#nav li ul { position: static; padding-top: 15px; }
	.logo { padding: 0.6em 0;position: fixed;top: 33px;}
	.main-nav { padding-top: 100px !important; padding: 0; margin: 0; margin-top: 80px; font-size: 1.2em }
	.main-nav li { border-bottom: 1px solid #689749; padding: 10px 0; background: #FFF; width: 100% }
	.main-nav li a { width: 100%; padding: 10px}
	.main-nav li a.active, .main-nav li a:hover  { border: none; }
	.banner { position:fixed; top: 23px; width: 100%; z-index:999999999999999999999 }
	.cycle-slideshow { margin-top: 124px; }
	#top-bar { position: fixed; top: 0; z-index:9999999999999999999999 }
	html { padding-top:30px; }
	.main-nav li a.book-now { text-align:left; background-position: 20px 13px; box-sizing: border-box; margin-left: 0; width: 100%; padding-left: 50px; border-radius: 0  }
	.banner-image  { margin-top: 88px; }
	
	form td:nth-of-type(n+2) { padding: 0 0 10px 0 }
form td { display: inline-block; padding-left: 0; width: 100%;text-align:center; }
form td.form-label { margin: 0; width: 100%; text-align: center }
}
.accommodation-enquiry td.form-label, .accommodation-enquiry td.smaller-text { text-align:center; width: 100% }
input[type="text"], textarea, #datepicker-arrival, #datepicker-departure { margin: 10px 1px 20px 0; }
.captcha { margin: 0 auto; }
.refresh { right: 40px; top: -12px; }
}
@media screen and (max-width: 950px) {
	.cycle-overlay div:nth-of-type(2) { display:none; }
}
@media screen and (max-width: 825px) {
	figure.effect-selena h2 { font-size: 1em; margin-top: 70px; }
	figure.effect-selena { width: 30%; }
	figure.effect-selena img, figure.effect-selena h2, figure.effect-selena p { transform:none; transform-origin: 50% }
	figure.effect-selena p { display: none; }
}
@media screen and (max-width: 740px) {
	.main { margin: -25px 0 -30px }
	.cycle-pager { bottom: 25px }
	#top-bar-left, #top-bar-right { float: none; margin:auto; max-width:100%;  text-align:center }
	#contact-us td, #contact-us tr { box-sizing: border-box;display:block; width: 100%; text-align:center !important }
}
@media screen and (max-width: 600px) {
	.main { box-sizing: border-box; margin: 0; border-bottom: none; padding: 1em 0; background-image:none;}
	.booking-form {  }
	input.guests, input#children, input#child-ages { margin-left: 0; }
	#contact-us td, #contact-us tr { box-sizing: border-box;display:block; width: 100%; text-align:center !important }
	.left-column, .right-side-column {float: none; width: 100%; padding-left: 0; }
	.right-side-column img, .call-out-v2 { max-width: 350px; display: block; margin: 30px auto }
	.cycle-overlay, .middle { display:none !important; }
	.footer-block { float: none; width: 100%; border-right: none;  }
	.call-out { position: relative; box-sizing:border-box; top: 0; right: 0; border-radius: 0; width: 100%; max-width:350px; height: 110px; margin: 30px auto; }
	figure.effect-selena { float: none; width: 100%; margin: 0 auto 2px auto !important; background: #557D2A}
	figure.effect-selena:hover, figure.effect-selena:focus, figure.effect-selena:focus { background: #344F2F  }
	figure.effect-selena img { visibility: hidden; height: 30px; }
	figure.effect-selena h2 { margin-top: 11px; font-size: 1em; background:none}
	footer { padding: 45px 25px }
	.first { padding-bottom: 25px }
	.first, .last { text-align:center }
	.footer-block img { display: block; margin: 10px auto; }
	.last { text-align: center; border-top: 1px solid #3e3e3e; }
}
@media screen and (max-width: 600px) {
	
	.cycle-slideshow img { margin-top: -12px; }
	.banner { top: 0; }
	#nav:not(:target) > a:first-of-type, #nav:target > a:last-of-type { top: 58px }
	.banner-image  { margin-top: 70px; }
}
@media screen and (max-height: 640px) {
.main-nav li {
    padding: 5px 0;
}
}
@media screen and (max-width: 410px) {
#top-bar-left, #check-availability  { display: none; }

}
@media screen and (max-height: 480px) {
.main-nav li {
    padding: 0px 0;
}

}
@media screen and (max-width: 350px) {
#nav:not(:target) > a:first-of-type, #nav:target > a:last-of-type {
    top: 60px;
}
}