@charset "utf-8";

body { margin: 0px; font-family: "Times New Roman", Times, serif; font-size:20px; color:#777; background:url(Lined-Paper-White-Tileable-pattern.jpg)}
p {margin-top:0px; margin-bottom: 10px;}
a img {border:0;}
a { color: #dc956a; text-decoration:none; }
a:hover { color: #624d32;  }
a {outline: 0;}
.clearfix { clear:both;}
.green { color:#7ec624 }

H1 { font-family: 'Great Vibes', sans-serif; font-size:64px; line-height: 54px; font-weight:400; color: #c6a897; padding: 0 0 5px 0; margin: 0; text-align:center; }
H2 { position:relative; font-family: "Times New Roman", Times, serif; font-size:18px; font-weight:400; color: #949494; width:90%; margin: 0 auto ; z-index:55; padding: 0 0 70px; text-align:center; background:url(icon-underline.png) center bottom 20px no-repeat;}
H3 { position:relative; width:100%; text-align:center; background-image:url(icon-underline.png); background-position: center bottom; background-repeat: no-repeat; font-family: 'Great Vibes', cursive;  font-weight:300; margin:0px 0 30px 0; font-size:50px; line-height:50px; padding:40px 0 50px 0; color:#c9a78e}
H4 { font-family: "Times New Roman", Times, serif; font-size:30px;  font-weight:300; margin:0 0 0px 0; padding:10px 0; display:block; color:#70432b; position:relative;}
H5 {  font-family: 'Great Vibes', cursive;  font-weight:300; margin:30px 0 0 0; font-size:36px; line-height:36px; padding-bottom:0px; color:#705e51}
H6 {  font-family: "Times New Roman", Times, serif;  font-weight:400; margin:0; font-size:20px; line-height:20px; padding-bottom:0px; color:#c19c82; text-transform:uppercase}

/* COMMON STYLES */

.contactbox, .one_third .third img, .button, ul#footerlinks li a, .fluid_fixed, .social .circle, .gallery img, input, textarea, select, subject, .error_title, .greenbox, .add_review_button, .flickerplate .arrow-navigation .arrow, .flickerplate .dot-navigation .dot, .flickerplate.animate-transition-slide ul.flicks, .flickerplate, .one_half .box img, .one_third .box img, .fluid_fixed .box img, #post_comment_wrapper .comment, ul.list_style li, .one_half h3, .one_half h3 span, .download, .more_photos, .header, .shrink, .csSlideWrapper .csSlide, .one_half.accommodation .half, .z-tabs > ul > li > a, .designs, .map_downloads, .one_third .third, .one_third .third .room_thumb .room_photos, .book_acc { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }

.one_half .box img, .one_third .box img, .fluid_fixed .box img { border:15px solid #f6f1e8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body#accommodation .one_third .box img { border:none; outline:none }

#slider_wrapper, .one_third .third, .seasons_wrap .middle, ul.list_style li, .gallery img, input, textarea, select, subject, .attractions, .footer_one_third .navigation, .one_half .single, .one_half .sharing, .one_half .occasions, .one_half .rates, .map_downloads, .button.seasondates, .one_third .third .room_rate { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*<---- end ---->*/


.header { position:relative; text-align:center; background:url(header.jpg) center top no-repeat #f9f4e9; }
.header .logo { padding:70px 0 0 0; max-width:100%; height:auto}

.contactbox { position:absolute; top:0px; right:40px; display:inline-block; padding: 0 20px 0 50px; background-image:url(icon-phone.png); background-position: 15px center; background-repeat:no-repeat; background-color: rgba(255,255,255,0.75); text-align:center; line-height:50px; font-size:17px; font-family: "Times New Roman", Times, serif; z-index:44; font-style:italic; -webkit-box-shadow: 0 8px 16px -16px black; -moz-box-shadow: 0 8px 16px -16px black; box-shadow: 0 8px 16px -16px black; }
.contactbox a { color:#a57e67; }
.contactbox a:hover { color:#a57e67; }
.tel1 { display:none}

.header .social .circle { position:absolute; top:30px; left:30px; background:#a87f69; width:45px; height:45px; -moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px; z-index:55;}
.header .social .facebook { float:none}
.header .social .circle img { padding-top:11px; }
.header .social .circle:hover { background:#529001; }

.menu_wrapper { position:relative; width:100%; margin: 0px auto; text-align:center; padding:0; height: auto; z-index:1300; -webkit-box-shadow: 0 8px 16px -16px black; -moz-box-shadow: 0 8px 16px -16px black; box-shadow: 0 8px 12px -12px black;}
.table { display: table;   /* Allow the centering to work */margin: 0 auto; }
#menu-icon, #menu-icon-ad { display: none; /* hide menu icon initially */}

#menu, #menu li { margin:0; padding:0; list-style: none; float: left;}

#menu li a { font: 300 28px 'Great Vibes', sans-serif; text-decoration: none; color: #a57e67; text-shadow:0px 0px 5px #fff; height:80px; padding: 0 15px; margin:0 1px; display:table-cell; vertical-align:middle; cursor:pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; }
#menu li:last-child a { border-right:none; }
#menu li a span { font: 400 11px "Times New Roman", Times, serif; display:inline-block; text-transform:uppercase; color:#7d7d7d; text-shadow:none }
#menu li:hover > a { color:#555;}
#menu li .current { color:#555  }
#menu li .current span { border-bottom:1px dashed #333; padding-bottom:2px }

.menu_wrapper:hover #menu li .current { color: #a57e67; }
#menu li .current:hover {color:#555 !important;}
#menu li:hover > .current { color:#555 !important;}

.static_slider { position:relative; margin: 0 auto; width:100%; }
#slider_wrapper { position:relative; width:100%; z-index: 11; padding: 0px; }
#slider_wrapper img, .static_slider img { width:100%; height:auto;  }

.flickerplate { position:relative; margin: 0 auto; height:560px;background-color:#e6e6e6;overflow:hidden;}
.onpage { height:360px; border:10px solid #fff; margin-bottom:10px;}
.flickerplate ul.flicks { width:10000%;height:100%;padding:0px;margin:0px;list-style:none}
.flickerplate ul.flicks > li { float:left;width:1%;height:100%;background-position:center;background-size:cover;display:table}
.flickerplate ul.flicks>li .flick-inner { height:100%;padding:10px;color:#fff;display:table-cell;vertical-align:middle}

.flickerplate ul.flicks>li .flick-inner .flick-content { max-width:90%;margin-left:auto;margin-right:auto;}
.flickerplate ul.flicks .slide2 { text-align:center }
.flickerplate ul.flicks .slide3 { text-align:right; }
.flickerplate ul.flicks>li .flick-title, .static_slider .flick-title { font-family: "Times New Roman", Times, serif; font-size:68px; line-height:68px; font-weight:300; color:#fff; padding:3px 10px; margin-bottom:5px; display:inline-block; background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.35);}
.flickerplate ul.flicks>li .flick-sub-text, .static_slider .flick-sub-text { font-family: "Times New Roman", Times, serif; letter-spacing:8px; font-size:14px; line-height:14px; font-weight:300; text-transform:uppercase; color:#fff; display:inline-block; padding:5px 5px 5px 9px; margin-bottom:5px; background-color: rgb(64,219,204); background-color: rgba(64,219,204,0.5);}
.flickerplate ul.flicks>li .flick-title span.flick-block-text,.flickerplate ul.flicks>li .flick-sub-text span.flick-block-text{padding:12px 18px;background-color:rgba(0,0,0,0.6)}
.flickerplate ul.flicks>li .button { background-color: rgb(64,219,204); background-color: rgba(64,219,204,0.5);  } 
.flickerplate ul.flicks>li .button:hover { background-color: rgb(70,70,70); background-color: rgba(70,70,70,0.35);} 

.flickerplate ul.flicks>li .enlarge { position:relative; display:block; opacity:0; left:50%; margin-left:-17px; width:35px; height:35px; background:url(icon-magnify.png);  -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }
.flickerplate ul.flicks>li:hover .enlarge { opacity:1; } 

.flickerplate .arrow-navigation{position:absolute;height:80%;width:8%;top:10%;z-index:100;overflow:hidden}

.flickerplate .arrow-navigation .arrow{display:block;height:100%;width:90%;}
.flickerplate .arrow-navigation:hover,.flickerplate .arrow-navigation .arrow:hover{cursor:pointer}
.flickerplate .arrow-navigation.left{left:0%}
.flickerplate .arrow-navigation.left .arrow{opacity:0;margin:0px 0px 0px 50%;background-image:url("img/arrow-left-light.png");background-repeat:no-repeat;background-position:left}
.flickerplate .arrow-navigation.right{right:0%}
.flickerplate .arrow-navigation.right .arrow{opacity:0;margin:0px 0px 0px -50%;background-image:url("img/arrow-right-light.png");background-repeat:no-repeat;background-position:right}
.flickerplate .arrow-navigation.left.hover .arrow{opacity:1;margin:0px 0px 0px 20%}
.flickerplate .arrow-navigation.right.hover .arrow{opacity:1;margin:0px 0px 0px -20%}
.flickerplate .dot-navigation{position:absolute;bottom:15px;width:100%;text-align:center;z-index:100}
.flickerplate .dot-navigation ul{text-align:center;list-style:none;padding:0px 15px}
.flickerplate .dot-navigation ul li{display:inline-block;float:none}
.flickerplate .dot-navigation .dot{width:15px;height:15px;margin:0px 5px; border: 3px solid rgba(255,255,255,0.7);border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.flickerplate .dot-navigation .dot:hover{cursor:pointer;background-color:rgba(255,255,255,1)}
.flickerplate .dot-navigation .dot.active{background-color:#fff}
.flickerplate .dot-navigation.left,.flickerplate .dot-navigation.left ul{text-align:left}
.flickerplate .dot-navigation.right,.flickerplate .dot-navigation.right ul{text-align:right}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text,.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text{background-color:rgba(255,255,255,0.5)}
.flickerplate.animate-transform-slide ul.flicks{-webkit-perspective:1000;-webkit-backface-visibility:hidden;transform:translate3d(0%, 0px, 0px);-webkit-transform:translate3d(0%, 0px, 0px);-webkit-transition:-webkit-transform 0.6s;-o-transition:-o-transform 0.6s;-moz-transition:-moz-transform 0.6s;transition:transform 0.6s}
.flickerplate.animate-transition-slide ul.flicks{position:relative;left:0%;}
.flickerplate.animate-jquery-slide ul.flicks{position:relative;left:0%}
.flickerplate.animate-scroller-slide{padding-bottom:0px;overflow:auto}.flickerplate.animate-scroller-slide ul.flicks{position:auto}


#subtitle { position:relative; display:block; padding: 30px 40px 0px 40px; margin:0 0 0px 0; text-align:center; background:url(paper-bk.jpg) center center no-repeat #f9f3e7; -webkit-box-shadow: 0 8px 16px -16px black; -moz-box-shadow: 0 8px 16px -16px black; box-shadow: 0 8px 12px -12px black;}

#wrapper { position:relative; padding:60px 40px 0px 40px; margin-bottom:0px; clear:both; border-top:1px solid #fff; }

#wrapper.wide { padding:20px 0px 20px 0px; margin-bottom:40px; }
#wrapper.wide.white { padding:80px 0px 80px 0px; background-color:#eee5d2; text-align:center }
#wrapper.wide.white.palms { background:url(vector-palms.png) left bottom no-repeat rgba(255,255,255,0); }
#wrapper.footer { padding:20px 40px 40px 40px; margin-bottom:0; }

.testimonials h3, .testimonials h4 {  }
.testimonials { margin:0 0 100px 0 !important; }
.testimonials .icon { position:absolute; top:-50px; left:50%; margin-left:-50px; background:#fff; width:100px; height:100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; }
.testimonials ul { margin:0; padding:0; list-style:none; }
.testimonials p { padding: 0 100px; font-family: "Times New Roman", Times, serif; font-size:20px; font-weight:300; margin-bottom:40px; font-style:italic }

.csSlideOuter { overflow: hidden;}
.lightSlider:before, .lightSlider:after { content: " "; display: table;}
.csSlideWrapper > ul:after { clear: both;}

.csSlideOuter .csPager.cSpg > li {cursor: pointer; display: inline-block;padding: 0 5px; }
.csSlideOuter .csPager.cSpg > li a { border:2px solid #40dbcc; border-radius: 30px; display: inline-block; height: 18px; overflow: hidden; text-indent: -999em; width: 18px; position: relative;	z-index: 99; -webkit-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s;}
.csSlideOuter .csPager.cSpg > li:hover a, .csSlideOuter .csPager.cSpg > li.active a { background-color: #40dbcc;}

.csAction > a { width: 32px; display: block; top: 50%; height: 32px; background-image: url('img/controls.png');cursor: pointer; position: absolute; z-index: 99; margin-top: -16px; opacity: 0.5; -webkit-transition: opacity 0.35s linear 0s; transition: opacity 0.35s linear 0s;}
.csAction > a:hover { opacity: 1;}
.csAction > .csPrev { background-position: 0 0; left: 30px;}
.csAction > .csNext { background-position: -32px 0; right: 30px;}
.cS-hidden { height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden;}

.full_width { margin-bottom:40px; padding:40px 0 ; border: 2px solid #fff; text-align:center;}
.full_width .name { font-family: "Times New Roman", Times, serif;  font-size:30px; color:#40dbcc; }

.one_half {  padding-left: 40px; text-align:left; clear:both; }
.one_half .half { position:relative; width: 50% ; float:left; margin-right: 40px; padding-bottom:40px;}
.one_half .first { margin-left: -40px; }
.one_half .half img { width:100%; height:auto; margin-bottom:10px; }
.one_half .last { width: 50%; margin-right: 0; /*float:right;*/}
.one_half p {  margin: 0 auto 30px auto}

.text_xlarge { font-size:66px; line-height:60px; color:#9a7161; font-family: 'Great Vibes', cursive; font-weight:400; margin-bottom:10px !important; text-transform:uppercase;  }
.text_large { font-size:50px; line-height:45px; color:#9a7161; font-family: 'Great Vibes', cursive; font-weight:300; margin-bottom:10px !important; }
.text_medium { font-family: "Times New Roman", Times, serif; font-style:italic; font-size:26px; line-height:26px; padding:10px 0 40px 0px; margin-bottom:20px !important; background:url(pencil-underline.png) left bottom no-repeat; }
.text_medium img { width:90px !important; height:90px !important; float:left !important; margin: 0 15px 0px 0 }

.two-column { text-align: justify; margin-bottom:20px; -webkit-column-count: 2; -webkit-column-gap: 40px; -moz-column-count: 2; -moz-column-gap: 40px; column-count: 2; column-gap: 40px; }

.blockquote { position:relative; font: 300 30px/35px "Times New Roman", Times, serif;  font-style:italic; padding: 90px 90px 60px 90px; margin-bottom: 0px; margin-top:0px; background: url(openquote.png) 10px -10px no-repeat; text-indent: 23px; clear:both; text-align:center; -moz-border-radius: 0 80px 0 80px; -webkit-border-radius: 0 80px 0 80px; border-radius: 0 80px 0 80px; color:#aab756}
.blockquote span { position:absolute; right:10px; bottom:0px; width:160px; height:160px; display: block; padding: 0;  background: url(closequote.png) bottom right no-repeat; z-index:22;}
.blockquote p { position:relative; z-index:33; }
.blockquote .name {  font-size:16px; }

.shadow_r { position:relative; height:105px; margin-top:-50px; margin-bottom:0px; background:url(shadow-right.png) right bottom no-repeat; z-index:999  }
.shadow_l { position:relative; height:105px; margin-top:-50px; margin-bottom:0px; background:url(shadow-left.png) left bottom no-repeat }

.one_half.accommodation .half { background-color: rgba(255,255,255,0.5); text-align:center;}
.one_half.accommodation .half:hover { background-color: rgba(255,255,255,1);}
.one_half.accommodation .half:hover > .button { padding: 15px 45px 15px 25px;}
.one_half.accommodation h1 { color:#40dbcc; text-shadow:1px 1px 1px #fff; padding:20px 0 5px 0; margin-bottom:20px; border-bottom: 6px dotted #ddd; display:inline-block }
.one_half.accommodation p { color:#888; padding:0 50px;}

.one_third { padding-left: 80px; }
.third { font-family: "Times New Roman", Times, serif; font-weight:300; position:relative; width: 33.3% !important; float:left; margin-right: 40px; margin-bottom:30px; padding-bottom:20px;  text-align:center; }
.one_third .third { background:#fff}
.one_third .first { margin-left: -80px; }
.one_third .last { width: 33.3%; margin-right: 0; /*float:right;*/}
.one_third .third p {  text-align:center; width:80%; margin: 0 auto 20px auto; padding-bottom:35px; background:url(icon-underline2.png) center bottom no-repeat}
.one_third .third img { width:100%; height:auto; }
.one_third .third h4 { font-family: "Times New Roman", Times, serif; font-size:20px;  font-weight:400; margin:0 0 0px 0; padding:10px 15px; color:#555; position:absolute; top:30px; left:0px; background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.9); }
.one_third .third h4 a { color:#fff }

#accommodation .one_third .third:hover { background: #fff; }

.one_third .third .room_rate { position:relative; width:50%; float:left; border-right: 1px solid #d8d8d8; margin-bottom:20px; }
.one_third .third .room_rate.last { border-right:none }
.one_third .third .room_rate span { font-size:18px; color:#555; font-family:Georgia, "Times New Roman", Times, serif }
.one_third .third .room_thumb { position:relative; margin-bottom:10px; }
.one_third .third .room_thumb .room_photos { position:absolute; bottom: -30px; left:50%; width:60px; height:60px; margin-left:-30px; padding:0; background:url(icon-camera.png) center center no-repeat #fff; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; -khtml-border-radius: 30px;}

.one_third .third .button { position:absolute; bottom:0; left:0; display:block; width:100%; padding: 10px 0px 10px 0px; text-align:center; background-position: right 20px center; }
.one_third .third .button:hover {background-position: right 10px center;}

.gallery_acc { position:relative; margin: 0 auto; padding-bottom:10px; margin-bottom:10px;}
.gallery_acc span { position:absolute; bottom:0px; right:0px; font-size:34px; line-height:34px; cursor:pointer; display:block; padding:10px 15px; background:#7ec624; color:#efe5d2}
.gallery_acc, .gallery { text-align:center }
.gallery_acc img { width:19% !important; height:auto !important; padding:1% !important; border:1% solid #a87f69 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:left; margin:0.5%; }
.gallery_acc img:hover { border: 10px solid #40dbcc;} 
.gallery img { width:120px !important; height:90px !important; padding:0 !important;  border: 10px solid rgb(255, 255, 255) !important; border: 10px solid rgba(255, 255, 255, .4) !important; }
.gallery img:hover { border: 10px solid #9a7161 !important;} 

.button { position:relative; display:inline-block; background-image: url(more-arrow.png);  background-position: right 10px center; background-repeat:no-repeat; padding: 10px 40px 10px 10px; text-decoration:none; font-family: "Times New Roman", Times, serif; font-size:18px; font-weight:400; color:#c9a78e; text-align:left; z-index:99; border-bottom:2px dashed #c9a78e}
.button:hover { color:#555;}
body#accommodation .button { background-color: #c9a78e; border:none; color:#fff}
body#accommodation .button:hover { background-color:#a4cd6f}

.download { position:relative; font-family: "Times New Roman", Times, serif; font-size:40px; line-height:40px; font-weight:300; text-transform:uppercase; margin:0; display:block; border:2px dashed #e4d9c2; padding:40px 0px; margin-bottom:0px; color:#a87f69; text-align:center }
.download span { font-family: "Times New Roman", Times, serif; font-size:17px; line-height:20px; color:#a87f69; display:block; text-transform:none }
.download:hover { background-color:rgba(255,255,255,1); border:2px dashed #fff;}
.download.small { font-size:30px; line-height:30px; padding:20px 0px; }

.book_acc { position:fixed; bottom:0; left:0; display:block; width:100%; text-align:center; background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.7); font-family: "Times New Roman", Times, serif; font-size:22px; padding:10px 0; color:#555; text-decoration:none;}
.book_acc:hover {  background-color: rgb(255,255,255); background-color: rgba(255,255,255,1);}

.map { height:520px ; }

.footer_image { position:relative; }
.footer_image img { width:100%; height:auto; }
.footer_slogan { position:absolute; top: 10%; left:0; width:100%; display:block; text-align:center; font-family: "Times New Roman", Times, serif; font-size:82px; line-height:82px; font-weight:300; text-transform:uppercase; font-weight:300; color:#fff; opacity:0.8; letter-spacing:25px; }
.footer_slogan span { display:block; font-family: "Times New Roman", Times, serif; font-size:18px; line-height:18px; font-weight:300; letter-spacing:15px; color:#e6d9be !important; opacity:1; text-transform:uppercase; text-shadow:0px 0px 8px #fff }

#footer_wrap { position:relative; color:#8d6d61; padding:20px 0 60px 0; text-align:center; font-size:12px; background:url(paper-bk.jpg) center center no-repeat #f9f3e7; }
#footer { position:relative; padding:0px 30px 20px 30px; margin: 0 30px 0px 30px; }
#footer .logo { position:relative; text-align:center; padding-top:20px; }

ul#footerlinks { position:relative; padding: 0; text-align:center; list-style:none; margin:12px auto 10px auto;}
ul#footerlinks li a { display: block; width:80%; color:#a87f69; font: 18px/18px "Times New Roman", Times, serif; letter-spacing:2px; margin: 0 auto; padding: 5px 0;}
ul#footerlinks li a:hover { color:#40dbcc;}
#footerlinks ul li { float: left; margin: 0; }

#footer .social { position:absolute; left:50%; width:45px; height:45px; margin-left:-22px; bottom:0;}
#footer .social .circle { position:relative; background:#40dbcc; width:45px; height:45px; -moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px;}
#footer .social .facebook { float:left}
#footer .social .circle img { padding-top:12px; }
#footer .social .circle:hover { background:#a87f69; }

.footer_one_third { padding-bottom:30px; }
.footer_one_third .navigation { position:relative; width: 33.333333333333333333333333333333% !important; float:left; text-align:center; border-right:1px solid #f4ede1; border-bottom:1px solid #f4ede1; font: 15px/20px "Times New Roman", Times, serif; color:#c5b3a5; padding: 200px 0 30px 0; text-indent:-9999999px }
.footer_one_third .first { }
.footer_one_third .last { border-right:none !important; }


.fluid_fixed { padding-left:507px; overflow:hidden; }
.fluid_fixed .fixed { position:relative; width: 467px; float: right; margin-bottom:30px}
.fluid_fixed .fixed img { width:100%; height:auto; margin-bottom:10px;}
.fluid_fixed .fluid { position:relative; width:100%; float:left; margin: 0 auto 0 -507px;}

.fixed_fluid { padding-right:360px; overflow:hidden; }
.fixed_fluid .fixed { position:relative; width: 320px; float: left; margin-bottom:30px;}
.fixed_fluid .fixed img { width:100%; height:auto; margin-bottom:10px;}
.fixed_fluid .fluid { position:relative; width:100%; float:right; margin: 0 -360px 0 auto;}

.month { position:relative; display:table-cell; vertical-align:middle; background:#fff; width:320px; height:320px; -moz-border-radius: 320px; -webkit-border-radius: 320px; border-radius: 320px; text-align:center; font-family: 'Great Vibes', cursive; font-size:90px; line-height:90px; }
.month span { font-family: "Times New Roman", Times, serif; font-size:20px; line-height:20px; text-transform:uppercase; display:block; font-weight:300; }



.scrollToTop { width:50px; height:50px; position:fixed; bottom:60px; right:10px; display:none; background: url(backup.png) no-repeat; opacity:0.4;}
.scrollToTop:hover{ text-decoration:none; opacity:1}



ul.list_style { width:100%; margin: 10px auto !important; }
ul.list_style, ul.list_style ul { list-style-type:none; margin:0; padding:0; overflow:hidden; font-weight:normal; display:block }
ul.list_style li { display:block; padding:3px 9px 3px 30px; background: rgba(168,127,105,0); margin:0 5px 2px 0; color:#9a7161; background:url(icon-location.png) left center no-repeat}



.contact_left, .contact_right { position:relative; width:50%; float:left }

.contact_form {  padding-left: 40px; text-align:left; clear:both; margin-top:20px; }
.contact_form .half { position:relative; width: 50% !important; float:left; margin-right: 40px; padding:0px 0 30px;}
.contact_form .first { margin-left: -40px; }
.contact_form .last { width: 50%; margin-right: 0; /*float:right;*/}
.contact_form.intabs { padding-left:0; }

#contact { position:relative; width:100%; padding:0px 0px 20px 0px; text-align:left}
#contact img { border:none; background:none}

label { display: block; line-height: 16px; font-size: 18px; color:#343436; font-style:italic; padding-top:13px; padding-bottom:6px;}
input, textarea, select, subject { width: 100%;  margin-bottom: 10px; padding: 20px; color: #666; border: 0px solid #ccc; font: bold 22px Arial, sans-serif; background: #fff;}
input:focus, textarea:focus, select:focus { background:#c9a78e; color:#fff; -moz-box-shadow:0 0 0 #ddd;-webkit-box-shadow:0 0 0 #ddd ;box-shadow: 0 0 0 #ddd; }
input.submit { width: 120px; cursor: pointer; background:#c9a78e !important; color:#fff; margin-top:20px; }
input.submit:hover { background:#a4cd6f !important; }
input[type="submit"][disabled] { background:#888; cursor: default; }
span.required { font-size: 16px; color: #ff0000; }

.captcha_image { width:37% !important; height:auto !important }

/*input[type=checkbox].css-checkbox {	display:none;}
input[type=checkbox].css-checkbox + label.css-label { padding:0 0 0 45px; height:21px; display:inline-block; line-height:21px; background-repeat:no-repeat; background-position: 0 0; font-size:40px; vertical-align:middle; cursor:pointer;}
input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -40px;}
label.css-label { background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_fac2814999f20213d734ee7567727889.png); -webkit-touch-callout: none; -webkit-user-select: none;		-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;	}*/


.error_title { display: block; font-family: "Times New Roman", Times, serif; font-size:16px; text-transform:uppercase; background: url(icon-warning-sign.png) no-repeat -30px -10px #FBE3E4; padding: 30px 100px 30px 100px; color:#8a1f11; -moz-box-shadow:1px 1px 15px #c4b4b5;-webkit-box-shadow:1px 1px 15px #c4b4b5;box-shadow: 0 0 15px #c4b4b5;}
ul.error_messages { margin: 0; padding: 10px 0 0 0; }
ul.error_messages li { font-family: "Times New Roman", Times, serif; font-size:14px; line-height:16px; padding-bottom:5px; text-transform:none; list-style:none; background:url(icon-cross.png) 10px center no-repeat; padding-left:25px; color:#444;}
.error_title:hover { background: url(icon-warning-sign.png) no-repeat -30px -10px #f2c9cb; padding: 40px 100px 40px 100px; }

.message { position:fixed; top:0; left:0; width:100%; padding:0; font-size:16px; color:#73b72a; z-index:99999999;}
.greenbox { padding:30px 30px 30px 70px; background:url(success.png) 20px center no-repeat #ecffd5; -moz-box-shadow:1px 1px 15px #c4b4b5;-webkit-box-shadow:1px 1px 15px #c4b4b5;box-shadow: 0 0 15px #c4b4b5;}
.greenbox:hover { padding:40px 30px 40px 70px; background:url(success.png) 20px center no-repeat #dcf1c3; }
.closebox { display:block; position:absolute; bottom:50%; margin-bottom:-25px; height:50px; width:50px; right:30px; cursor:pointer }

.loader { padding: 0 10px; }
#contact #success_page h1 { left no-repeat; padding-left:22px; background-color: #dcffb3; }
acronym { border-bottom:1px dotted #ccc; }


#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{ background:rgb(255,255,255); background:rgba(255,255,255,0.8); }
#colorbox{outline:0;}
#cboxContent{margin:70px 40px 40px 40px; background:#fff; -webkit-box-shadow: 0 0px 22px 2px #ddd; -moz-box-shadow: 0 0px 22px 2px #ddd; box-shadow: 0px 0px 22px 2px #ddd; }
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:20px solid #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
#cboxTitle{ display:none !important}
/*#cboxTitle{position:absolute; top:-30px; left:40px; padding:10px 20px; color:#333; display:inline-block; background:#fff; }*/
#cboxCurrent{ display:none !important}
#cboxLoadingGraphic{background:url(lightbox/images/284.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff; display:none !important}
#cboxPrevious{position:absolute; top:50%; left:-35px; margin-top:-18px; background:url(lightbox/images/controls.png) no-repeat top left; width:30px; height:45px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:-35px; margin-top:-18px; background:url(lightbox/images/controls.png) no-repeat top right; width:30px; height:45px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxClose{position:absolute; top:-45px; right:5px; display:block; background:url(lightbox/images/controls.png) no-repeat top center; width:35px; height:35px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}


.add_review_button { position:relative; display:block; padding: 80px 30px 20px 30px; background:url(icon-reviews.png) center 25px no-repeat; border:1px solid #d3ba9a; font-family: "Times New Roman", Times, serif; font-size:18px; text-transform:uppercase; color:#a48c6d; text-align:center; cursor:pointer; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; clear:both; opacity:0.6 }
.add_review_button:hover { opacity:1; color:#a48c6d; border: 1px solid #a48c6d }
.guestbook_form { display:none; }

.captcha_image { width:30%; height:auto }

@media (min-width: 768px) and (max-width: 1310px) {



}

@media (min-width: 1023px) and (max-width: 1230px) {



}

/* Tablet (Portrait), Design for a width of 768px */
@media (min-width: 768px) and (max-width: 1023px) {

.flickerplate{height:384px;}

.static_slider .captions.braby .flick-title { background:none; color: rgba(64,219,204,0.6); font-family: 'Great Vibes', cursive; margin-bottom:0; padding:0; font-size:34px; line-height:34px;}
.static_slider .captions.braby .flick-sub-text { background:none; color: rgba(70,70,70,0.35); letter-spacing:1px; padding:0; font-size:14px; line-height:14px; }

#menu li a { font-size:24px; padding: 0 13px; letter-spacing:0px; color:#7e5944 }
#menu li a span { display:none }
#menu li .current { color:#222  }

.one_third .third .duration, .one_third .third .price { float:left; width:49.5%; padding:50px 0 10px; margin-bottom:20px; font-family: "Times New Roman", Times, serif; font-weight:300; font-size:16px }

H5 { font-size:28px; line-height:28px;}

.contact_left, .contact_right { position:relative; width:100%; float:left; }

.fluid_fixed { padding-left:390px;}
.fluid_fixed .fixed { width: 350px; }
.fluid_fixed .fluid { margin: 0 auto 0 -390px;}

.footer_slogan { font-size:62px; line-height:62px; opacity:1; }
.footer_slogan span { display:block; font-family: "Times New Roman", Times, serif; font-size:18px; line-height:18px; font-weight:300; letter-spacing:15px; color:#1976b8 !important; color:#fff; opacity:0.6; text-transform:uppercase; text-shadow:0px 0px 8px #fff }

}

@media screen and (min-width: 767px) {

	/* ensure #nav is visible on desktop version */
	#menu { display: block !important;}


}



@media (max-width: 767px) {

.flickerplate{height:300px;}
.flickerplate ul.flicks>li .flick-title { display:none}
.flickerplate ul.flicks>li .flick-sub-text { display:none}
.static_slider .captions.braby { display:none}
.flickerplate ul.flicks>li .button { display:none } 

.header .logo { padding:20px 20px 10px 20px; margin-top:50px; max-width:100%; height:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#footer img { max-width:100%; height:auto; }

.header .social .circle {top:15px; left:15px;}


.contactbox { display:none}
.tel1 { position:absolute; width:100%; top:0px; left:0; right:0; display:block; padding: 0; background:url(tap-to-call.png) center center no-repeat; text-indent:-999999px; line-height:70px; }



.table { width:100%}
.menu_wrapper { position:relative; top:0; height: auto; z-index:33; float:none; padding-top:0; padding-right:0; background:none; -webkit-box-shadow: 0 0 0 0 black; -moz-box-shadow: 0 0 0 0 black; box-shadow: 0 0 0 0 black; }
.menu_wrapper:hover #menu li .current { color:#333; background:none; }
#menu-icon { font-family: 'Great Vibes', sans-serif; font-size: 32px; color:#333; width: 100%; margin: 0 auto; text-align:center; line-height: 80px; background: url(plus-minus-dark.png) no-repeat 18px 16px; cursor: pointer; display: block; /* show menu icon */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#menu-icon.active {	background-image:url(plus-minus-dark.png); background-position:18px -32px; background-repeat:no-repeat; }
#menu { clear: both; position: relative; width: 100%;  z-index: 10000; display: none; padding-bottom:40px; }
#menu li { clear: both; float: none; margin: 0px; }
ul#menu a { color:#a88876; font: 300 24px "Times New Roman", Times, serif; display:block; width:90%; margin: 0 auto; text-align:center; border-bottom:2px dotted #e5ccbd;}
ul#menu a:hover { background:none; color:#c6a897;  }
#menu li:hover > a { color:#a88876; }
#menu li .current { color: #a88876;}
#menu li a span { display:none; }
#menu li a { height:auto; padding:10px 0 }

.menu_wrapper:hover #menu li .current { color:#a88876;  }
#menu li .current:hover { color:#a88876;  }
#menu li:hover > .current { color:#a88876 !important;  }

ul#menu li ul { display:none; visibility:visible; opacity:1; transition:opacity 0.1s linear;}
ul#menu li:hover > ul { display: none;}


H1 { font-size:45px; line-height: 45px; }


.one_half { padding-left: 0; }
.one_half .half {  width: 100% !important; margin-right: 0; }
.one_half .first { margin-left: 0px;  }
.one_half .last { width: 100%; }
.intro { text-align:center }

.one_half.accommodation .half { margin-bottom:40px;}
#wrapper { padding:30px 20px 0px 20px; }

.one_third { padding-left: 0px; }
.one_third .third { width: 100% !important; margin-right: 0px; margin-bottom:40px;}
.one_third .first { margin-left: 0px; }
.one_third .last { width: 100%;}

.more_photos { width:auto; text-indent:0; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}

.contact_form { padding-left: 0; }
.contact_form .half { width: 100% !important; margin-right: 0;}
.contact_form .first { margin-left: 0px; }
.contact_form .last { width: 100%; margin-bottom:40px;}

.footer_slogan { display:none }
.footer_slogan span { font-size:18px; line-height:18px; letter-spacing:3px;}
#footer .social .circle img { padding:12px 0 0 0; }

#cboxLoadedContent{border:10px solid #fff;}


.fluid_fixed { padding-left:0; overflow:hidden; }
.fluid_fixed .fixed { position:relative; width: 100%; float: none; margin-bottom:30px}
.fluid_fixed .fixed img { width:100%; height:auto }
.fluid_fixed .fluid { position:relative; width:100%; float:none; margin: 0 auto 0 auto;}
.fluid_fixed .half { margin-bottom:20px; text-align:center }

.error_title { font-size:16px; background: url(icon-warning-sign.png) no-repeat -30px -10px #FBE3E4; padding: 30px 100px 30px 30px;}
ul.error_messages li { background:url(icon-cross.png) 10px center no-repeat;}

.credits { display:none }

#post_comment_wrapper .comment { width: 100% !important; float:none !important;}

}


@media (max-width: 600px) {


ul#footerlinks li a { font: 13px/18px "Times New Roman", Times, serif; }
.blockquote { font: 300 24px/30px "Times New Roman", Times, serif; padding: 90px 30px 60px 30px;}
.scrollToTop{ bottom:20px; right:20px;}
.map { height:250px ; }
.contact_left, .contact_right { position:relative; width:100%; float:left; text-align:center }
h4 { text-align:center }

}

@media (max-width: 500px) {

.flickerplate{height:200px;}

.flickerplate ul.flicks>li .flick-title {font-size:28px; line-height:28px;}
.flickerplate ul.flicks>li .flick-sub-text { letter-spacing:1px; font-size:14px; line-height:14px;}

.two-column { -webkit-column-count: 1; -webkit-column-gap: 0px; -moz-column-count: 1; -moz-column-gap: 0px; column-count: 1; column-gap: 0px; }
.text_large { font-size:34px; line-height:30px;}
.text_xlarge { font-size:46px; line-height:40px; }

H5 { font-size:28px; line-height:28px;}

.download { font-size:36px; line-height:40px;}
.gallery_acc img { width:24% !important; }

.error_title { font-size:16px; background: url(icon-warning-sign.png) no-repeat -30px -10px #FBE3E4; padding: 30px 20px 100px 20px; }
.error_title:hover { padding: 30px 20px 100px 20px; }
ul.error_messages li { background:url(icon-cross.png) 10px center no-repeat;}
.closebox { display:block; position:absolute; bottom:20px; margin-bottom:0; height:50px; width:50px; left:50%; margin-left:-25px; cursor:pointer }
.greenbox { padding:30px 0 100px 0; text-align:center; background:url(success.png) 20px 20px no-repeat #ecffd5 }

.captcha_image { width:50%; height:auto }

#post_comment_wrapper .comment { padding:0 10px !important}
.one_half .rates .sharingrate { display:block; font: 55px/45px "Times New Roman", Times, serif !important; font-weight:300; margin-bottom:10px;}

.footer_slogan { font-size:24px; line-height:24px; font-weight:400; top: 50%; margin-top:-20px;  opacity:1;}
.footer_slogan span { font-size:16px; line-height:16px; letter-spacing:1px; font-weight:400; color:#fff !important}
#footer { margin: 0 15px 0px 15px; }

}

@media (max-width: 300px) {
body { overflow-x: visible  }



}