/* Copyright 2017 Pebble Design Pty Ltd. All Rights Reserved. */

body.preload * { -webkit-transition:none!important; transition:none!important; }
.load { display:none!important; }

/* Header */

header { position:absolute; z-index:99; min-height:210px; top:20px; width:100%; }
header .header_contain { position:relative; margin:0 auto; text-align:center; width:100%; }
header .logo { margin-bottom:0; padding-top:20px; }
header .logo a { padding:5px; display:block; max-width:400px; margin:-10px auto 0; }
header .logo img { width:100%; }
header .phone { display:inline-block; font:400 25px/25px 'Lato', sans-serif; color:#7bcce3; position:relative; top:2px; }
header .phone a { color:#7bcce3; }
header .phone a img { display:inline-block; position:relative; top:3px; }
header .centre { text-align:center; }

body.secondlevel header, header.scroll { position:fixed !important; top:0 !important; }
body.secondlevel header .header_contain, header.scroll .header_contain { background:rgba(255,255,255,0.90); width:auto; height:130px; margin:0 30px; border-bottom:1px solid #fff; box-shadow:0 0 3px 0 rgba(0,0,0,0.2); }
body.secondlevel header .logo, header.scroll .logo { position:absolute; top:18px; left:40px; width:250px; height:98px; margin:0; padding:0; }
body.secondlevel header .logo a, header.scroll .logo a { width:100%; height:100%; margin:0; padding:0; }
body.secondlevel header .logo img, header.scroll .logo img { width:100%; height:auto; margin:0; padding:0; display:block; }
body.secondlevel header .centre, header.scroll .centre { margin:45px 0 0 0; padding:0 60px 0 0; float:right; }

/* Nav */

nav { margin:0; padding:0; display:inline-block; z-index:5; }
nav ul { position:relative; margin:0; padding:0; list-style:none; text-align:left; }
nav ul li { position:relative; width:auto; height:auto; margin:0 8px; padding:8px 0; display:inline-block; }
nav ul li:first-child { margin-left:20px; }
nav ul li:last-of-type { margin-right:20px !important; }
nav ul li a{ white-space:nowrap; font:400 18px/18px 'Lato', sans-serif; color:#3a6f8f; margin:0; padding:0; text-align:center; text-transform:uppercase; }
nav ul li a.current{ color:#67939b; }
nav ul li a:hover { color:#c3ae8b; }
nav a#pull{ display:none; color:#fff !important; }
/*nav ul li ul[style*="display: none"]{ height:20px; }*/
nav ul li ul{ height:auto; z-index:2; display:none; position:absolute; left:50%; top:20px; width:180px; margin:0 0 0 -90px; padding:15px 0 0 0; }
nav ul li ul li{ width: 100%; clear:both; margin:0; background:rgba(255, 255, 255, 0.9); display: block; text-align:center; }
nav ul li ul li a{ font:400 14px/14px 'Lato', sans-serif; font-weight:500; text-align:center; }
nav ul li ul li:first-child { padding:10px 0; margin:0; }
nav ul li ul li.hideWhatsOn, nav ul li ul li.hideReviews { display:none; }
header .fa-bars:before { content:""; }
#home nav{ background:#fff; }
#home nav ul li a { color:#9bd6df; border-right:1px solid #efefef; }
#home nav ul li a.current { color:#6b93cb; }
#home nav ul li:last-child a { border-right:none; }
.nav_contain{ margin:0 auto; display:block; }

body.secondlevel header nav ul li a, header.scroll nav ul li a { font:400 18px/18px 'Lato', sans-serif; }
body.secondlevel header nav ul li ul li a, header.scroll nav ul li ul li a { font:400 14px/14px 'Lato', sans-serif; }
body.secondlevel header nav ul li ul, header.scroll nav ul li ul { padding:56px 0 0 0; }
body.secondlevel header nav ul li ul li, header.scroll nav ul li ul li { background:#3a6f8f; }
body.secondlevel header nav ul li ul li a, header.scroll nav ul li ul li a { color:#b5cad7; }
body.secondlevel header nav ul li ul li a:hover, header.scroll nav ul li ul li a:hover { color:#fff; }

/* Html5 Video */
#video { position:absolute; top:0; left:0; width:auto; height:100%; margin:0; padding:0; display:block; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
#home #video { top:-7%; left:-7%; width:114%; max-width:114%; min-width:114%; height:114%; max-height:114%; min-height:114%; }
.hidden {display: none !important;}
.video-slideshow #video { z-index:10; }
.video-slideshow a.nav {display: none !important;}

/* Sub Footer */
main{ margin:25px 10px; }
main h1{ margin:0 auto; /*text-align: center;*/ color:#c3ae8b; font-size:36px; }
main hr{ width:100%; height:1px; background:#e7e7e7; margin:35px 0; }
main .centre p { line-height:25px; font-size:16px; margin:0 0 15px 0; }
/* ---- Contact */
#contact{ background: #fff; width:auto; padding:40px 0; border-top:1px solid #eee; border-left:10px solid #fff; border-right:10px solid #fff; overflow:auto; }
/*#contact .centre { display: flex;  justify-content: center;  align-items: center;  align-content: center; } */
#contact .centre{ text-align:center; }
#contact .centre div{ color:#c3ae8b; display:inline-block; width:auto; text-transform:uppercase; font-weight:400; }
#contact .centre div:last-child{ padding-right:0; margin-right:0 !important; }
#contact .centre div a{ display:inline; color:#6d6e71; }
#contact .centre div a:hover{ color:#c3ae8b; }
#contact .centre div:after{ content:'|'; color:#ccc; margin:0 2em; }
#contact .centre div:last-of-type:after{ content:'' !important; margin-right:0 !important; }
/* ---- Social */
#social{ background: #fff; width:auto; padding:20px 0 40px 0; overflow:auto; border-top:1px solid #fff; border-left:10px solid #fff; border-right:10px solid #fff; }
#social .centre{ width:auto; margin:0 auto; text-align:center; }
#social .centre div{ width:auto; min-width:330px; display:inline-block; margin:0 auto; }
#social a{ display:block; float:left; margin-left:8%; opacity:1; }
#social a:hover{ opacity:0.8; }
#social a:first-child{ position: relative; bottom: -5px !important; }
#social a:last-child{ float:left; margin-right:0; }
#social .centre .share:hover{ opacity:0.8; }
/* ---- Specials */
#copy { padding:50px; }
#copy .special h2 span{ font-size:14px; color:#999; font-weight:600; }
#copy .special h2 span::before{ content:''; display:block; }
/* HP Boxes */

.boxes.home ul li a img{ height:100%; width:auto; min-width:100%; text-align:center; }
.boxes.home ul li.box-1{ height:451px; }
.boxes.home ul li.box-1 { background:#eee url(../images/pattern1.png); height:449px; }
.boxes.home ul li.box-2 { background:#3a6f8f; height:449px; }
.boxes.home ul li.box-2 a { color:#AED9FC; }
.boxes.home ul li.box-3 { background:#e2d9c9 url(../images/pattern1.jpg); height:449px; }
.boxes.home ul li.box-4 { background:url(../images/Box_11.jpg); height:449px; background-size:cover !important }

.boxes.home ul li.box-5{ background:url(../images/Box_5.jpg); height:449px; background-size:cover !important; }
.boxes.home ul li.box-5 .overlay{ background:rgba(58, 111, 143, 0.8); }
.boxes.home ul li.box-6{ height:449px; background-size:cover !important; }
.boxes.home ul li.box-7{ background:url(../images/Box_7.jpg); height:449px; background-size:cover !important; }
.boxes.home ul li.box-7 .overlay{ background:rgba(58, 111, 143, 0.8); }
.boxes.home ul li.box-8{ height:449px; background-size:cover !important; }
.boxes.home ul li p{ padding:3% 8% 0 8%; max-width:280px; margin:0 auto; }
/* Boxes */
.w50{ width:50% !important; }
.boxes{ background:#fff; clear:both; padding:0 10px !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.boxes, .boxes ul, .boxes ul li{ width:100%; margin:0; padding:0; list-style:none; }
.boxes ul{ display:table; }
.boxes ul *{ -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.boxes ul *:hover{ -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.boxes ul li{ z-index:1; background-size:inherit !important; background:#eee; position:relative; width:25%; height:auto; margin:0; padding:0; float:left; display:inline-block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; overflow:hidden; }
.boxes ul li em{ font-style:normal; }
.boxes ul li img { width:100%; height:auto; margin: 0; padding: 0; display:block; }
.boxes ul li .text { background:rgba(39, 40, 41, 0); position:absolute; width:100%; height:100%; padding:40px 0 0 0; z-index:1; }
.boxes ul li p { color:#fff; margin:4% 0 0 0; padding:9% 8% 0 8%; text-align:center; line-height:25px; font-size:16px; }
.boxes ul li p a { color:#fff; -webkit-transition-duration:0ms; -moz-transition-duration:0ms; transition-duration:0ms; }
.boxes ul li p a:after{ background:url(../_System/images/blank.png); position:absolute; top:-100px; left:-100px; width:1000%; height:1000%; z-index:10; content:""; display:block; }

a.linkage:after { background:url(../_System/images/blank.png); position:absolute; top:-100px; left:-100px; width:1000px; height:1000px; z-index:999; content:""; display:block; }

.boxes ul li p span{ font:14px/25px 'Lato', sans-serif; color:#828282; margin:60px 0 0 0; text-transform:uppercase; display:block; clear:both; }
#sub-footer{ margin:10px 0; }
#sub-footer .boxes{ margin:25px 0 0 0; }

.boxes ul li span.line.g { background:#6d6e71; }
#sub-footer .boxes ul li.box-1 { height:451px; }
#sub-footer .boxes ul li.box-1 { background:#eee url(../images/pattern1.png); height:449px; }
#sub-footer .boxes ul li.box-2 { background:#3a6f8f; height:449px; }
#sub-footer .boxes ul li.box-2 h2 { color: #AED9FC; }
#sub-footer .boxes ul li.box-2 p { margin:-15% 0 10px 0; }
#sub-footer .boxes ul li.box-3 { background:#e2d9c9 url(../images/pattern1.jpg); height:449px; }
#sub-footer .boxes ul li.box-4 { background:url(../images/Box_11.jpg); height:449px; background-size:cover !important; }

#sub-footer .boxes ul li p { color:#fff; margin:-6% 0 0 0; padding:9% 8% 0 8%; text-align:center; line-height:25px; font-size:16px; }
.boxes .overlay{ background:url(../_System/images/blank.png); display:block; position:absolute; left:0; z-index:99; top:0; bottom:0; right:0; width:100%; height:100%; }
.boxes ul li span.line{ display:block; left:50%; margin-left:-15%; position:relative; background:#fff; width:30%; height:2px; }
.boxes ul li > .inner{ position:relative; width:85%; top:50%; margin:0 auto; z-index:5; -webkit-transform:translateY(-50%); transform:translateY(-50%) }
.boxes ul li > .inner-team{ position:relative; width:85%; top:50%; margin:0 auto; z-index:5; -webkit-transform:translateY(-50%); transform:translateY(-50%) }
.boxes ul li > .inner h2 a{ color:inherit; }
.boxes ul li > .inner h2{ font-family:'Droid Serif', sans-serif; width:100%; margin:0 auto 15px; text-align:center; color:#97cbdc; font-size:45px; font-weight:300; -webkit-transition:all 0.2s ease-in-out; text-transform: uppercase; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
.boxes ul li > .inner .grey{ color:#6d6e71 !important; text-shadow:none; }

.boxes ul li > .inner a.btn { background:#AED9FC; color:#3b6f8e; padding:12px 30px; text-transform:uppercase; display:table; margin:10px auto 0 }
.boxes ul li > .inner .grey a.btn { background:#6d6e71; color:#fff }

.boxes ul li > .inner h2.under{ width:100%; margin:0 auto 30px; text-align:center; color:#aed9fc; font-size:45px; font-weight:300; }
.boxes ul li > .inner p.under{ padding:0 8% 8% 8%; }
.boxes ul li span.line.top{ top:20%; display: none; }
.boxes ul li span.line.bot{ bottom:40%; margin-bottom:8px; }
.boxes ul li form input{ float:left; width:100%; background:transparent; color:#aed9fc; padding:20px 0; margin:5px 0; border-bottom:2px solid white; font-size:15px; }
.boxes ul li form input:after{ display:block; width:100%; height:2px; background:white; }
.boxes ::-webkit-input-placeholder{ color:#aed9fc; text-transform:uppercase; font-size:15px; }
.boxes :-moz-placeholder{ color:#aed9fc; text-transform:uppercase; font-size:15px; }
.boxes ::-moz-placeholder{ color:#aed9fc; text-transform:uppercase; font-size:15px; }
.boxes :-ms-input-placeholder{ color:#aed9fc; text-transform:uppercase; font-size:15px; }
.boxes ul li.specials .text{ background:rgba(39, 40, 41, 0.50); }
.boxes form#specials{ margin:0 auto; display:table }
.boxes form#specials #sign-up{ float:right; text-transform:uppercase; margin-top:-42px; font-weight:bold; color:white; position:relative; display:block; background-color:transparent; cursor: pointer; cursor: hand; }
.boxes ul li.subscribe{ background:#d47d5a; text-align:center; }
.boxes ul li.subscribe p span{ margin:15px 0; color:#fff; }
.boxes ul li.subscribe form{ position:relative; width:75%; margin:0 auto; }
.boxes ul li.subscribe input, .boxes ul li.subscribe button{ background:none; height:50px; font:600 16px/50px 'Lato', sans-serif; margin:0; padding:0; border:none; text-align:left; text-transform:uppercase; }
.boxes ul li.subscribe input{ width:100%; color:#f5cbb9; margin:5px 0 0 0; border-bottom:2px solid #fff; }
.boxes ul li.subscribe button{ position:absolute; bottom:10px; right:0; width:auto; color:#fff; cursor:pointer !important; }
.boxes ul li.subscribe ::-webkit-input-placeholder{ color:#f5cbb9; line-height:50px; text-transform:uppercase; opacity:1; }
.boxes ul li.subscribe :-moz-placeholder{ color:#f5cbb9; line-height:50px; text-transform:uppercase; opacity:1; }
.boxes ul li.subscribe ::-moz-placeholder{ color:#f5cbb9; line-height:50px; text-transform:uppercase; opacity:1; }
.boxes ul li.subscribe :-ms-input-placeholder{ color:#f5cbb9; line-height:50px; text-transform:uppercase; opacity:1; }

.pagination { float:left; width:100%; margin:0; padding:0; list-style:none; }
.pagination li { float:left; padding:5px; margin:0 5px; }
.pagination li:first-child { margin-left:0; }
.pagination li:last-child { margin-right:0; }

/* Slideshow */

#slideshow{ position:relative; background:#fff; width:auto; height:auto; margin:0; padding:0; clear:both; display:block; border:10px solid #fff; border-bottom:none; overflow:hidden; }
#slideshow .inner{ background:#e5e3d9; position:relative; width:100%; height:auto; margin:auto; padding:0; overflow:hidden; }
/*.scroll{ position:absolute; bottom:5%; left:0; width:100%; height:18px; text-align:center; z-index:10; }*/
/*.scroll a{ background:url(../images/scroll-link.png) center no-repeat; font-size:1.5em; width:24px; height:12px; margin:auto; display:block; color:#fff; }*/
.fade, .slider{ overflow:hidden; }
.fade .item, .slider .item{ position:relative; width:100%; margin:0; padding:0; float:left; overflow:hidden; }
.fade .item img, .slider .item img{ width:100%; min-width:660px; height:auto; margin:0; padding:0; display:block; }
.fade .item{ -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); }
.pager{ position:absolute; bottom:100px; left:50%; width:300px; height:15px; margin-left:-150px; padding:0; text-align:center; z-index:20; }
.pager.pagerRight{ top:50%; left:auto; right:30px; width:15px; margin:0; }
.pager a{ background:url(../images/pager.png) bottom left no-repeat; width:15px; height:15px; margin:0 3px; display:inline-block; overflow:hidden; }
.pager a span{ display:none; }
.pager a.selected{ background:url(../images/pager.png) top left no-repeat; }
a.nav{ position:absolute; bottom:5%; width:22px; height:35px; cursor:pointer; z-index:20; }
a.nav.prev{ background:url(../system/images/arrows.png) top left; right:6%; }
a.nav.next{ background:url(../system/images/arrows.png) top right; right:3%; }
/*#slideshow .shadow{ background:none; position:absolute; top:0; left:0; right:0; bottom:7%; margin:0; padding:0; z-index:5; }*/
#slideshow .shadow { background:url(../_System/images/shadow.png) top center repeat-x; position:absolute; top:0; left:0; right:0; bottom:7%; margin:0; padding:0; z-index:20; }
.mobile {visibility: hidden; display:none;}
#slideshow .quote{ position:absolute; bottom:0; left:0; width:100%; margin:-34px 0 0 0; padding:0; list-style:none; text-align:center; z-index:20; }
#slideshow .quote li { background:rgba(255, 255, 255, 0.85); font:300 24px/24px 'Lato', sans-serif; color:#3a6f8f; margin:0 auto; padding:25px 25px 10px 25px; text-align:center; border-top:1px solid rgba(255, 255, 255, 0.95); display:inline-block; height:75px; width:100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box}
#slideshow .quote li a{ position:absolute; margin:25px auto 0 auto; display:block; }
.random .item{ display:none; }
.pager{ position:absolute; top:220px; right:0; width:100%; height:5px; padding:0; text-align:center; z-index:9999; }
.pager a{ background:rgba(215, 225, 234, 0.5); width:30px; height:5px; margin:0 3px; display:inline-block; overflow:hidden; }
.pager a span{ display:none; }
.pager a.selected{ background:#c3ae8b; }
a.nav{ position:absolute; width:25px; height:35px; bottom:125px; margin:0; cursor:pointer; z-index:20; }
a.nav.prev{ background:url(../_System/images/arrows.png) top left; right:120px; }
a.nav.next{ background:url(../_System/images/arrows.png) top right; right:50px; }
body.secondlevel a.nav { bottom:30px; }

/* Main */

#container{ padding:0; }
main{ overflow:auto; clear:both; }
.hideWhatsOn{ display:inline-block; }
/* Booking */
.booking .check-available{ display:none; }
/* #slideshow ~ .booking { margin-top:-6px; } */
.booking{ margin:0 10px; padding:25px 0; text-align:center; clear:both; width:auto; background:#eee url(../images/pattern1.png); }
#sub-footer .booking { background:#fff; border-top:1px solid #eee; }
.booking h1{ color:#7bcce3; white-space:nowrap; margin:0 3% 0 0; display:inline-block; font-size:22px; position:relative; top:-13px; }
.booking form{ padding:5px 0 13px 0; width:100%; align-items:center; align-content:center; overflow:hidden; }
.booking form input{ display:block; float:left; padding:3px; height:30px; border:1px solid #e5e5e6; font-size:17px; color:#6d6e71; font-family:'Lato', sans-serif; font-weight:300; cursor:pointer; }
.booking form input:hover { border:1px solid #999; }
.booking form label { font-size:16px; color:#6d6e71; padding:0 7px 0 0; margin:0; display:block; float:left; }
.booking form select { display:block; cursor:pointer; float:left; margin-top:-6px; padding:1px; width:45px; height:36px; border:1px solid #e5e5e6; font-size:18px; color:#6d6e71; font-family:'Lato', sans-serif; font-weight:300; max-width:52px; }
.booking form select:hover { border:1px solid #999; }
.booking div.sector{ display:inline-block; margin:0 2% 0 0; align-items:center; align-content:center; }
.booking div.sector img{ margin-left:3px; height:24px; width:auto; float:right; display:block; }
.booking h1 + div.sector img{ padding-top:6px; }
.booking div.sector.adults, .booking div.sector.children{ min-width:11%; }
.booking div.sector:last-child{ margin:8px 0 -8px 0; }
.booking input.checkin{ max-width:180px; width:75%; float:left; }
.booking .button_brown{ background-color:#7bcce3; border:2px solid #7bcce3; float:right; white-space:nowrap; display:block; }
::-webkit-input-placeholder{ font-size:17px; color:#6d6e71; font-family:'Lato', sans-serif; font-weight:300; }
:-moz-placeholder{ font-size:17px; color:#6d6e71; font-family:'Lato', sans-serif; font-weight:300; }
::-moz-placeholder{ font-size:17px; color:#6d6e71; font-family:'Lato', sans-serif; font-weight:300; }
:-ms-input-placeholder{ font-size:17px; color:#6d6e71; font-family:'Lato', sans-serif; font-weight:300; }
.booking div.sector.t{ padding-right:11px; }
.conz{ margin:0 auto; display:inline-block; width:100%;}
.button_brown{ display:inline-block; font-size:16px; border:2px solid #c3ae8b; font-weight:400; color:white; background:#c3ae8b; padding:14px 30px; }
.button_brown:hover{ border:2px solid #3a6f8f; background:#3a6f8f; color:#fff; }
.booking .button_brown:hover{ border:2px solid #3a6f8f; background:#3a6f8f; color:#fff; }
/* Web Forms */

#form{ position:relative; width:100%; clear:both; display:block; }
#form input, #form select, #form textarea{ background:none; width:100%; font:400 16px/20px 'Lato', sans-serif; color:#666; margin:0 0 8px 0; padding:20px 0; text-align:left; text-transform:none; border:none; border-bottom:1px solid #eee; }
#form textarea{ margin-bottom:0; }
#form select{ width:322px; height:37px; padding:5px; }
#form input#checkin, #form input#checkout{ background:url(../_System/images/datepicker.png) top right no-repeat; cursor:pointer; }
#form div.submit-div{ /*position:absolute; bottom:7px; right:0;*/ text-align:right; padding:10px 0; }
#form div.submit-div input{ width:auto; float:right; }
/*#form input[type=submit] { background:#89B735; font:300 18px/20px 'Lato', sans-serif; color:#fff; height:42px; margin:15px 0; padding:10px 20px; text-transform:lowercase; border:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; cursor:pointer; }*/
#form input.mandatory::-webkit-input-placeholder{ color:#c3ae8b; line-height:25px; text-transform:none; opacity:1; }
#form input.mandatory:-moz-placeholder{ color:#c3ae8b; line-height:25px; text-transform:none; opacity:1; }
#form input.mandatory::-moz-placeholder{ color:#c3ae8b; line-height:25px; text-transform:none; opacity:1; }
#form input.mandatory:-ms-input-placeholder{ color:#c3ae8b; line-height:25px; text-transform:none; opacity:1; }
#form br{ clear:both; }
.fa-bars{ display:none; }
.fa-angle-down{ display:none; }
#form input[type=submit]{ display:block; width:200px; margin-top:10px; font-size:16px; border:2px solid #c3ae8b; text-transform:uppercase; text-align:center; font-weight:300; color:white; background:#c3ae8b; padding:14px 30px; }
#form input[type=submit]:hover{ border:2px solid #c3ae8b; background:white; color:#c3ae8b; cursor: pointer; }
#form .address, #form input.suburb, #form input.state, #form input.postcode{ width:49%; }
.vouchers input[type="submit"]{ float:right; margin:10px; }
#form.vouchers .columns{ height:308px; max-height:308px; }
/* Footer */

footer{ text-transform:uppercase; font-size:14px; color:#b1a895; padding:30px 10px; }
footer .centre{ max-width:950px; }
footer a{ margin-left:1em; color:#b1a895; font-weight:400; }
footer a:hover{ color:#3a6f8f; }
footer img { position: relative; top: 5px;}
footer p{ text-align:center; }
footer .logo{ opacity:0.85; margin-top:-5px; }
footer .logo:hover{ opacity:1; }



/* Date Picker */

.ui-datepicker { background:#fff; font-family:'Lato',arial; width:520px !important; margin:10px 0 0 0; padding:5px 0; font-size:16px; line-height:20px; box-shadow:0 0 3px 0 rgba(0,0,0,0.3); float:left; display:none; z-index:99999!important; overflow:hidden; }
.ui-datepicker-group { width:250px; float:left; margin:0 5px; border-radius:0px; }
.ui-datepicker-group .ui-datepicker-header { position:relative; background:#3a6f8f; width:260px; height:25px; margin:-5px 0 0 -5px; padding:10px 0; color:#fff; font-weight:300; text-transform:capitalize; }
.ui-datepicker-group-first .ui-datepicker-header { border-top-left-radius:0px; }
.ui-datepicker-group-last .ui-datepicker-header { border-top-right-radius:0px; }
.ui-datepicker .ui-datepicker-title { font-size:16px; font-weight:bold; line-height:25px; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table { width:100%; border-collapse:collapse; margin:0; }
.ui-datepicker th { width:25px; padding:5px; font-weight:bold; color:#696969; text-transform:lowercase; }
.ui-datepicker td span, .ui-datepicker td a { display:block; padding:3px; text-align:right; text-decoration:none; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background:#fff; font-size:12px; font-weight:bold; line-height:20px; color:#696969; text-align:center; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background:#7bcce3; color:#fff; }
.ui-widget-header .ui-state-hover { opacity:0.50; filter:Alpha(Opacity=50); cursor:pointer; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color:#fff; text-decoration:none; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color:#fff; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity:0.50; filter:Alpha(Opacity=50); cursor:default; }
.ui-icon { width:30px; height:30px; text-indent:-99999px; overflow:hidden; display:block; }
.ui-datepicker .ui-datepicker-prev .ui-icon { background:url(../_System/images/datepicker-arrows.png) center left no-repeat; }
.ui-datepicker .ui-datepicker-next .ui-icon { background:url(../_System/images/datepicker-arrows.png) center right no-repeat; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top:7px; width:30px; height:30px; }
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover { background:none; }
.ui-datepicker .ui-datepicker-prev { left:5px; }
.ui-datepicker .ui-datepicker-next { right:5px; }

/* Frequently Asked Questions */

.faqs .faq-container > .question{ margin-bottom:10px; clear:both; display:block; }
.faqs .faq-container > .question a{ cursor:pointer; }
.faqs .faq-container > .answer{ margin:0 0 25px 0 !important; clear:both; display:none; }
/* Media Downloads */

.download{ margin:0 0 5px 0; }
.download span{ display:inline; }
.download span.link{ margin:0 3px 0 5px; }
.download span.icon > img{ margin:0 0 -3px 0; }
.download span.size{ font-size:10px; color:#999; }
/* Changes 20150728 */
/* Copy */
#copy h1 { font-weight:400; margin: 0 0 15px 0; color: #3a6f8f; }
#copy p.intro { line-height:25px; font-size:19px; margin:0 0 15px 0; }


.copyboxes{ margin-top:30px; }
.copyboxes div{ }
.copyboxes .item .img-wrap{ width:100%; height:auto; overflow:hidden; }
.copyboxes .item .img-wrap img{ width:100%; height:auto; }
.copyboxes p a.button_brown{ text-transform:uppercase; width: 92px; }
#google-map .overlay{ background:transparent; position:absolute; top:0; left:0; width:100%; height:100%; z-index:99; }
#form{ padding-bottom:30px; }
#form textarea{ resize:none; }
#form .columns{ -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:1em; -moz-column-gap:1em; column-gap:1em; }
#form .columns > div{ -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid; }
#form input.leftcol{ width:48%; margin-right:0.5%; display:inline-block; }
#form input.rightcol{ width:48%; margin-left:0.5%; display:inline-block; }
#form .submit-div{ position:relative; }
/*#specials-and-attractions .copyboxes .item{ min-height:590px; display:inline-block; width:30%; padding-right:4%; float:left; }
#specials-and-attractions .copyboxes .item .pad{ background-color:#daf1f8; padding-bottom:8px; }
#specials-and-attractions .copyboxes .item:nth-child(3), #specials-and-attractions .copyboxes .item:nth-child(6), #specials-and-attractions .copyboxes .item:nth-child(9){ padding-right:0; }
#specials-and-attractions .copyboxes .item h2{ min-height:58px; padding:0px 20px; }
#specials-and-attractions .copyboxes .item p{ text-align:justify; padding:0px 20px; }*/
.hide0 { display:none; }
.hide1 { display:block; }
.copyboxes .item{ min-height:590px; display:inline-block; width:30%; padding-right:4%; float:left; }
.copyboxes .item .pad{ background-color:#daf1f8; padding-bottom:8px; }
.copyboxes .item:nth-child(3), .copyboxes .item:nth-child(6), .copyboxes .item:nth-child(9){ padding-right:0; }
.copyboxes .item h2{ padding:0px 20px; }
#specials-and-attractions .copyboxes .item h2 { min-height:58px;}
.copyboxes .item p{ text-align:justify; padding:0px 20px; }
#copy p.button span{ padding:6px 8px; background-color:#3a6f8f; border:2px solid #3a6f8f; color:#fff; text-transform:uppercase; font-family:'Lato', sans-serif; }
/* Links style */
.apartments{ list-style-type:none; margin-left:0; padding-left:0; }
.apartments li{ float:left; margin-right:20px; }

/* popup */
#popup .content { background:#fff; position:relative; padding:50px; text-align:center; box-shadow:0 0 10px rgba(0,0,0,0.1); overflow-y:auto }
#popup .content img { margin:0 auto; display:block }
#popup .content p { padding:10px 0; }
#popup .content p.title { margin:0; font:400 30px/40px 'Lato', sans-serif; color:#3a6f8f }
#popup .content p .btn { background:#7bcce3; padding:18px 0; font:400 16px/26px 'Lato', sans-serif; color:#fff; text-transform:uppercase; display:block }
#popup .content button { cursor:pointer }
#popup .content button.close { background:url(/_System/images/popup-close.svg) center no-repeat; position:absolute; width:50px; height:50px; top:0; right:0 }
#popup .content button.text { background:transparent; padding:0; font:400 13px/18px 'Lato', sans-serif; color:#3a6f8f; border-bottom:1px dashed #3a6f8f; }
/*ie9*/
:root #popup { left:calc(50% - 212px) \0/IE9; top:calc(50% - 278px) \0/IE9; z-index:-1 \0/IE9; }
:root #popup.active { z-index:100 \0/IE9; }


/* Resize */
@media only screen and (min-width:1075px){
	header .logo a:hover img, a.nav:hover { opacity:0.7; }

	/* Hovers */
	.hover img{ -moz-transform:scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		-webkit-transform:scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		-o-transform:scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		-ms-transform:scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		transform:scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transition:all 0.75s ease-in-out; -moz-transition:all 0.75s ease-in-out; -ms-transition:all 0.75s ease-in-out; -o-transition:all 0.75s ease-in-out; transition:all 0.75s ease-in-out; }
	nav ul li ul, nav ul li ul:hover{ -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
	.hover img:hover{ -webkit-transition:all 1s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
	.boxes ul li .overlay ~ img{ -webkit-transition:all 1s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
	.boxes ul li.hov-f:hover .overlay{ background:rgba(58, 111, 143, 0.95) }
	.boxes ul *{ -webkit-transition:all 1s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
	.boxes ul li:hover .line{ width:60%; margin-left:-30%;
		-webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; }
/*
	nav ul *{ -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
	nav ul *:hover{ -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
*/
	.copyboxes .item .pad:hover img{ -webkit-transform:scale(1.15); -moz-transform:scale(1.15); transform:scale(1.15); }
	#copy p.button:hover span{ background-color:#fff; color:#3a6f8f; }
	.pd:hover{ -webkit-opacity:0.9; -moz-opacity:0.9; opacity:0.9; }
	a:hover{ color:#c3ae8b; }
}

/*
@media only screen and (min-width:975px){
	header.scroll .hideResp{ display:none; }
	header.scroll .centre *{ -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
	header.scroll .centre *:hover{ -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
	header.scroll{ min-height:10px; position:fixed; top:0px; background:none; background-position:100px -154px; }
	header.scroll .header_contain .logo a{ -webkit-box-shadow:0 2px 4px 2px rgba(0, 0, 0, 0.1);
		box-shadow:0 2px 4px 2px rgba(0, 0, 0, 0.1); max-width:260px; background:#fff; margin:0 0 0 0; padding:20px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
	header.scroll .header_contain .logo{ padding-top:0; margin-bottom:10px; width:auto; float:right; z-index:99; }
	header.scroll .header_contain .logo a img{ width:100%; }
	header.scroll .header_contain .centre{ margin:0; min-height:30px; margin-right:-5px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; float:right; padding-top:10px; background:rgba(255, 255, 255, 0.5); z-index:-1; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 2px 4px 2px rgba(0, 0, 0, 0.1); box-shadow:0 2px 4px 2px rgba(0, 0, 0, 0.1); }
	header.scroll .header_contain .centre:hover{ padding-bottom:15px; padding-top:25px; background:rgba(255, 255, 255, 0.9); -webkit-transition:all 0.5s ease-in-out;
		-moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
	header.scroll .header_contain .centre nav{ opacity:0.7; }
	header.scroll .header_contain .conz{ margin-right:10px; }
	header.scroll .header_contain .centre:hover nav{ opacity:1; }
	header.scroll .header_contain .centre:hover .phone{ background:rgba(255, 255, 255, 1); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
	header.scroll .header_contain .centre:hover .fa-angle-down{ color:rgba(211, 224, 232, 0.9); bottom:-13px; }
	header.scroll .header_contain .centre .phone a{ text-indent:-5000px; }
	header.scroll .phone{ left:inherit; position:absolute; top:142px; right:-308px; background:rgba(255, 255, 255, 0.5); z-index:-1; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 2px 4px 2px rgba(0, 0, 0, 0.1); box-shadow:0 2px 4px 2px rgba(0, 0, 0, 0.1); padding:10px 45px; }
	header.scroll .fa-bars{ display:inline-block; float:left; color:#fff; font-size:16px; position:relative; margin-left:32px; left:-12px; top:2px; }
	header.scroll .header_contain .centre:hover .fa-bars{ color:#c3ae8b; }
	header.scroll .header_contain .centre .fa-angle-down{ color:#c3ae8b; opacity:0.8; display:block; position:relative; font-size:18px; position:absolute; bottom:-18px; left:50%; }
	header.scroll .header_contain .centre nav ul li ul{ background:rgba(255, 255, 255, 0.9) !important; }
	.caroufredsel_wrapper{ clear:both; }
}
*/

@media only screen and (min-width:1930px){
	#container { margin:0 auto !important; }
	body.secondlevel header .header_contain, header.scroll .header_contain { width:100% !important; max-width:1900px !important; margin:0 auto !important; }
}

@media only screen and (max-width:1820px){
}
@media only screen and (max-width:1720px){
}
@media only screen and (max-width:1620px){
	body.secondlevel header nav ul li.hideWhatsOn, header.scroll nav ul li.hideWhatsOn { display:none; }
	body.secondlevel header nav ul li ul li.hideWhatsOn, header.scroll nav ul li ul li.hideWhatsOn { display:block; }
	.fitTxt{ font-size:2.9em !important : }
}
@media only screen and (max-width:1520px){
	body.secondlevel header .header_contain { background:rgba(255,255,255,1); box-shadow:0 0 3px 0 rgba(0,0,0,0); }
	header.scroll .header_contain { background:rgba(255,255,255,0.90); box-shadow:0 0 3px 0 rgba(0,0,0,0.2); }
	body.secondlevel header nav ul li.hideReviews, header.scroll nav ul li.hideReviews { display:none; }
	body.secondlevel header nav ul li ul li.hideReviews, header.scroll nav ul li ul li.hideReviews { display:block; }
	.header_contain .centre{ margin:0 4%; }
	#slideshow { margin-top:25px; }
	#slideshow .shadow { top:-50px; }
}
@media only screen and (max-width:1485px){

}
@media only screen and (max-width:1435px){
	nav ul li.hideWhatsOn{ display:none; }
	nav ul li ul li.hideWhatsOn{ display:block; }
	.fitTxt{ font-size:2.4em !important; }
	.header_contain .centre{ margin:0 6%; }
	#slideshow { margin-top:75px; }
}
@media only screen and (max-width:1400px){
	#form input.address, #form input.state{ width:60%; }
	#form input.suburb, #form input.postcode{ width:39%; }
}
@media only screen and (max-width:1350px){
	body.secondlevel header nav ul li a, header.scroll nav ul li a { font-size:15px; line-height:22px; }
	body.secondlevel header nav ul li ul li a, header.scroll nav ul li ul li a { font-size:12px; line-height:14px; }
	.logo a{ max-width:340px; }
	.logo a img{ width:100%; }
	.booking input.checkin{ width:105px; }
	.booking img{ display:none !important; }
	.booking div.sector.adults, .booking div.sector.children{ min-width:0; }
	.booking div.sector{ margin:0 1% 0 0; }
}
@media only screen and (max-width:1300px){
	nav ul li.hideReviews{ display:none; }
	nav ul li ul li.hideReviews{ display:block; }
}

@media only screen and (max-width:1280px){
		body.secondlevel header nav ul li ul, header.scroll header nav ul li ul { top:20px; padding:40px 0 0 0; z-index: 9999; }
	body.secondlevel header nav ul li ul li a, header.scroll nav ul li ul li a { font-size:9px; line-height:14px; }
}

@media only screen and (max-width:1260px){
	body.secondlevel header .logo, header.scroll .logo { left:10px; }
	body.secondlevel header .centre, header.scroll .centre { padding:0 20px 0 0; }
	.booking form{ width:100%; }
	.booking .sector.rooms{ display:none; }
}
@media only screen and (max-width:1220px){
	#slideshow { margin-top:115px; }
	#slideshow .shadow { top:-100px; }
	.booking div.sector{ margin:0 5px 0 0; }
	#contact .centre div:after{ margin:0 1em; }
	#contact .centre div:last-of-type:after{ margin-right:0; display:none; }
	.fitTxt{ font-size:2.2em !important; }
}
@media only screen and (max-width:1200px){
	body.secondlevel header nav ul li ul, header.scroll header nav ul li ul { top:20px; padding:40px 0 0 0; z-index: 9999; }
	body.secondlevel header .phone, header.scroll .phone { position:absolute; top:30px; right:25px; }
	body.secondlevel header .centre, header.scroll .centre { margin:0 0 0 0; padding:70px 5px 0 0; }
}
@media only screen and (max-width:1150px){
	.fitTxt{ font-size:2.0em !important; }
	.boxes ul li{ height:360px !important; }
	.boxes form#specials a#sign-up{ margin-top:0 !important; }
}
@media only screen and (max-width:1120px){
	.booking .sector.children{ display:none; }

	footer a{ line-height:37px; }
/*	footer a:first-of-type::before{ content:""; display:block; }*/
	footer a .logo{ text-align:center; display:block; width:100%; padding-top:5px; margin-bottom:20px; margin-left:5px; margin-right: 5px; clear: left; }
}
@media only screen and (max-width:1075px){
	/*header.scroll {	position:relative;	}
	.scroll + #container #slideshow .shadow { display:none; }*/
}
@media only screen and (max-width:1040px){
	#slideshow{ min-height:250px; }
	.copyboxes .item{ min-height:590px; width:48%; padding-right:4% !important; }
	.copyboxes .item:nth-child(2), .copyboxes .item:nth-child(4), .copyboxes .item:nth-child(6){ padding-right:0 !important;; }
	header.scroll .header_contain .conz {margin-right:0;}
/*
	nav ul li:first-child {		margin: 0 3px 0 13px;}
	nav ul li {		margin: 0 3px;}
*/
	#container { background:#fff; position:relative; margin:0 !important; padding:0; box-shadow:none; }
	body.secondlevel header .header_contain, header.scroll .header_contain { width:100%; height:130px; margin:0; }

}
@media only screen and (max-width:990px){
}
@media only screen and (max-width:974px){
	/* IMPORTANT: sie media query above @media only screen and (min-width:975px) for the menu break */
	#slideshow { margin-top:0; border:0 !important; }
	#slideshow .shadow { display: none; }
	.boxes{ padding:0 !important; }
	header, body.secondlevel header, header.scroll { top:0 !important; position:static !important; text-align:center !important; background:#eee url(../images/pattern1.png) !important; overflow: hidden !important; }
	header, body.secondlevel header, header.scroll { position:relative !important; width:100% !important; min-height:auto !important; height:auto !important; max-height:auto !important; text-align:center !important; }
	header .header_contain, body.secondlevel header .header_contain, header.scroll .header_contain { background: none !important; width:100% !important; min-height:auto !important; height:auto !important; max-height:auto !important; }
	header .logo, body.secondlevel header .logo, header.scroll .logo { position:relative !important; width:100% !important; height:auto !important; text-align:center !important; display:block!important; left: 0!important; }
	header .logo a, body.secondlevel header .logo a, header.scroll .logo a { min-width:100% !important; width:100% !important; max-width:100% !important; padding:25px 0!important; text-align: center!important; display:block!important; }
	header .logo a img, body.secondlevel header .logo a img, header.scroll .logo a img { width: 50%!important; margin: 0 auto 10px auto!important; padding: 0!important; text-align: center!important; }
	header .centre, body.secondlevel header .centre, header.scroll .centre{ width:100% !important; margin:0 !important; padding:0 !important; }
	.conz{ width:100%; }
	header, body.secondlevel header, header.scroll .hideWhatsOn { display:inline-block !important; }
	header .phone, body.secondlevel header .phone, header.scroll .phone { background:#fff !important; position:static !important; top:0 !important; right:0 !important; width:100% !important; padding:20px 0 !important; font:26px/30px 'Asap', sans-serif !important; text-align:center !important; border-bottom:1px solid #e8e8e8 !important; }
	header .phone, body.secondlevel header .phone, header.scroll .phone { padding:10px 0 !important; -webkit-box-shadow:0 2px 4px 2px rgba(0, 0, 0, 0.1) !important; box-shadow:0 2px 4px 2px rgba(0, 0, 0, 0.1) !important; }
	nav, nav ul, nav li, nav a#pull{ position: relative !important; width:100% !important; min-width:100% !important; max-width:100% !important; margin: 0 !important; padding: 0 !important; left: 0 !important; display:block; }
	nav ul{ display:none; }
	nav{ position:static !important; max-width:none !important; height:auto !important; min-height:50px !important; top:0 !important; right:0 !important; margin:0 !important; }
	nav .clearfix:before, nav .clearfix:after{ content:" " !important; clear:both !important; display:table !important; }
	nav .clearfix{ *zoom:1 !important; }
	nav li{ display:block !important; float:none !important; width:100% !important; }
	nav li:last-child{ border:none !important; }
	nav li a{ height:auto !important; font-size:25px !important; border:none !important; margin:0 !important; padding:0 !important; display:block !important; }
	nav li.facilities, nav li.news, nav li.reviews, nav li.enquire, nav.specials{ display:block !important; }
	nav ul .phone{ display:none !important; }
	nav a#pull{ no-repeat; background-color:#97cbdc !important; position:relative !important; height:50px !important; font:bold 20px/50px 'Lato', sans-serif !important; color:#fff !important; text-align:center !important; text-transform:uppercase !important; text-shadow:none !important; display:block !important;; clear:both !important; }
	nav a#pull:after{  content: ""; background: url('../_System/images/nav.png') no-repeat; width: 30px;	height: 30px;	display: inline-block;	position: absolute;	right: 25px; top: 15px; }
	nav a#pull:hover{ color:#3a6f8f !important; }
	nav ul li{ background: #285b7a !important; width:100% !important; color: #fff !important; border-bottom: 1px solid #3a6f8f !important; }
	nav ul li a{ color: #fff !important; padding-bottom:0 !important; font:400 18px/18px 'Lato', sans-serif !important; }
	nav ul li ul { display:none; }
	nav ul li ul li { background: #3a6f8f !important; }
	nav ul li ul li a{ font:400 14px/18px 'Lato', sans-serif !important; }
	nav ul li ul li.hideReviews, nav ul li ul li.hideWhatsOn { display:none !important; }
	nav ul li{ float:left !important; clear:both !important; margin:0 auto !important; padding:18px 0 !important; color:#7c9db8 !important; }
	nav ul li:first-child{ margin:0 auto !important; padding:17px 0 !important; }
	#contact .centre{ display:block; text-align:center; margin:0 15px; }
	#contact .centre div{ clear:both; float:none; padding:7px 10px; display:block; }
	#contact .centre div:after{ margin:0; display:none; }
	#contact .centre div{ width:100%; padding:7px 0; text-align:center; }
	.fitTxt{ font-size:1.9em !important; }

	.booking {margin: 0;}
	#slideshow .quote{ margin:0; }
	#slideshow .quote li{ width:100%; }
}
@media only screen and (max-width:950px){
	.header_contain .centre{ margin:0 2%; }
	.boxes ul li:nth-child(even){ width:50%; float:right; clear:right; }
	.boxes ul li:nth-child(odd){ width:50%; float:left; clear:right; }
	.boxes ul li{ min-height:400px; }
	#form input.address, #form input.state{ width:100%; }
	#form input.suburb, #form input.postcode{ width:100%; }
	#form.vouchers .columns{ height:auto !important; max-height:none; }
}
@media only screen and (max-width:900px){
	.booking .sector.adults{ display:none; }
	#slideshow .shadow{ display:none; }
	a.nav{bottom:30px;}

}
@media only screen and (max-width:885px){
}
@media only screen and (max-width:875px){
}
@media only screen and (max-width:850px){
}
@media only screen and (max-width:860px){
}
@media only screen and (max-width:825px){
}
@media only screen and (max-width:800px){
	#video, .video { display: none;}
	.hidden {display: block !important;}
	.mobile {visibility: visible;display:block;}
	#slideshow .quote{display:none;}
	.video-slideshow a.nav {display: block !important;}

}
@media only screen and (max-width:780px){
	.pager{ display:none !important; }
	header .logo{ position:static; width:100%; margin:0; text-align:center; border-bottom:1px solid #e8e8e8; padding-bottom:15px; }
	header .panel{ background:none; position:static; top:0; width:180px; margin:0 auto; padding:25px 0 0 0; text-align:center; }
	header .panel .rate{ float:none; }
	.booking{ padding:0; }
	.hideResp, .hideWhatsOn{ display:block; }
	#container{ position:relative; margin:0; padding:0; overflow:hidden; z-index:1; clear:both; }
	#slideshow .slider .item img{ width:765px; }
	#slideshow{ min-height:300px; }

	.header_contain .centre nav{ border-bottom:1px solid #e8e8e8; -webkit-box-shadow:0 2px 4px 2px rgba(0, 0, 0, 0.1); box-shadow:0 2px 4px 2px rgba(0, 0, 0, 0.1); }
	#sub-footer{ margin:0; overflow:hidden; }
	#form .columns{ -webkit-column-count:1; -moz-column-count:1; column-count:1; }
	#facilities #copy .ul_two{ width:100%; min-height:0; margin:0 0 50px 0; padding:20px 0; float:none; }
	#facilities #copy .ul_two:last-child{ margin:0; }
}
@media only screen and (max-width:740px){
	header .logo a img, body.secondlevel header .logo a img, header.scroll .logo a img { width: 65%!important; }
	.booking{ background-color:transparent; margin: 0 !important; padding: 0 !important; border:none !important; overflow: hidden !important; height: 60px !important; }
	.booking form{ display:block; }
	.booking form select{ margin-top:2px; }
	div.sector{ float:left; margin:0 auto; clear:both; }
	.check-available{ display:block !important; width:100%; text-align:center; margin:0 auto; }
	.booking .check-available h1{ display:block; width:100%; text-align:center; margin:13px auto 0 auto; padding:16px 0; background:#7bcce3; color:#fff; }
	.booking form{ display:none; width:100%; overflow:visible; }
	.booking form *{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
	.booking form h1{ display:none; }
	.booking .centre form .sector{ display:block; min-width:100%; padding:7px 10px; }
	.booking form input{ width:100% !important; margin:0 auto; height:36px; max-width:none !important; }
	.sector select{ width:100% !important; margin:0 auto; max-width:none !important; }
	.sector label{ margin-top:10px; }
	.booking div.sector img{ display:none !important; }
	.booking div.sector img.cal{ display:inline !important; position:absolute; right:14px; margin-top:4px; }
	.sector:first-child{ margin-bottom:0; }
	.button_brown{ width:100%; }
	.booking{ padding:0; }
	.boxes{ padding:0 !important; }
	.copyboxes .item{ min-height:0; width:100%; padding-right:0 !important; }
	#specials-and-attractions .copyboxes .item h2{ min-height:0; }
	.copyboxes .item .box > p{ margin-bottom:60px; }

}
@media only screen and (max-width:650px){

	#slideshow .fade .item img, #slideshow .slider .item img { margin:0 0 0 -10%; }

	#social div div a{ width:100%; text-align:center; padding:10px 0; }
	#social{ padding:10px 0; }
	#social a{ margin-left:0 !important; }
	#social .centre div{ min-width:0 !important; }
	footer a{ float:right; clear:both; position:relative; top:10px; margin:0 auto; text-align:center; width:100%; margin-top:5px; }
	footer .centre a{ float:left; clear:both; width:100%; text-align:center; }
	footer .centre{ text-align:center; }
	footer a.logo{ margin-top:10px; padding: 0; }
	#social .centre .share { display: block; margin: 20px 200px;}

}
@media only screen and (max-width:640px){
}
@media only screen and (max-width:600px){
	#slideshow .fade .item img, #slideshow .slider .item img { margin:0 0 0 -20%; }
	header .logo a img, body.secondlevel header .logo a img, header.scroll .logo a img { width: 75%!important; }
}
@media only screen and (max-width:575px){
	#copy{ padding:55px 25px; }
	.fitTxt{ font-size:1.8em !important; }

}
@media only screen and (max-width:550px){
	header .logo a img, body.secondlevel header .logo a img, header.scroll .logo a img { width: 80%!important; }

	#popup { width:calc(100% - 20px); max-height:none; height:calc(100% - 20px); top:0; left:0; margin:10px; padding:30px; -webkit-transform:scale(0); transform:scale(0) }
	#popup.active { -webkit-transform:scale(1); transform:scale(1) }
	#popup .content { width:100%; height:100%; padding:30px; box-sizing:border-box }

}
@media only screen and (max-width:525px){
	#slideshow .fade .item img, #slideshow .slider .item img { margin:0 0 0 -40%; }
	.boxes ul li > .inner{ width:85% }
	.ui-datepicker{ max-width:95% !important; }
	.fitTxt{ font-size:1.6em !important; }
	#social .centre .share { display: block; margin: 20px 100px;}
}
@media only screen and (max-width:450px){
	header .logo a img, body.secondlevel header .logo a img, header.scroll .logo a img { width: 85%!important; }
	.header_contain .centre{ margin:0 2%; }
	.boxes ul li{ width:100% !important; }
	.boxes ul li{ height:auto; }
	.boxes.home ul li.box-1:first-of-type{ display:none; }
	#google-map iframe{ height:350px; max-height:350px; }
	#form input.leftcol, #form input.rightcol{ width:100%; margin-right:0; }
	.fitTxt{ font-size:2.2em !important; }

	#popup .content img { max-width:90px; height:auto }
	#popup .content p { margin:0 }
	#popup .content p.title { font-size:24px; line-height:34px }
	#popup .content p .btn { font-size:14px; line-height:24px; padding:16px 0; }
	#popup .content button.text { font-size:12px }

}
@media only screen and (max-width:400px){
	header .logo a img, body.secondlevel header .logo a img, header.scroll .logo a img { width: 90%!important; }
	#slideshow .fade .item img, #slideshow .slider .item img { margin:0 0 0 -60%; }
	.logo a{ max-width:100%; }
	.logo a img{ width:100%; }

	#popup, #popup .content { padding:20px }

}
@media only screen and (max-width:350px){
	#google-map iframe{ height:300px; max-height:300px; }
}
@media only screen and (max-width:320px){
}