@charset "utf-8";
/* CSS Document */


body { margin: 0px; font-family: 'Lato', Arial; font-weight:400; font-size:18px; line-height:30px; color:#555; overflow-x: hidden; overflow-y:visible;  }
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; display:block; width:100%; visibility:hidden; height:0; }
.green { color:#7ec624 }

H1 { position:relative; font-family: 'Courgette', cursive; font-size:55px; line-height:55px; font-weight:normal; color: #a28574; margin:20px 0; padding:0;}
H2 { position:relative; font-family: 'Lato', cursive; font-size:32px; line-height:normal; font-weight:400; color: #11212e; margin:0 0 60px 0; padding:0 0 0 0;}
H2 b { color:#a28574}
H2:after { content:""; position:relative; width:300px; height:3px; background-color:#d0b8aa; display:block; margin-top:60px; }
H3 { position:relative; font-family: 'Courgette', cursive; font-size:45px; line-height:normal; font-weight:normal; color: #fff; margin:0; padding:40px 0; text-align:center; background-color:#d0b8aa}
body#accommodation H3 { color: #a28574; background-color:#efefef}
body#accommodation H2:after { display:none}
H4 { position:relative; font-family: 'Lato', cursive; font-size:28px; line-height:normal; font-weight:400; color: #a28574; margin:15px 0; padding:0; text-transform:uppercase}
H4:after { content:""; position:relative; width:200px; height:3px; background-color:#d0b8aa; display:block; margin-top:20px; }
H5 { position:relative; font-family: 'Lato', cursive; font-size:28px; line-height:normal; font-weight:400; color: #a28574; margin:15px 0; padding:0; text-transform:uppercase}

.flickerplate .arrow-navigation .arrow, .flickerplate .dot-navigation .dot, .flickerplate.animate-transition-slide ul.flicks, .flickerplate, #menu li a, #menu li a.current:after, .thumbs a img, .header .social.facebook, .header, .content, .wrapper, .credits, ul.tabs li, ul.tabs li img { -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, textarea, select, subject, .boxed, ul.tabs li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/*.thumbs a img, .flickerplate  { filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale"); filter: grayscale(75%) sepia(40%); -webkit-filter: grayscale(100%) sepia(40%); -moz-filter: grayscale(100%) sepia(40%); -ms-filter: grayscale(100%) sepia(40%); -o-filter: grayscale(100%) sepia(40%); filter: gray sepia(40%); opacity:0.8; }
.thumbs a img:hover, .flickerplate:hover { opacity:1; filter: none; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; }*/


.header { position:fixed; top:0; left:0; height:100%; display:block; width:310px; background-color:#142e43; padding:30px; color:#eee; text-align:center; -moz-box-shadow:0 5px 25px rgba(0, 0, 0, 1); -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 1); box-shadow: 0 5px 25px rgba(0, 0, 0, 1); z-index:6666 }
.header img { margin:0 0 30px 0; }
.header-number { display:block }

.menu_wrapper { position:relative; width:85%; margin: 0 auto 30px auto; text-align:center; padding:0; height: auto; }
#menu-icon, #menu-icon-ad { display: none; /* hide menu icon initially */}
#menu, #menu li { margin:0; padding:0; list-style: none;}
#menu li a { position:relative; font: 400 14px 'Lato', sans-serif; text-decoration: none; color: #a28574; padding:11px 0; margin:0; display:block; border-bottom: 1px solid #203e57; text-transform:uppercase; }
#menu li a:hover { color:#dcc8bc; }
#menu li a.current { color:#dcc8bc; }
#menu li a.current:after { content:""; background:url(img/menu-arrow.png) center center no-repeat; width:11px; height:48px; display:block; position:absolute; top:0; right:-64px; z-index:5 }


.header p { font-size:15px; color:#c7a89a; line-height:1.3; letter-spacing:0; width:85%; margin: 0 auto; font-family:"Lato", Arial; font-weight:400; font-style:italic  }
.header .social.facebook { margin: 30px auto 0 auto; width:46px; height:46px; background:url(img/icon-facebook.png) center center no-repeat #32526f; display:block } 
.header .social.facebook:hover { background-color:#a28574 }
.credits { position:fixed; bottom:0; left:0; width:370px; height:50px; font-family: "Open Sans", Arial; font-size:10px; line-height:50px; text-align:center; color:#655853; background-color:#0e1c28; clear:both; display:block; }

.wrapper { position:relative; padding:0px; margin-left:370px;  }
.content { position:relative; padding: 50px 80px; background:url(subtle_white_feathers.png) }
.content p.intro:first-letter { position:relative; display:block; font-size:45px; line-height:60px; line-height:0.7; font-style:normal; color:#fff; float:left; background-color:#d0b8aa; padding:10px; margin: 5px 10px 0 0; }
.content p.intro { 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; }

.wrapper img { width:100%; height:auto }

.one_third { position:relative;}
.one_third .third { width:33.33333%; float:left; }
.one_third img { width:33.33333%; height:auto; float:left; }
.one_third:after { content:""; clear:both; display:block; width:100%; height:0; visibility:hidden}

.one_half { position:relative; }
.one_half .half { width:50%; float:left; }
.one_half .half.contact-right { padding-left:30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.one_half .half span { font-family:"Lato", Arial; font-size:20px; margin-bottom:20px; display:block; text-transform:uppercase }
.one_half .voucher, .one_half .long_term { padding:190px 60px 60px 60px;line-height:normal; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.one_half .voucher { background:url(img/icon-vouchers.png) center 60px no-repeat #efefef;}
.one_half .long_term { background:url(img/icon-long-term.png) center 60px no-repeat;}
.one_half:after { content:""; clear:both; display:block; width:100%; height:0; visibility:hidden}

.boxed { padding:60px; }

.room_1 { background:url(self-catering-accommodation-hartswater-room-01.jpg) center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;  }
.room_2 { background:url(self-catering-accommodation-hartswater-room-01.jpg) center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;  }
.room_3 { background:url(self-catering-accommodation-hartswater-room-01.jpg) center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;  }

ul.tabs { margin: 0; padding: 0; float: left; list-style: none; width: 100%; }
ul.tabs li { position:relative;  float: left; margin: 0; cursor: pointer; padding:0; width:20%; background-color: #fff; color: #999; border-right:1px solid #fff; text-align:center; opacity:1; line-height:0; z-index:9}
ul.tabs li span {  position:relative; display:block; background:#eee;  line-height:100px; text-align:center; font-family:'Courgette', Arial; font-size:24px;}
ul.tabs li:hover { color: #333; opacity:1; }
ul.tabs li.active { position:relative; background:#fff; color: #333; display: block; opacity:1; }
ul.tabs li.active:before { content:url("img/selected.png"); position:absolute; bottom:-1px; left:50%; margin-left:-30px; z-index:33; display:block }
ul.tabs li.active span {  background:#fff; }
ul.tabs li.active img, ul.tabs li:hover img { opacity:1; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; }
/*ul.tabs li img { filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale"); filter: grayscale(100%) contrast(200%); -webkit-filter: grayscale(100%) contrast(200%); -moz-filter: grayscale(100%) contrast(200%); -ms-filter: grayscale(100%) contrast(200%); -o-filter: grayscale(100%) contrast(200%); filter: gray contrast(200%);  }*/
ul.tabs li:after { content:""; clear:both; display:block; width:100%; height:0; visibility:hidden }

.tab_container { clear: both; float: left; width: 100%; overflow: auto; line-height:24px; }
.tab_content .content { background:#fff }
.tab_container ul { margin: 0 0 0px 0; padding:0; list-style:none}
.tab_container:after { content:""; clear:both; display:block; width:100%; visibility:hidden; height:0; }

.ratestable { position:relative; display:block; width:25%; float:left; padding:30px 10px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; border:1px solid #fff; background-color:#f0e6dd; border-bottom-width:2px; font-weight:400; font-size:20px; }
.columns2 { width:50% }
.columns3 { width:33.3% }
.columns4 { width:25% }
.rates { display:block; font-weight:400; font-size:18px; margin-top:5px; }


.content.history { background-color:#d0b8aa; background-color:#fff;}

.flickerplate { position:relative; margin: 0 auto; height:650px; height:100vh; background-color:#e6e6e6; overflow:hidden; }
.flickerplate.acc { background:url(hartswater-accommodation.jpg) center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; }
.flickerplate.guest_reviews { background:url(slide-reviews-the-palm-room.jpg) center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; }
.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;display:table; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
.flickerplate ul.flicks>li .flick-inner { height:100%;padding:0px;color:#fff;display:table-cell;vertical-align:top;}
.flickerplate ul.flicks>li .flick-inner .flick-content { position:relative; max-width:100%;margin-left:auto;margin-right:auto; text-align:right; padding:30px }
.flickerplate ul.flicks>li .flick-title { font-family: 'Courgette', sans-serif; font-size:48px; line-height:48px; color:#fff; padding:25px; margin-bottom:0; display:inline-block; background-color: #a28574; background-color: rgba(162,133,116,0.7)}

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

#galleryOverlay{width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;z-index:100000;background-color:#222;background-color:rgba(0,0,0,.8);overflow:hidden;display:none;-moz-transition:opacity 1s ease;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}#galleryOverlay.visible{opacity:1}#gallerySlider{height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;-moz-transition:left .4s ease;-webkit-transition:left .4s ease;transition:left .4s ease}#gallerySlider .placeholder{background:url(img/preloader.gif) center center no-repeat;height:100%;line-height:1px;text-align:center;width:100%;display:inline-block}#gallerySlider .placeholder:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#gallerySlider .placeholder img{display:inline-block;max-height:100%;max-width:100%;vertical-align:middle}#gallerySlider.rightSpring{-moz-animation:rightSpring .3s;-webkit-animation:rightSpring .3s}#gallerySlider.leftSpring{-moz-animation:leftSpring .3s;-webkit-animation:leftSpring .3s}@-moz-keyframes rightSpring{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}@-moz-keyframes leftSpring{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}@-webkit-keyframes rightSpring{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}@-webkit-keyframes leftSpring{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}#nextArrow,#prevArrow{border:none;text-decoration:none;background:url(img/arrows.png) no-repeat;opacity:.5;cursor:pointer;position:absolute;width:43px;height:58px;top:50%;margin-top:-29px;-moz-transition:opacity .2s ease;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}#nextArrow:hover,#prevArrow:hover{opacity:1}#prevArrow{background-position:left top;left:40px}#nextArrow{background-position:right top;right:40px}

.thumbs a img { width:33.3333%; height:auto; float:left}
body#accommodation .gallery img { width:20%; height:auto; }

.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; }
.three-column { text-align: justify; margin-bottom:20px; -webkit-column-count: 3; -webkit-column-gap: 40px; -moz-column-count: 3; -moz-column-gap: 40px; column-count: 3; column-gap: 40px; }

.blockquote {  font: 20px/24px Georgia, "Times New Roman", Times, serif;  font-style:italic; padding: 8px; margin-bottom: 20px; padding-left:25px; background-image: url(openquote.gif);background-position: 10px top ; background-repeat: no-repeat;  text-indent: 23px; clear:both;}
.blockquote span { display: block; padding: 0px;  background-image: url(closequote.gif); background-repeat: no-repeat; background-position: bottom right; padding-right:25px;}

.button { position:relative; display:block; clear:both; padding: 20px; margin:0px; text-decoration:none; font-family: 'Lato', Arial; font-size:22px; font-weight:400; color:#efefef; text-align:center; background-color: #a28574; text-transform:uppercase }
.button:hover { color:#efefef;}


ul.list_style { margin:30px 0 !important; position:relative; display:block}
ul.list_style, ul.list_style li, ul.list_style ul { display:block; list-style-type:none; margin:0; padding:0; font-weight:normal;}
ul.list_style li { display:block; width: 50%; float:left; font-size:18px; line-height:20px; padding: 5px 0 5px 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url(img/icon-tick.png) left center no-repeat; margin-bottom:6px;}
ul.list_style:after { content:""; width:100%; clear:both; height:0; visibility:hidden; display:block }



.add_review_button { position:relative; display:block; padding: 80px 30px 20px 30px; margin-bottom:40px; 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; }

.map { width:100%; height:650px; height:100vh }
.map_overlay { background:transparent; position:relative; width:100%; height:650px; height:100vh; top:650px; top:100vh; margin-top:-650px; margin-top:-100vh;}

.contact_form { text-align:left; clear:both; margin-top:20px; }
#contact { position:relative; text-align:left}
#contact img { border:none; background:none}
label { line-height: 25px; font-size: 18px; font-style:italic;}
input, textarea, select, subject { width: 100%;  margin-bottom: 10px; padding: 20px; margin-bottom:20px; color: #333; border: 0px solid #ccc; font-size:24px; background-color:#fff }
input:focus, textarea:focus, select:focus { background-color:#d0b8aa;  -moz-box-shadow:0 0 0 #ddd; -webkit-box-shadow:0 0 0 #ddd ;box-shadow: 0 0 0 #ddd; outline: none; color: #fff }
input.submit { width: 120px; cursor: pointer; background:#d0b8aa !important; color:#fff; }
input.submit:hover { background:#a28574 !important; }
input[type="submit"][disabled] { background:#888; cursor: default; }
span.required { font-size: 16px; color: #ff0000; }
.captcha_image { width:20% !important; height:auto !important }
::-webkit-input-placeholder { color: #888;}
:-moz-placeholder { color: #888;}
::-moz-placeholder { color: #888;}
:-ms-input-placeholder { color: #888;}


.error_title { display: block; font-family: 'Lato', sans-serif; font-size:16px; text-transform:uppercase; background: url(img/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(img/icon-cross.png) 10px center no-repeat; padding-left:25px; color:#444;}
.error_title:hover { background: url(img/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(img/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(img/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; }



.pika-single{z-index:9999;display:block;position:relative;color:#333;background:#fff;border:1px solid #ccc;border-bottom-color:#bbb;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}.pika-single:after,.pika-single:before{content:" ";display:table}.pika-single:after{clear:both}.pika-single.is-hidden{display:none}.pika-single.is-bound{position:absolute;box-shadow:0 5px 15px -5px rgba(0,0,0,.5)}.pika-lendar{float:left;width:240px;margin:8px}.pika-title{position:relative;text-align:center}.pika-label{display:inline-block;position:relative;z-index:9999;overflow:hidden;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:700;background-color:#fff}.pika-title select{cursor:pointer;position:absolute;z-index:9998;margin:0;left:0;top:5px;filter:alpha(opacity=0);opacity:0}.pika-next,.pika-prev{display:block;cursor:pointer;position:relative;outline:0;border:0;padding:0;width:20px;height:30px;text-indent:20px;white-space:nowrap;overflow:hidden;background-color:transparent;background-position:center center;background-repeat:no-repeat;background-size:75% 75%;opacity:.5}.pika-next:hover,.pika-prev:hover{opacity:1}.is-rtl .pika-next,.pika-prev{float:left;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==)}.is-rtl .pika-prev,.pika-next{float:right;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=)}.pika-next.is-disabled,.pika-prev.is-disabled{cursor:default;opacity:.2}.pika-select{display:inline-block}.pika-table{width:100%;border-collapse:collapse;border-spacing:0;border:0}.pika-table td,.pika-table th{width:14.285714285714286%;padding:0}.pika-table th{color:#999;font-size:12px;line-height:25px;font-weight:700;text-align:center}.pika-button{cursor:pointer;display:block;box-sizing:border-box;-moz-box-sizing:border-box;outline:0;border:0;margin:0;width:100%;padding:5px;color:#666;font-size:12px;line-height:15px;text-align:right;background:#f5f5f5}.pika-week{font-size:11px;color:#999}.is-today .pika-button{color:#3af;font-weight:700}.is-selected .pika-button{color:#fff;font-weight:700;background:#3af;box-shadow:inset 0 1px 3px #178fe5;border-radius:3px}.is-disabled .pika-button{pointer-events:none;cursor:default;color:#999;opacity:.3}.pika-button:hover{color:#fff!important;background:#ff8000!important;box-shadow:none!important;border-radius:3px!important}.pika-table abbr{border-bottom:none;cursor:help}

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

/* INTERNET EXPLORER 8 */

.flickerplate ul.flicks>li .flick-title, .static_slider .flick-title {  color:#40dbcc\0/;}
.flickerplate .dot-navigation .dot{border: 3px solid rgb(255,255,255)\0/;}
.flickerplate .dot-navigation .dot:hover{ background-color:rgb(255,255,255)\0/;}
.flickerplate .dot-navigation .dot.active{background-color:rgb(255,255,255)\0/;}
.button {background-image:none\0/; padding-right: 20px\0/;}




@media screen and ( max-height: 650px ){
	.menu_wrapper { margin: 0 auto 10px auto; }
	#menu li a { padding:10px 0; }
    .header p { font-size:12px; line-height:18px; letter-spacing:1px; width:90%;}
}

@media screen and ( max-height: 650px ){
	.header p:before { text-indent:-99999px; display:none; height:0; }
}

@media screen and ( max-height: 610px ){
	.header p { display:none}
}



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



}

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

.flickerplate{height:500px;}
.content p:nth-child(3) { -webkit-column-count: 1; -webkit-column-gap: 0px; -moz-column-count: 1; -moz-column-gap: 0px; column-count: 1; column-gap: 0px; }

}

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

.header { width:270px; padding:20px; }
.header img { margin:10px 0 30px 0; }
#menu li a.current:after { content:""; background:url(img/menu-arrow.png) center center no-repeat; width:11px; height:48px; display:block; position:absolute; top:0; right:-51px; z-index:5 }

.wrapper { margin-left:310px;  }
.content { padding: 40px 40px; }

.flickerplate ul.flicks>li .flick-title {  font-size:58px; padding:18px 10px 0px 10px;}
.content p:nth-child(3) { -webkit-column-count: 1; -webkit-column-gap: 0px; -moz-column-count: 1; -moz-column-gap: 0px; column-count: 1; column-gap: 0px; }

.credits { width:310px; }


}

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

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


@media (max-width: 867px) {


body {  font-weight:400}

.header { position:relative; top:auto; left:auto; height:auto; display:block; width:100%; background-color:#142e43; padding:0; color:#eee; text-align:center; }
.header img { margin:0 0 30px 0; }
.header p { display:none }
.header-number { padding-top:20px; }

.menu_wrapper { position:relative; top:0; height: auto; z-index:33; width:100%; margin: 0 auto 0px auto; }
#menu-icon { font-family: 'Lato', Arial; font-size: 24px; text-transform:uppercase; color:#a28574; width: 100%; margin: 0 auto; text-align:center; line-height: 70px; background: url(img/plus-minus.png) no-repeat 18px 12px #152735; 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(img/plus-minus.png); background-position:18px -35px; background-repeat:no-repeat;}
#menu { display:none }
#menu li a { font: 400 18px 'Lato', sans-serif; padding:25px 0;}
#menu li a.current:after { display:none }

.flickerplate{height:384px;}
.flickerplate ul.flicks>li .flick-title, .static_slider .flick-title {  font-size:58px; padding:18px 10px 0px 10px;}

.wrapper { margin-left:0;  }
.content { padding: 40px 40px; }
.content p:nth-child(3) { -webkit-column-count: 1; -webkit-column-gap: 0px; -moz-column-count: 1; -moz-column-gap: 0px; column-count: 1; column-gap: 0px; }

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

.credits { position:relative; bottom:0; left:0; width:100%; height:50px; font-family: "Open Sans", Arial; font-size:10px; line-height:50px; text-align:center; color:#655853; background-color:#0e1c28 }

}


@media (max-width: 600px) {

H1, h3 { font-size:65px; line-height:65px;}

.blockquote { font: 400 24px/30px "Times New Roman", Times, serif; padding: 90px 30px 60px 30px;}
.map { height:250px ; }
.contact_left, .contact_right { position:relative; width:100%; float:left; text-align:center }

.one_half { position:relative; }
.one_half .half { width:100%; float:none; }
.one_half .half.contact-right { padding-left:0; padding-top:30px;}

ul.list_style li { width: 100%; }

.ratestable { font-size:16px; }
.rates { font-size:14px; }

}

@media (max-width: 500px) {

.flickerplate{height:200px;}
.flickerplate ul.flicks>li .flick-title { display:none}

ul.tabs li span { font-family: "Open Sans", Arial; font-size:16px;}


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



}