@charset "utf-8";

body { margin: 0px; font-family: 'Open Sans', Arial; font-size:17px; color:#888; background:#f3f3f3}
p {margin-top:0px; margin-bottom: 30px;}
a img {border:0;}
a { color: #cc274d; text-decoration:none; }
a:hover { color: #624d32;  }
a {outline: 0;}
.clearfix { clear:both;}

H1 { font-family: 'Lato', sans-serif; font-size:38px; font-weight:300; color: #ad1d3e; 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: #777; 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; margin:0px 0 10px 0; font-size:40px; line-height:40px; padding-bottom:0px; color:#ad1d3e}
H4 { font-family: 'Lato', sans-serif; font-size:30px;  font-weight:300; margin:0 0 0px 0; padding:10px 0; display:block; color:#70432b; position:relative;}
H5 {  font-family: 'Lato', sans-serif;  font-weight:300; margin:0px 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}
#classes H3 { font-family: 'Lato', sans-serif;  font-weight:300; margin:10px 0 0 0; font-size:57px; line-height:57px; padding:0 0 0px 0; color:#52c3cb; text-transform:uppercase}
#classes H4 { font-family: 'Lato', sans-serif; font-size:21px; line-height:21px; font-weight:300; margin:0 0 30px 0 ; padding:4px 6px; display:inline-block; color:#777; position:relative; text-transform:uppercase; background:#fff}


/* COMMON STYLES */

.contactbox, .one_third .third 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, .one_half h3, .one_half h3 span, .occasions, .pdfbutton, .fixed_fluid .box img, .book_session { -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, .fixed_fluid .box img { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; padding:20px; border:20px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#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, .payment { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.box img:hover {padding:10px; border:10px solid #fff;}

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


#header { position:relative; text-align:center;  background-color:#52c3cb; background-image:url(glare.png); background-position: 54% 50%; background-repeat:no-repeat; border-top: 10px solid #3aa7af}
/*#header { position:relative; text-align:center; background-color:#ad1d3e; background: -moz-linear-gradient(top, #8d1430, #ad1d3e); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8d1430), to(#ad1d3e)); border-top: 10px solid #222}*/
#header .logo { padding:40px 0; max-width:100% !important; height:auto}

#header .social .circle { position:absolute; top:30px; left:30px; background:#3aa7af; 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:12px; }
#header .social .circle:hover { background:#ad1d3e; }

.contactbox { position:absolute; top:0px; right:40px; display:inline-block; padding: 0 40px; background:#3aa7af; 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; padding:0; 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;}
#menu li a { font: 300 18px 'Lato', sans-serif; text-decoration: none; color: #fff; height:80px; padding: 0 14px; 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 12px 'Lato', sans-serif; display:block; text-transform:none; text-transform:uppercase; color:#333 }
#menu li:hover > a { color:#ad1d3e; background-color:#f5f5f5; -moz-box-shadow:0 0 10px #f5f5f5;-webkit-box-shadow:0 0 10px #f5f5f5 ;box-shadow: 0 0 10px #f5f5f5;}
#menu li:hover > a span {color:#32a3ab }
#menu li .current {color:#ad1d3e; background-color:#f5f5f5; -moz-box-shadow:0 0 10px #f5f5f5;-webkit-box-shadow:0 0 10px #f5f5f5 ;box-shadow: 0 0 10px #f5f5f5;}
#menu_wrapper:hover #menu li .current { color:#fff; background:none; -moz-box-shadow:0px 0px 0px;-webkit-box-shadow:0px 0px 0px ;box-shadow:0px 0px 0px;}
#menu li .current:hover {color:#ad1d3e !important; background-color:#f5f5f5 !important; -moz-box-shadow:0 0 10px #f5f5f5 !important;-webkit-box-shadow:0 0 10px #f5f5f5 !important ;box-shadow: 0 0 10px #f5f5f5 !important; }
#menu li:hover > .current { color:#ad1d3e !important; background-color:#f5f5f5 !important; -moz-box-shadow:0 0 10px #f5f5f5 !important;-webkit-box-shadow:0 0 10px #f5f5f5 !important ;box-shadow: 0 0 10px #f5f5f5 !important; }

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


.flickerplate{position:relative; margin: 0 auto; height:440px;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: #fff; padding: 30px 40px 30px 40px; margin:0; text-align:center; border-bottom:15px solid #f3f3f3;}

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

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

.one_half {  padding-left: 60px; text-align:left; clear:both; }
.one_half .half { position:relative; width: 50% !important; float:left; margin-right: 60px; padding-bottom:40px;}
.one_half .first { margin-left: -60px; }
.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:56px; line-height:50px; color:#28a6af; font-family: 'Lato', "Times New Roman", Times, serif; font-weight:300; margin-top:0px; margin-bottom:20px !important; text-transform:uppercase }
.intro_text_small { font-size:26px; line-height:26px; font-family: 'Lato', "Times New Roman", Times, serif; font-weight:300; margin-bottom:10px; }

.blockquote { position:relative; font: 300 50px/55px "Lato", Times, serif;  font-style:italic; padding: 90px 90px 60px 90px; margin-bottom: 80px; 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:#4ebec9; overflow:hidden;}
.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; font-size:24px; line-height:26px }
.blockquote .name {  font-size:16px; }

.one_third { padding-left: 80px; margin: 30px 0 0 0 }
.third { position:relative; width: 33.3% !important; float:left; margin-right: 40px; margin-bottom:0px; padding-bottom:20px;  text-align:center; }
.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:90%; margin: 0 auto 20px auto }
.one_third .third img { width:100%; height:auto; margin-bottom:10px; }
.one_third .third span { position:absolute; top:50px; left:15px; display:inline-block; background:#efe5d2; padding:5px 8px; font-size:30px; font-family: 'Lato', "Times New Roman", Times, serif; font-weight:300; color:#ad1d3e}
.one_third .third p { clear:both; }


.button { display:inline-block; background: url(more-arrow.png) right 15px center no-repeat #ad1d3e; padding: 10px 40px 10px 20px; text-decoration:none; font-family: 'Lato', Arial; font-size:18px; font-weight:400; color:#fff; text-align:left;}
.button:hover { color:#fff; background: url(more-arrow.png) right 10px center no-repeat #52c3cb;}
.book_session { position:fixed; bottom:0; left:0; display:block; width:100%; text-align:center; background-color: rgba(82,195,203,0.7); font-family: 'Lato', "Times New Roman", Times, serif; font-size:22px; padding:10px 0; color:#fff; text-decoration:none; text-transform:uppercase;}
.book_session:hover { background-color: rgba(82,195,203,1); color:#fff}

#footer_wrap { position:relative; background-color:#52c3cb; color:#b6ebef; padding:0 0px 60px 0px; text-align:center; font-size:12px;  margin-top:20px; }
#footer { position:relative; padding:30px 30px 30px 30px; margin: 0 auto 30px auto;}
#footer .logo { position:relative;  }

ul#footerlinks { position:relative; padding: 0; text-align:center; list-style:none; margin:40px auto 50px auto; }
ul#footerlinks li a { display: block; width:80%; color:#b6ebef; font: 15px/20px 'Lato', sans-serif; text-transform:uppercase; letter-spacing:2px; margin: 0 auto; padding: 10px 0; border-bottom: 1px solid #74d7de;}
ul#footerlinks li a:hover { color:#fff; text-shadow:0px 0px 10px #fff}
#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; }

.congrats { text-align:center; margin:0px auto; width:80% }
.congrats img { max-width:100%; height:auto }
.congrats p { font-family: 'Lato', sans-serif; font-size:26px; font-weight:300; margin-top:10px; }

.payment { position:relative; width:90%; margin: 0 auto; padding: 20px; text-align:center; background-color:#fae5e7; background-image:url(icon-asterix.png); background-position: -40px -40px; background-repeat:no-repeat; border:3px dashed #f3d7da; font-family: 'Lato', "Times New Roman", Times, serif; font-weight:300; font-size:26px; }
.payment b { font-size:32px; text-transform:uppercase; display:block; }

#contactus .payment { width:100%; margin: 0 auto 30px auto;}

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

.fixed_fluid { padding-right:507px; overflow:hidden; padding-bottom:40px; }
.fixed_fluid .fixed { position:relative; width: 467px; float: left; margin-bottom:30px;}
.fixed_fluid .fixed img { width:90%; height:auto; margin-bottom:10px;}
.fixed_fluid .fluid { position:relative; width:100%; float:right; margin: 0 -507px 0 auto;}
.shadow_r { background:url(shadow-right.png) right bottom no-repeat  }
.shadow_l { background:url(shadow-left.png) left bottom no-repeat }
.shadow_last { background:none }
#classes .fixed_fluid .fixed { text-align:right; }
#classes .fluid_fixed .fixed { text-align:left; }
#classes .fixed_fluid p { text-align:left; }
#classes .fixed_fluid, #classes .fluid_fixed { padding-top:60px}
.fixed_fluid p { padding-right:40px; margin-bottom:40px; text-align:justify !important }
.fluid_fixed p { padding-left:40px; margin-bottom:40px; text-align:justify}
.fluid_fixed h3, .fluid_fixed h4 { margin-left:40px !important; }

.pricing { position:relative; display:block; width:300px; float:left; margin:0 1%; padding:20px 0; text-align:center; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; background-color:#fff; font-family: 'Lato', sans-serif; font-size:14px; line-height:14px; color:#5b5b5b; font-weight:300;  }
.pricing span { display:block; font-size:48px; line-height:54px; color:#52c3cb; font-weight:400;}
.pricing .duration { position:absolute; top:-15px; left:-15px; width:70px; height:30px; -moz-border-radius: 70px; -webkit-border-radius: 70px; border-radius: 70px;  background: url(icon-clock.png) center 15px no-repeat #52c3cb; text-align:center; color:#f3f3f3; font-family: 'Lato', sans-serif; font-size:14px; line-height:14px; font-weight:400; padding-top:40px; }
.pricing .assess { background: url(icon-assess.png) center center no-repeat #52c3cb;}
.pricing .pax3 { background: url(icon-3ppl.png) center 15px no-repeat #52c3cb;}
.pricing .pax2 { background: url(icon-2ppl.png) center 15px no-repeat #52c3cb;}
.pricing .pax1 { background: url(icon-1ppl.png) center center no-repeat #52c3cb;}
.pricing .mat { background: url(icon-mat.png) center center no-repeat #52c3cb;}
.pricing .equip { background: url(icon-equip.png) center center no-repeat #52c3cb;}

.fluid_fixed .pricing { float:right; }
.fluid_fixed:hover .box img, .fixed_fluid:hover .box img {padding:10px; border:10px solid #fff;}

.avatar { position:relative; float:left; width:120px !important; height:120px !important; -moz-border-radius: 120px; -webkit-border-radius: 120px; border-radius: 120px; margin:0 10px 10px 0}

#footer .social { position:absolute; left:50%; width:45px; height:45px; margin-left:-22px; bottom:-22px;}
#footer .social .circle { position:relative; background:#ad1d3e; 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:#173c6e; }

.scrollToTop { width:50px; height:50px; position:fixed; bottom:70px; right:30px; 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 0 auto !important; }
ul.list_style, ul.list_style ul { list-style-type:none; margin:0; padding:0; overflow:hidden; font-weight:normal; display:inline-block }
ul.list_style li { padding:3px 9px 3px 9px; background: rgba(168,127,105,0.6); margin:0 5px 5px 0; float:left; color:#fff;}

.gallery_acc, .gallery { text-align:center }
.gallery_acc img { width:19% !important; height:auto !important; padding:1% !important; border:1% solid #ad1d3e !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 #52c3cb !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: #fff; border: 0px solid #ccc; font: bold 22px Arial, sans-serif; }
input:focus, textarea:focus, select:focus { background:#52c3cb; -moz-box-shadow:0 0 10px #ddd;-webkit-box-shadow:0 0 10px #ddd ;box-shadow: 0 0 10px #ddd; color: #fff; }
#contact input.submit { width: 120px; cursor: pointer; background:#ad1d3e; color:#fff; }
#contact input.submit:hover { background:#52c3cb; }
#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:520px ; }


#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 #52c3cb; font-family: 'Lato', Impact, Arial; font-size:18px; text-transform:uppercase; color:#52c3cb; 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:#777; border: 1px solid #777 }
.guestbook_form { display:none; }

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

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

#menu li a { font: 300 16px 'Lato', sans-serif;}
#menu li a span { display:none; }

}

@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:284px;}

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

.intro_text_big { font-size:46px; line-height:40px; }

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

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

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

.pricing { width:92.5%; float:none; margin:0 0 20px 0;  }

}

@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; border-top:none}
#header .logo { margin-top:50px;}
#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:100%}
#menu_wrapper { position:relative; bottom:0; height: auto; z-index:33; float:none; padding-top:0; padding-right:0; background:none }
#menu-icon { font-family: 'Lato', Arial; font-size: 24px; color:#eee; width: 100%; margin: 0 auto; text-align:center; line-height: 80px; background:  url(plus-minus.png) no-repeat 18px 16px #3aa7af; 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.png); background-position:18px -32px; background-repeat:no-repeat; 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 20px 'Lato', sans-serif; text-transform:uppercase; display:block; text-align:center; border: none; border-bottom:5px solid #61d1d9}
ul#menu a:hover { background:none}
#menu li:hover > a { -moz-box-shadow:0px 0px 0px;-webkit-box-shadow:0px 0px 0px ;box-shadow:0px 0px 0px; }
#menu li .current {}
#menu li a span { display:none; }
#menu li a { height:auto; padding:20px 0 }


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

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

.intro_text_big { font-size:36px; line-height:36px; }

.blockquote { position:relative; font: 300 50px/55px "Lato", Times, serif; padding: 40px 20px 40px 20px; margin-bottom: 0px; background: url(openquote-small.png) 0px 0px no-repeat;}
.blockquote span { right:0px; bottom:0px; background: url(closequote-small.png) bottom right no-repeat;}

.fluid_fixed { padding-left:20px; padding-right:20px; text-align:center;}
.fluid_fixed .fixed { width: 100%; float: none; margin-bottom:10px;}
.fluid_fixed .fixed img { width:80%;}
.fluid_fixed .fluid { float:none; margin: 0 auto;}

.fixed_fluid { padding-left:20px; padding-right:20px; text-align:center }
.fixed_fluid .fixed { width: 100%; float: none; text-align:center; margin-bottom:10px;}
.fixed_fluid .fixed img { width:80%;}
.fixed_fluid .fluid { float:none; margin: 0 auto;}

#classes .fixed_fluid .fixed { text-align:center; }
#classes .fluid_fixed .fixed { text-align:center; }
#classes .fixed_fluid, #classes .fluid_fixed { padding-top:60px}
.fixed_fluid p { padding:0; text-align:center !important }
.fluid_fixed p { padding:0; text-align:center}
.fluid_fixed h3, .fluid_fixed h4 { margin-left:0px !important; }
#classes H3 { font-size:40px; line-height:45px;}
#classes H4 { font-size:18px; line-height:18px;}
.pricing { width:100%; float:none; margin:0 0 20px 0; }
.pricing .duration { position:absolute; top:-30px; left:20px; }

.congrats p { font-family: 'Lato', sans-serif; font-size:18px; font-weight:300; margin-top:10px; }

.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 { font: 36px/36px 'Playball', sans-serif; bottom: 100px; }
.footer_slogan span { font: 300 20px/20px 'Lato', sans-serif; }
#footer .social .circle img { padding:12px 0 0 0; }

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


.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 'Lato', sans-serif; }
.map { height:250px ; }

}

@media (max-width: 500px) {

#header .logo { padding:40px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#header .social .circle { position:absolute; top:20px; left:20px; background:#3aa7af; width:45px; height:45px; -moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px;}
#wrapper { margin:0 15px; padding:30px 0px 30px 0px;}
.intro_text_big { font-size:30px; line-height:30px; }

.congrats { width:90% }
.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;}

.blockquote { position:relative; font: 300 24px/30px "Lato", Times, serif; padding: 40px 15px 40px 15px; margin-bottom: 0px; background: url(openquote-small.png) 0px 0px no-repeat;}
.blockquote span { right:0px; bottom:0px; background: url(closequote-small.png) bottom right no-repeat;}
.blockquote p {  font-size:16px }

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

.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 'Lato', sans-serif !important; font-weight:300; margin-bottom:10px;}

}

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



}