@charset "utf-8";

body { margin: 0px; font-family: 'Open Sans', Arial; font-size:17px; color:#8e6633; background:#e7d8bd}
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: 'Lato', sans-serif; font-size:38px; font-weight:300; color: #dc956a; line-height: 38px; padding: 0 0 10px 0; margin: 0; text-align:center; text-transform:uppercase  }
H2 { position:relative; font-family: 'Lato', Arial; font-size:18px; font-weight:300; color: #e7d8bd; width:90%; margin: 0 auto ; z-index:55; padding: 0 0 10px 0; text-align:center}
H3 { font-family: 'Lato', sans-serif; font-weight:300; font-size:50px; line-height:50px; margin:0 0 60px 0; padding: 40px 0; background: url(bkg_small2.jpg) center center; color:#fff; display:block; text-align:center; position:relative; text-transform:uppercase}
H4 { font-family: 'Lato', sans-serif; font-size:30px;  font-weight:300; margin:0 0 0px 0; padding:10px 0; display:inline-block; color:#666; position:relative;}
H5 {  font-family: 'Lato', sans-serif;  font-weight:300; margin:20px 0 10px 0; font-size:40px; line-height:40px; padding-bottom:0px; color:#796259}
H6 {  font-family: 'Lato', sans-serif;  font-weight:300; margin:20px 0 3px 0; font-size:22px; line-height:25px; padding-bottom:0px; text-transform:uppercase; color:#796259}

/* COMMON STYLES */

.contactbox, #menu li a, .one_third .features img, .enlarge, .button, ul#footerlinks li a, .fluid_fixed, .social .circle, .scrollToTop, .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, #footer_pano .credits img, .footer_one_third .navigation, .flickerplate, .one_half .box img, .one_third .box img, .fluid_fixed .box img, #post_comment_wrapper .comment, ul.list_style li { -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 { padding:15px; border:10px solid #a87f69; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

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

.one_third .shadow img { -moz-box-shadow:0px 0px 15px #fff; -webkit-box-shadow:0px 0px 15px #fff; box-shadow: 0 0 15px #fff }

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


#header { position:relative; text-align:center; background: url(bkg_small2.jpg) center center;}
#header img { padding:70px 0 70px 0; }

.contactbox { position:absolute; top:0px; right:40px; display:inline-block; width:198px; height:66px; padding: 0 25px; background:url(tel-banner.png) center top no-repeat; text-align:center; line-height:54px; font-size:17px; font-family: 'Lato', Arial; z-index:44; font-style:italic;}
.contactbox { color:#fff; }
.contactbox:hover { color:#fff; }

#menu_wrapper { position:relative;  margin: 0px auto 0px auto; height: auto; z-index:1300; }
.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; position: relative;}
#menu li a { font: 300 14px/60px 'Lato', sans-serif; text-decoration: none; color: #e7d8bd; padding: 0 15px; display:block;}
#menu li:last-child a { border-right:none; color:#7ec624; }
#menu li a:hover { color:#7ec624; text-shadow: 0px 0px 5px #7ec624;}
#menu li .current { color:#77513e; text-shadow: 0px 0px 5px #a4bfc9; background:#e7d8bd; font-weight:400}
#menu li .current:hover { color:#77513e; text-shadow: 0px 0px 5px #77513e;}


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


.flickerplate{position:relative; margin: 0 auto; height:600px;background-color:#e6e6e6;overflow:hidden;}
.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:68.75em;margin-left:auto;margin-right:auto}
.flickerplate ul.flicks>li .flick-title{padding:0px 0px;font-size:3.778em;text-align:center; font-family: 'Lato', sans-serif; font-weight:300; text-shadow: 0px 0px 5px #fff}

.flickerplate ul.flicks>li .flick-sub-text{padding:5px;font-weight:300;font-style:italic;color:rgba(255,255,255,0.8);text-align:center}
.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 .arrow-navigation{position:absolute;height:80%;width:10%;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:14px;height:14px;margin:0px 6px;background-color:rgba(255,255,255,0.3);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,0.6)}
.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 .arrow-navigation.left .arrow{background-image:url("img/arrow-left-dark.png")}
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow{background-image:url("img/arrow-right-dark.png")}
.flickerplate.flicker-theme-dark .dot-navigation .dot{background-color:rgba(0,0,0,0.12)}
.flickerplate.flicker-theme-dark .dot-navigation .dot:hover{background-color:rgba(0,0,0,0.6)}
.flickerplate.flicker-theme-dark .dot-navigation .dot.active{background-color:#000}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner{color:rgba(0,0,0,0.9)}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text{color:rgba(0,0,0,0.9)}
.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 ul.flicks li.flick-theme-dark .flick-inner{color:rgba(0,0,0,0.9)}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text{color:rgba(0,0,0,0.9)}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text,.flickerplate ul.flicks li.flick-theme-dark .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}

@media only screen and (max-width: 43.813em)
{.flickerplate ul.flicks>li .flick-title{font-size:1.667em}}



.text_box_01 { position:absolute; top:100px; left:0; display:inline-block; padding: 15px 25px; background:#fff; font-family: 'Lato', sans-serif; font-size:30px; color:#333 }

#subtitle { position:relative; display:block; background: url(bkg_small2.jpg) center center; padding: 30px 40px 30px 40px; margin:0; text-align:center; border-bottom:15px solid #e7d8bd;}
.tgcsa { position:relative; text-align:center; display:block; height:30px; }

#wrapper { position:relative; padding:60px 40px 400px 40px; clear:both; border-top: 10px solid #8e634c; background:url(footer.jpg) center bottom no-repeat}

.one_half {  padding-left: 40px; text-align:left; clear:both }
.one_half .half { position:relative; width: 50% !important; float:left; margin-right: 40px; padding:0px 0 30px;}
.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}
.intro_text_big { font-size:36px; line-height:40px; color:#9a7161; font-family: 'Lato', "Times New Roman", Times, serif; font-weight:300; text-transform:capitalize; margin-bottom:10px !important }
.intro_text_small { font-family:Georgia, "Times New Roman", Times, serif; border-left: 10px solid #8e634c; font-style:italic; padding:10px 0 10px 20px; margin-bottom:20px !important;  }
.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;  border-top:2px dotted #c9c4ba; padding-top:20px;}
.first-letter { display:block; text-align:center; float:left; font-size:50px; line-height:45px; padding:0px 5px 0 0; font-family: "Times New Roman", Times, serif }
.float-pic-left { float:left; width:49% !important  }
.float-pic-right { float:right; width:49% !important  }

.blockquote { position:relative; font: 300 30px/35px "Lato", Times, serif;  font-style:italic; padding: 90px 90px 60px 90px; margin-bottom: 60px; margin-top:40px; 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; background-color: #77513e; color:#e7d8bd}
.blockquote span { position:absolute; right:-10px; bottom:-10px; 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; }

.one_third { padding-left: 80px; }
.one_third .features { position:relative; width: 33.3% !important; float:left; margin-right: 40px; margin-bottom:0px;  text-align:center;}
.one_third .features h4 a { color:#4f2d23}
.one_third .first { margin-left: -80px; }
.one_third .last { width: 33.3%; margin-right: 0; /*float:right;*/}
.one_third .features p {  text-align:justify; width:90%; margin: 0 auto 20px auto }
.one_third .features img { width:100%; height:auto; margin-bottom:10px; }

.enlarge { position:absolute; top:30px; left:30px; width:40px; height:40px; padding:0 !important;}
.enlarge img { background:none !important }
.one_third .features .enlarge img, .one_half .first .enlarge img { max-width:100% !important; height:auto !important; border:none; padding:0 !important; }

.button { display:inline-block; background: url(more-arrow.png) right 15px center no-repeat #7ec624; padding: 10px 40px 10px 20px; text-decoration:none; font-family: 'Lato', Arial; font-size:18px; font-weight:400; color:#fff; text-align:left; border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.button:hover, .facilities:hover, .booknow:hover { color:#fff; background-color:#4f2d23}

.attractions { width:300px !important; height:auto !important; float:left !important; margin: 0 20px 20px 0 !important; border:20px solid #f5f3ed !important; padding:0 !important;}
#activities .half { margin-bottom:60px; }

#footer_wrap { position:relative; background: url(bkg_small2.jpg) center center; color:#8d6d61; padding:0 0px 30px 0px; text-align:center; font-size:12px; }
#footer { position:relative; padding:80px 30px 20px 30px; margin: 0 auto 30px auto;}

ul#footerlinks { padding: 0; text-align:center; list-style:none; margin:40px auto 50px auto;}
ul#footerlinks li a { display: block; width:80%; color:#c5b3a5; font: 15px/20px 'Lato', sans-serif; text-transform:uppercase; letter-spacing:2px; margin: 0 auto; padding: 10px 0; border-bottom: 1px solid #5e443f;}
ul#footerlinks li a:hover { color:#95d832;}
#footerlinks ul li { float: left; margin: 0; }

.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 'Lato', sans-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;}

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

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


.slidegallery { padding:20px; background:#f5f3ed;  }
.slidegallery ul { margin:0; padding:0; list-style:none  }
.slidegallery ul li img { padding:0;}
.slidegallery .large { padding:0; }

.icon_guests { width:20px !important; height:auto; background:none !important; padding:0 10px 0 0 !important; border-radius:0px !important;-o-border-radius:0px !important;-ms-border-radius:0px !important;-moz-border-radius:0px !important;-webkit-border-radius:0px !important; }

.facilities { width:48%; color:#8e6633; border:1px solid #a87f69; float:left; text-align:center; background-image:url(icon-facilities.png); background-position: center 10px; background-repeat:no-repeat; padding:90px 0 20px 0;  margin-bottom:20px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;}
.booknow { width:48%; color:#8e6633; border:1px solid #a87f69; float:right; text-align:center; padding:90px 0 20px 0; background-image:url(icon-book.png); background-position: center 10px; background-repeat:no-repeat;  margin-bottom:20px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }
.facilities:hover, .booknow:hover { background-color:#4f2d23; border:1px solid #4f2d23; color:#fff }

.one_half .rates { display:block; position:relative; margin:0px 0 10px; padding:0px 0 20px;}
.one_half .rates .sharing, .one_half .rates .single { text-transform:uppercase; line-height:20px; display:inline-block; }
.one_half .rates .sharingrate { display:block; font: 75px/65px 'Lato', sans-serif; font-weight:300; margin-bottom:10px;}
.one_half .rates .sharingrate .pppn { font: 15px/15px 'Lato', sans-serif;  }
.one_half .rates .singlerate { font: 15px/20px 'Lato', sans-serif; display:inline-block; background:#7ec624; color:#fff; padding:3px 6px; }

ul.list_style { width:100%; margin: 0 auto 25px auto !important; }
ul.list_style, ul.list_style ul { list-style-type:none; margin:0; padding:0; overflow:hidden; font-weight:normal; }
ul.list_style li { display:inline-block; padding:5px 12px; background:#a87f69; margin:0 1px 5px 0; color:#e7d8bd}

.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 #532e1c;} 

.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 #532e1c !important;} 

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

.contact_form {  padding-left: 40px; text-align:left; clear:both }
.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 { position:relative; width:100%; padding:0px 0px 20px 0px; text-align:left}
#contact img { border:none; background:none}

#contact label { display: block; float:top; 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; background: #f6f2eb; border: 0px solid #ccc; font: bold 22px Arial, sans-serif; }
input:focus, textarea:focus, select:focus { background:#d0c1a7; -moz-box-shadow:0 0 10px #ddd;-webkit-box-shadow:0 0 10px #ddd ;box-shadow: 0 0 10px #ddd; color: #555; }
#contact input.submit { width: 120px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
#contact input.submit:hover { background:#444; }
#contact input[type="submit"][disabled] { background:#888; cursor: default; }
#contact span.required{ font-size: 16px; color: #ff0000; }

.error_title { display: block; font-family: 'Lato', sans-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: 'Open Sans', Arial; 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; }


.map { height:400px ; }


#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:url(lightbox/images/overlay2.png) #fff;}
#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: 'Lato', Impact, Arial; 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: 1023px) and (max-width: 1230px) {

.attractions { width:200px !important;}

}

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

.flickerplate{height:284px;}

#menu li a { font-size:14px; padding: 0 13px; letter-spacing:0px; }

H4 { font-size:16px !important;  margin:0; padding:10px 20px; display:block; top:-10px; }
.enlarge { top:20px; left:20px; }



.attractions { width:100% !important; height:auto; margin: 0 20px 0px 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



.seasons_wrap { position:relative; margin-bottom:20px; }
.seasons { position:relative; width:100%; float:none; padding-bottom:10px; }
.seasons_wrap .middle { border-top: 1px solid #dfdbd1; border-bottom: 1px solid #dfdbd1; border-left:0; border-right:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom:10px;  }
H5 {  font-family: 'Lato', sans-serif;  font-weight:normal; margin:20px 0 0px 0; font-size:18px; line-height:20px; padding-bottom:0px; text-transform:uppercase}

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

body#turaco .facilities, body#guineafowl .facilities, body#turaco .booknow, body#guineafowl .booknow { width:100%;}

}

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

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



}



@media (max-width: 767px) {

.flickerplate{height:200px;}

#header { position:relative; text-align:center; height:auto; padding-bottom:20px;}
#header img { padding:60px 0 40px 0; max-width:100%; height:auto; }
#footer img { max-width:100%; height:auto; }

.contactbox { 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; -moz-border-radius: 0 0 15px 15px; -webkit-border-radius: 0 0 15px 15px; border-radius: 0 0 15px 15px;  color:#fff }
.contactbox:hover {  color:#d5c6bc; background:url(tap-to-call.png) center center no-repeat; }

.table { width:90%}
#menu_wrapper { position:relative; height: auto; z-index:33; float:none; padding-top:0; padding-right:0; }
#menu-icon { font-family: 'Lato', Arial; font-size: 24px; color:#dc956a; width: 90%; margin: 0 auto; text-align:center; line-height: 60px; background:  url(plus-minus.png) no-repeat 18px 8px rgb(255, 255, 255); background:  url(plus-minus.png) no-repeat 18px 8px; border:1px solid #a87f69; 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-color: rgba(126,198,36,0.4); background-image:url(plus-minus.png); background-position:18px -40px; background-repeat:no-repeat; border:1px solid #7ec624; color:#fff}
#menu { clear: both; position: relative; top: 0px; width: 100%;  z-index: 10000; display: none; }
#menu li { clear: both; float: none; margin: 0px; }
ul#menu a { font: normal 16px/60px 'Lato', sans-serif; display: block; text-align:center; border: none; border-bottom:1px solid #4f2d23;}
#menu li .current { color: #7ec624; background:none}

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

#wrapper { padding:60px 20px 200px 20px;}

.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%; margin-bottom:40px;}
.intro { text-align:center }
.one_third { padding-left: 0px; }
.one_third .features { width: 100% !important; margin-right: 0px; margin-bottom:40px;}
.one_third .first { margin-left: 0px; }
.one_third .last { width: 100%;}

.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 .social .circle img { padding:12px 0 0 0; }

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

.accommodation { padding:0px !important; }

.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) {


.attractions { width:100% !important; height:auto; margin: 0 20px 20px 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#activities .half { margin-bottom:30px; }

ul#footerlinks li a { font: 13px/18px 'Lato', sans-serif; }

.blockquote { font: 300 24px/30px "Lato", Times, serif; padding: 90px 30px 60px 30px;}
.scrollToTop{ bottom:20px; right:20px;}

.map { height:250px ; }

}

@media (max-width: 500px) {



.two-column { -webkit-column-count: 1; -webkit-column-gap: 0px; -moz-column-count: 1; -moz-column-gap: 0px; column-count: 1; column-gap: 0px; }
.one_half .box img, .one_third .box img, .fluid_fixed .box img { padding:10px;}
.gallery_acc img { width:24% !important; }

.facilities, .booknow { width:100%;}

H3 { font-size:30px; line-height:30px;}
H5 {  font-family: 'Lato', sans-serif;  font-weight:normal; margin:20px 0 0px 0; font-size:18px; line-height:20px; padding-bottom:0px; text-transform:uppercase}

.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}

}

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



}