@charset "utf-8";

body { margin: 0px; font-family: 'Open Sans', Arial; font-size:17px; color:#355850; background:#68bcb3  }
p {margin-top:0px; margin-bottom: 10px;}
a img {border:0;}
a { color: #ffebc2; text-decoration:none; }
a:hover { color: #ffebc2;  }
a {outline: 0;}
.clearfix { clear:both;}
.rates { color:#FF0000;}

#popupBox .close { position:absolute; right:0; top:0; cursor:pointer; line-height:30px; width:40px; height:40px; background:url(img/cross.png) center center no-repeat #fff}
#popupBox { position: fixed; bottom: 10px; right: 10px; width: 320px; background-color: rgb(255,255,255); z-index: 25; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); z-index:999}
#popupBox .popupText {  text-align: center; padding:30px}
#popupBox .popupText p { font-size:18px; line-height:18px; margin:0; }
#popupBox img { width:100%; height:auto }
#popupBox .close { color:#999;}

.branch-only { position:absolute; top:10px; right:10px; padding:5px; background:#C71E2B; color:#fff; font-size:12px; text-transform:uppercase }

@font-face {
    font-family: 'BonzaiRegular';
    src: url('bonzai-webfont.eot');
    src: url('bonzai-webfont.eot?#iefix') format('embedded-opentype'),
         url('bonzai-webfont.woff') format('woff'),
         url('bonzai-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TrumpGothicWestRegular';
    src: url('trump-gothic-west-webfont.eot');
    src: url('trump-gothic-west-webfont.eot?#iefix') format('embedded-opentype'),
         url('trump-gothic-west-webfont.woff') format('woff'),
         url('trump-gothic-west-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

H1 { font-family: 'TrumpGothicWestRegular', sans-serif; font-size:50px; font-weight:300; color: #fff; line-height: 50px; margin: 0; text-align:center; text-transform:uppercase  }
H2 { position:relative; font-family: 'Lato', Arial; font-size:18px; font-weight:normal; color: #f6e7d4; width:90%; margin: 0 auto; z-index:55; padding: 0px 0 35px 0; background:url(title-separator.png) center bottom no-repeat; text-align:center}
H3 { display:block; font-family: 'Lato', sans-serif; font-size:40px; font-weight:normal; color: #fff; text-transform:uppercase; margin: 0 0 40px 0; padding: 20px 30px; text-align:center;}
body#gallery H3 { font-family: 'TrumpGothicWestRegular', sans-serif; font-size:40px; font-weight:300; color: #fff; line-height: 40px; margin: 0 0 30px 0; padding:0; text-align:center; text-transform:uppercase}
H4 { font-family: 'TrumpGothicWestRegular', sans-serif; font-size:40px; line-height:40px; font-weight:300; padding:0 20px; margin:20px 0 15px 0; width:auto; color:#ffebc2; position:relative; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }
H5 {  font-family: 'Lato', sans-serif;  font-weight:400; margin:20px 0 3px 0; font-size:24px; line-height:24px; padding-bottom:0px; text-transform:uppercase; color:#ffebc2}
H6 { font-family: 'TrumpGothicWestRegular', sans-serif; font-size:32px; font-weight:300; color: #51A29A; line-height: 32px; margin: 0 0 20px 0; padding:0; text-align:center; text-transform:uppercase}

#header { position:relative; text-align:center; border-bottom: 10px solid #f5d4a9; background:url(header-bk.jpg) center top no-repeat}
#header img { padding:20px 0; }

.contactbox { position:absolute; top:0px; right:50px; display:inline-block; padding: 0 25px; background: #4ba097; text-align:center; line-height:54px; font-size:17px; color:#fff; font-family: 'Lato', sans-serif; z-index:44; -moz-border-radius: 0 0 15px 15px; -webkit-border-radius: 0 0 15px 15px; border-radius: 0 0 15px 15px; font-style:italic; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; opacity:0.9}
.contactbox:hover { opacity:1; color:#fff}

#menu_wrapper { position:relative; height: auto; z-index:1300;}
.table { display: table;   /* Allow the centering to work */margin: 0 auto; }
#menu-icon { display: none; /* hide menu icon initially */}

#menu, #menu li { position:relative; margin:0; padding:0; list-style: none; float: left;}
#menu li a {  font: 400 14px/60px 'Lato', sans-serif; text-decoration: none; text-transform:uppercase; color: #141a19; padding: 0 31px 0 10px; display:block; text-shadow: 0px 0px 5px #fff; background:url(icon-bullet-s.png) right center no-repeat; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;}
#menu li:last-child a { background:none }
#menu li a:hover { color:#fff;}
#menu li .current { color:#fff;}
#menu li span { position:absolute; top:0px; right:30px; text-align:center; background:#C71E2B; color:#fff; font-size:12px; line-height:20px; width:20px; height:20px; text-transform:uppercase; border-radius:100%; text-shadow:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold }

#menu li a.cuisine:after { position:absolute; top:0; right:20px; display:inline;content:url(new.png); -webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); }


.static_slider { position:relative; margin: 0 auto; }
#slider_wrapper { position:relative; width:100%; z-index: 11; background:#e8dfd9; border-bottom:3px solid #6faea7; border-top: 3px solid #6faea7 }
#slider_wrapper img, .static_slider img { width:100%; height:auto;  }


.flickerplate{position:relative;  height:484px; 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:80%;margin-left:auto;margin-right:auto;}

.flickerplate ul.flicks .text_right { text-align:right }
.flickerplate ul.flicks .text_center { text-align:center; text-shadow: 1px 1px 1px #000; }
.flickerplate ul.flicks>li .slide_title { display:block; position:relative; padding:0; font-size:70px; line-height:70px; color:#ae353d; font-family: 'Lato', sans-serif; text-transform:uppercase; font-weight:300; text-shadow:none }
.flickerplate ul.flicks>li .slide_subtitle { display:block; position:relative; padding:5px; margin-bottom:10px; font-weight:300; color:#fff; }
.flickerplate ul.flicks>li .slide_button {  position:relative; background:#ae353d; display:inline-block; width:100px; height:100px; line-height:100px; text-align:center; font-family: 'Lato', sans-serif; font-weight:300; font-size:30px; text-transform:uppercase; color:#FFEBC2; text-decoration:none;-webkit-transition: background 0.2s, color 0.2s; -moz-transition: background 0.2s, color 0.2s; transition: background 0.2s, color 0.2s; text-shadow:none; border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.flickerplate ul.flicks>li .slide_button2 {  position:relative; background:#ae353d; display:inline-block; padding:10px 15px; font-family: 'Lato', sans-serif; font-weight:400; font-size:20px; text-transform:uppercase; color:#FFEBC2; text-decoration:none; -webkit-transition: background 0.2s, color 0.2s; -moz-transition: background 0.2s, color 0.2s; transition: background 0.2s, color 0.2s; text-shadow:none;}
.flickerplate ul.flicks>li .slide_button:hover { color:#ae353d; background:#FFEBC2; }


.flickerplate ul.flicks>li .flick-sub-text{padding:5px;font-weight:300;line-height:2.5em;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%;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;transition:all 0.2s ease-out}
.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:25px;height:25px;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%;-webkit-transition:background-color 0.2s ease-out;-moz-transition:background-color 0.2s ease-out;-o-transition:background-color 0.2s ease-out;-ms-transition:background-color 0.2s ease-out;transition:background-color 0.2s ease-out}
.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%;-webkit-transition:left 0.4s ease-out;-moz-transition:left 0.4s ease-out;-o-transition:left 0.4s ease-out;-ms-transition:left 0.4s ease-out;transition:left 0.4s ease-out}
.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.4em; line-height:1.1em}}



.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; padding: 40px 40px 0 40px; margin:0; text-align:center; border-bottom:2px dotted #4ba097 ; border-top: 10px solid #f5d4a9;  }
.tgcsa { position:absolute; bottom:-13px; left:50%; margin-left:-50px; width:100px; height:30px; }

#wrapper { position:relative; padding:90px 40px 100px 40px; clear:both; text-align:center; background:url(body-shadow.png) top repeat-x; }

.single_product .box, .one_half .box, .one_third .box {  padding:0px 0px 40px 0px !important;  background:#75c5bc;  -moz-box-shadow:0px 0px 15px #4e9d94;-webkit-box-shadow:0px 0px 15px #4e9d94;box-shadow: 0 0 15px #4e9d94; }

.single_product { position:relative; margin: 0 auto; max-width:70%; }
.single_product img { width:100%; height:auto;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.intro { margin-bottom:20px; font-size:26px; line-height:30px; color:#ffebc2 }

.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 0px 0px 0px; margin-bottom:120px; text-align:center;}
.one_half .first { margin-left: -40px; }
.one_half .last { width: 50%; margin-right: 0; /*float:right;*/}

.branch { border:2px dotted #4fa59c; margin: 0 0 20px 0; padding-bottom:20px !important;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
/*.branch:first-of-type { margin-left:0; }
.branch:last-of-type { margin-right:0; }*/

.blockquote { position:relative;  font: 30px/35px "Times New Roman", Times, serif; color:#3d665c;  font-style:italic; padding: 90px 60px 60px; margin-bottom: 60px; margin-top:0px; background-image: url(openquote.png);background-position: 30px 30px ; background-repeat: 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;}
.blockquote span { position:absolute; right:30px; bottom:30px; width:40px; height:40px; display: block; padding: 0 0 0px 0;  background-image: url(closequote.png); background-repeat: no-repeat; background-position: bottom right;}
.blockquote p { font-size:16px; color:#666 }

.ratebanner { position:absolute; top:65px; left:40px; display:inline-block; font: 300 40px/40px 'Lato', sans-serif; color:#fff; text-align:center; width: 130px; height: 100px; padding:30px 0px 0px 0px; background: #dacac1; -moz-border-radius: 130px; -webkit-border-radius: 130px; border-radius: 130px; z-index:1; zoom:1;}
.ratebanner .from { font-family: 'Open Sans', Arial; font-size:11px; display:block; line-height:normal  }
.ratebanner .per { font-family: 'Open Sans', Arial; font-size:11px; display:block; line-height:normal; text-align:center  }

.one_third { padding-left: 80px; }
.one_third .third { position:relative; width: 33.3% !important; float:left; margin-right: 40px; margin-bottom:40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; -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_third .first { margin-left: -80px; }
.one_third .last { width: 33.3%; margin-right: 0; /*float:right;*/}
.one_third .third img {  width:100%; height:auto; -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_third .third p { width:95%; margin: 0 auto }
.one_third .third .button { display:inline-block; background: url(more-arrow-small.png) right 10px center no-repeat #c71e2b; text-align:center; padding:7px 25px 7px 10px; margin-top:10px; line-height:normal; font-size:16px;}
.one_third .third .button:hover { background: url(more-arrow-small.png) right 7px center no-repeat #4fa59c; color:#fff;}
H4 a { color:#ffebc2; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }
H4 a:hover { color:#fff; text-shadow: 0px 0px 15px #fff; }
.one_third .third:hover { background:#75c5bc;  -moz-box-shadow:0px 0px 15px #4e9d94;-webkit-box-shadow:0px 0px 15px #4e9d94;box-shadow: 0 0 15px #4e9d94; }

.features img { background:none !important; padding:0 !important}
.features:hover {background:none !important;  -moz-box-shadow:0px 0px 0px #4e9d94 !important; -webkit-box-shadow:0px 0px 0px #4e9d94 !important; box-shadow: 0 0 0px #4e9d94 !important; }

.special { position:absolute; width:120px; height:120px; top:-25px; left:-20px;}
.special img {  background:none !important; padding:0 !important; max-width:100%; height:auto}

.service_details { padding-left: 0px; text-align:center; margin-top:10px; }
.service_details .details { position:relative; width: 33.3% !important; float:left; margin: 0 0px 10px 0; padding: 50px 0 0px 0 ; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; font-family: Impact, Arial; font-size:25px; color:#444; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;}
.info { display:block; text-align:center; padding:5px 0 15px 0; text-decoration:none; color:#ffebc2; font-family: 'Lato', Arial; font-weight:300; font-size:16px; }
.service_details .first { margin-left: 0px; }
.service_details .second { border-left:1px solid #4fa59c; border-right:1px solid #4fa59c; }
.service_details .last { width: 33.3%; margin-right: 0; /*float:right;*/ padding-top:0 !important}
.service_details .duration { background: url(icon-clock-light.png) center 15px no-repeat }
.service_details .price { background: url(icon-money-light.png) center 15px no-repeat }
.service_details .recommends { background: url(icon-thumbsup-light.png) center 15px no-repeat}

.likes { padding-top:0 !important }
ul.ulike-layout{margin:0;padding:0;list-style-type:none}
ul.ulike-layout li {display:block;margin-right:0px;text-align:center}
ul.ulike-layout li img { width:25px !important; height:26px !important; margin-bottom: }
ul.ulike-layout li.ulike-button {padding-top:15px; cursor:pointer; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; -ms-transition: background-color 0.4s; transition: background-color 0.4s;}
ul.ulike-layout li.ulike-button img.icon{}
ul.ulike-layout li.ulike-count{}



.button { display:inline-block; background: url(more-arrow.png) right 15px center no-repeat #c71e2b; padding: 10px 40px 10px 20px; margin-top:10px; text-decoration:none; font-family: 'Lato', Arial; font-size:16px; color:#fff; text-align:left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;}
.button:hover, .facilities:hover, .booknow:hover { background: url(more-arrow.png) right 10px center no-repeat #4fa59c; color:#fff;}

.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:#3f9188; color:#fff; padding:0 40px 20px 40px; text-align:center; font-size:12px; }
#footer { position:relative; top:-60px; background:#4fa59c; padding:60px 0 20px 0; 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:#ffebc2; font: 15px/20px 'Lato', sans-serif; text-transform:uppercase; letter-spacing:2px; margin: 0 auto; padding: 10px 0; border-bottom: 1px solid #68bcb3; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;}
ul#footerlinks li a:hover { background-color:#479b92; color:#fff; text-shadow: 0px 0px 5px #fff;}
#footerlinks ul li { float: left; margin: 0; }

.fluid_fixed { padding-left:507px; overflow:hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }
.fluid_fixed .fixed { position:relative; width: 467px; float: right; margin-bottom:30px}
.fluid_fixed .fixed img { width:100%; height:auto; background:#4fa59c; padding:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.fluid_fixed .fluid { position:relative; width:100%; float:left; margin: 0 auto 0 -507px;}

.box { padding:20px !important; background:#f5f3ed; }
.box img { width:100%; height:auto}

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

.social { position:absolute; left:50%; width:45px; height:45px; margin-left:-22px; bottom:-22px;}
.social .circle { position:relative; background:#855e4e; width:45px; height:45px; -moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }
.social .facebook { float:left}
.social .circle img { padding-top:12px; }
.social .circle:hover { background:#65c3d4; }

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


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

.csSlideOuter { overflow: hidden;}
.lightSlider:before, .lightSlider:after { content: " "; display: table;}
.csSlideWrapper > ul:after { clear: both;}
.csSlideWrapper .csSlide { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: all 1s; transition: all 1s;-webkit-transition-duration: inherit; transition-duration: inherit;  -webkit-transition-timing-function: inherit; transition-timing-function: inherit;}
.csSlideWrapper .csFade { position: relative; -webkit-transition-duration: 1s;  transition-duration: 1s; -webkit-transition-timing-function: ease; transition-timing-function: ease;}
.csSlideWrapper .csFade > li { position: absolute !important; top: 0; left: 0; opacity: 0; z-index: 9; margin-right: 0; -webkit-transition-delay: 0s; transition-delay: 0s;-webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: inherit;transition-timing-function: inherit;
}

.csSlideOuter .csPager.cSGallery { list-style: none outside none; padding-left: 0; margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.csSlideOuter .csPager.cSGallery li { opacity: 0.7; -webkit-transition: opacity 0.35s linear 0s; transition: opacity 0.35s linear 0s;}
.csSlideOuter .csPager.cSGallery li.active, .csSlideOuter .csPager.cSGallery li:hover { opacity: 1;}
.csSlideOuter .csPager.cSGallery img { display: block; height: auto; max-width: 100%;}
.csSlideOuter .csPager.cSGallery:before, .csSlideOuter .csPager.cSGallery:after { content: " "; display: table;}
.csSlideOuter .csPager.cSGallery:after {clear: both;}

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



.gallery img { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border:10px solid #4fa59c; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }
.gallery img:hover { border:10px solid #ffebc2} 

.map { height:400px ; }
#map_wrapper { height: 400px;}
#map_canvas { width: 100%; height: 100%;}
.mapping H3 { display:block; font-family: 'Lato', sans-serif; font-weight:normal; font-size:21px; line-height:21px; color: #333; text-transform:none; margin: 0 0 0px 0; padding: 0 0 10px 0; text-align:left;}
.mapping p { margin-bottom:0; }
.mapping a { color: #4fa59c; }
.mapping a:hover { color: #4fa59c;  }

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


#contact { position:relative; width:100%; padding:0px 0px 20px 0px; text-align:left}
#contact img { border:none; max-width:100% !important; height:auto}
.one_half .half #contact img { border:none; max-width:100% !important; height:auto}

#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: #ffebc2; border: 0px solid #ccc; font: bold 22px Arial, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;}
input:focus, textarea:focus, select:focus { background:#fff; -moz-box-shadow:0 0 10px #ddd;-webkit-box-shadow:0 0 10px #ddd ;box-shadow: 0 0 10px #ddd; border:1px solid #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; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;}
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; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;}
.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: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 #4f9890;  font-family: 'Lato', Impact, Arial; font-size:18px; text-transform:uppercase; color:#fff; text-align:center; cursor:pointer; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; clear:both }
.add_review_button:hover { opacity:1; background-color:#4f9890 }
.guestbook_form { display:none; }


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

.service_details .details .info { font-weight:400; font-size:12px; }

}

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

.flickerplate{height:284px;}
.flickerplate ul.flicks>li .slide_title { display:block; position:relative; padding:0; font-size:40px; line-height:40px; color:#ae353d; font-family: 'Lato', sans-serif; text-transform:uppercase; font-weight:300; text-shadow:none }
.flickerplate ul.flicks>li .slide_subtitle { display:block; position:relative; padding:5px; margin-bottom:10px; font-weight:300; color:#fff; }
.flickerplate ul.flicks>li .slide_button {  position:relative; background:#ae353d; display:inline-block; width:100px; height:100px; line-height:100px; text-align:center; font-family: 'Lato', sans-serif; font-weight:300; font-size:30px; text-transform:uppercase; color:#FFEBC2; text-decoration:none;-webkit-transition: background 0.2s, color 0.2s; -moz-transition: background 0.2s, color 0.2s; transition: background 0.2s, color 0.2s; text-shadow:none; border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.flickerplate ul.flicks>li .slide_button:hover { color:#ae353d; background:#FFEBC2; }

#menu li a { font-size:13px; padding: 0 24px 0 4px; letter-spacing:0px; text-transform:none }

.service_details { padding-left: 0px; text-align:center; margin-top:10px; }
.service_details .details { width: 100% !important; float:left; margin: 0 0px 10px 0; padding: 5px 0 5px 0 ; clear:both; border:none}
.service_details .details .info { padding:0px 0 0px 0; font-family: 'Lato', Arial; font-weight:400; font-size:12px; }
.service_details .first { margin-left: 0px; }
.service_details .last { width: 100%;}

.service_details .duration { background: url(icon-clock-light.png) left 10px center no-repeat }
.service_details .price { background: url(icon-money-light.png) left 10px center no-repeat }
.service_details .recommends { background: url(icon-thumbsup-light.png) left 10px center no-repeat}



}

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

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



}



@media (max-width: 767px) {

#slider_wrapper { padding:0px;}
.flickerplate{ height:200px; border:none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
.flickerplate ul.flicks>li .flick-inner .flick-content{max-width:100%;margin-left:auto;margin-right:auto; text-align:center}
.flickerplate ul.flicks>li .slide_title { font-size:30px; line-height:30px; }
.flickerplate ul.flicks>li .slide_button { display:none}
.flickerplate ul.flicks>li .slide_button2 { font-size:14px; padding:6px 10px}

.flickerplate .dot-navigation .dot{width:15px;height:15px;margin:0px 3px;}
.flickerplate .dot-navigation{ bottom:0px;}


#header { position:relative; height:auto; margin-top:0px; padding-bottom:30px; padding-top:60px; background:none}
#header img, #footer img { max-width:100%; height:auto; padding-left: 20px; padding-right:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.contactbox { position:absolute; top:0px; left:0; right:0; display:block; padding: 0; background:none; line-height:70px; -moz-border-radius: 0 0 15px 15px; -webkit-border-radius: 0 0 15px 15px; border-radius: 0 0 15px 15px; opacity:1}

.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:#fff; width: 90%; margin: 0 auto; text-align:center; line-height: 60px; background: url(plus-minus.png) no-repeat 12px 8px #4f9e95; cursor: pointer; display: block; /* show menu icon */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; opacity:0.6}
#menu-icon:hover { background-color: #f2d1a4; opacity:1}
#menu-icon.active {	background: url(plus-minus.png) no-repeat 12px -38px !important;}
#menu { clear: both; position: relative; top: 0px; width: 100%;  z-index: 10000; display: none; margin-bottom:20px; }
#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 #4f9e95; padding-right:0; padding-left:0; background-image:none}
ul#menu li:last-child a { border-bottom:none }

#wrapper { padding:40px 20px 80px 20px;}

.single_product { position:relative; margin: 0 auto; max-width:100%; }

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

.service_details { padding-left: 0px; text-align:center; margin-top:10px; }
.service_details .first { margin-left: 0px; }
.service_details .last { width: 33.3%; margin-right: 0; /*float:right;*/}



#footer .social .circle img { padding:12px 0 0 0; }
#footer_wrap {  padding:0 20px 20px 20px; }
#footer { position:relative; top:-30px; background:#4fa59c; padding:60px 0 20px 0; margin: 0 auto -10px auto;}

#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;}

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

}


@media (max-width: 600px) {

H1 { font-size:42px; line-height: 42px; margin-bottom:20px;}

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

.blockquote { font: 20px/25px "Times New Roman", Times, serif; padding: 90px 30px 60px 30px; }
.scrollToTop{ bottom:20px; right:20px;}

.map { height:250px ; }

.one_third .third .special { width:80px; height:80px; top:-15px; left:-15px;}

}

@media (max-width: 500px) {

#popupBox { bottom: 2.5%; right: 5%; width: 90%;}

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 70px 100px 70px; text-align:center; background:url(success.png) 20px 20px no-repeat #ecffd5 }
.greenbox:hover { padding:40px 70px 110px 70px; background:url(success.png) 20px 30px no-repeat #dcf1c3}

.service_details .info { font-weight:400; font-size:12px; }


}

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



}