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

@import url(http://fonts.googleapis.com/css?family=Roboto:100,300,400,700);
@font-face { font-family:'Lagoons'; font-style:normal; font-weight:normal; src: url('../font/lagoons.eot'); src: url('../font/lagoons.eot?#iefix') format('embedded-opentype'),
url('../font/lagoons.woff2') format('woff2'), url('../font/lagoons.woff') format('woff'), url('../font/lagoons.ttf') format('truetype'), url('../font/lagoons.svg#Lagoons') format('svg'); }

* { -webkit-font-smoothing:antialiased; text-decoration:none; border:none; outline:none; }
a, a img, input, select, button, #container, header, header .social, header .logo, header .phone, nav .mainnav, nav .mainnav li ul.dropdown, .boxes .columns .reviews, .boxes .columns .restaurant, .boxes .columns .specials .item .price, .boxes .columns .specials .item .image img, #copy .column > div h3 span { -webkit-transition:all 0.2s ease; transition:all 0.2s ease; }
html, body { background:#f1f6f9 url(../images/bg.jpg) bottom center no-repeat fixed; background-size:cover; width:100%; height:100%; min-height:100%; margin:0; padding:0; }
#container { position:relative; width:100%; margin:0; padding:160px 0 0 0; overflow:hidden; }
#container.scroll { padding:110px 0 0 0; }
#container ::-moz-selection { color:#fff; background:#3e8fb2; }
#container ::selection { color:#fff; background:#3e8fb2; }
.centre { position:relative; max-width:1440px; margin:auto; }
a.anchor { position:relative; top:-100px; visibility:hidden; clear:both; display:table; }
a.tel { cursor:default !important; }
strong { font-weight:400; }
.clear { clear:both; }

/* Header */

header { background:#3e8fb2 url(../images/header.jpg) bottom center no-repeat; position:fixed; width:100%; height:150px; margin:0; padding:0; text-align:center; border-bottom:10px solid #fff; box-shadow:0 0 3px rgba(0,0,0,0); z-index:99; }
header .centre { max-width:1440px; }
header .social, header .logo, header .phone { width:33.33%; height:150px; margin:0; padding:0; float:left; overflow:hidden; }
header .social { height:85px; padding:65px 0 0 0; text-align:left; }
header .social ul { margin:0; padding:0; list-style:none; }
header .social ul li .st_sharethis_custom { background: url(../images/share.png) no-repeat scroll left top transparent; padding:2px 20px 0 0; width:20px; height:24px; cursor:pointer; display:block; }
header .social li { margin:0 45px 0 0; padding:0; float:left; }
header .social li:last-child { margin:0 !important; }
header .logo { text-align:center; }
header .logo a, header .logo img { margin:0 auto; padding:0; text-align:center; display:block; }
header .logo img { width:auto; height:150px; }
header .phone { font:100 30px/30px 'Roboto', arial; height:92px; padding:58px 0 0 0; text-shadow:1px 1px 3px rgba(0,0,0,0.25); text-align:right; }
header .phone a { background:url(../images/phone.png) left center no-repeat; color:#fff; padding:0 0 5px 35px; }
header.scroll { position:fixed; width:100%; height:100px; box-shadow:0 0 3px rgba(0,0,0,0.3); }
header.scroll .social { height:60px; padding:40px 0 0 0; }
header.scroll .logo { height:100px; }
header.scroll .phone { height:65px; padding:35px 0 0 0; }
header.scroll .logo img { width:auto; height:120px; margin:-10px auto 0 auto; }

/* Nav */

#menu { position:relative; margin:-100px 0 0 0; margin:-105px 0 0 0; z-index:19;  }
#menu .divider { background:url(../images/divider.png) bottom center no-repeat; position:absolute; bottom:-49px; left:50%; width:288px; height:49px; margin:0 0 0 -148px; z-index:1; }
#menu .bookonline { position:absolute; bottom:0; right:0; width:40%; height:85px; margin:0; padding:0; text-align:right; float:right; display:table; }
#menu .bookonline p { font:300 16px/16px 'Roboto', arial; color:#828282; margin:0 10px 0 0; padding:0; display:inline-block; }
#menu .bookonline p, #menu .bookonline input, #menu .bookonline select { position:relative; top:-10px; }
@media screen and (-webkit-min-device-pixel-ratio:0) { #menu .bookonline p, #menu .bookonline input, #menu .bookonline select { position:relative; top:10px; } }
#menu .bookonline input, #menu .bookonline select { background:url(../images/datepicker.png) center right no-repeat; font:300 16px/20px 'Roboto', arial; color:#828282; width:100px; margin:-10px 30px 0 0; padding:0 25px 0 0; text-transform:none; border:none; cursor:pointer; border-radius:2px; display:inline-block; }
#menu .bookonline select { background:url(../images/dropdown.png) center right no-repeat; width:50px; color:#0f5b99; margin:0; border:none; -webkit-appearance:none !important; -moz-appearance:none !important; }
#menu .bookonline select::-ms-expand { display:none; }
#menu .bookonline ::-webkit-input-placeholder { color:#828282; line-height:20px; text-transform:none; opacity:1; }
#menu .bookonline :-moz-placeholder { color:#828282; line-height:20px; text-transform:none; opacity:1; }
#menu .bookonline ::-moz-placeholder { color:#828282; line-height:20px; text-transform:none; opacity:1; }
#menu .bookonline :-ms-input-placeholder { color:#828282; line-height:20px; text-transform:none; opacity:1; }
#menu .bookonline button { background:#0f5b99; font:300 16px/16px 'Roboto', arial; color:#fff; height:85px; margin:0 0 0 25px; padding:5px 30px; text-decoration:none; border:none; border-top-right-radius:2px; cursor:pointer; display:inline-block; }
#menu .bookonline button span { font:300 12px/12px 'Roboto', arial; color:#7cabd1; margin:5px 0 0 0; text-align:left; display:block; }
nav .mainnav { background:rgba(255,255,255,0.9); width:100%; height:auto; margin:0 0 10px 0; padding:0; text-align:center; list-style:none; box-shadow:1px 1px 3px 0 rgba(0,0,0,0.2); border-radius:2px; }
nav .mainnav li { position:relative; width:auto; height:auto; margin:25px 0.75%; padding:0 1.75% 0 0; border-right:1px solid rgba(51,51,51,0.1); display:inline-block; }
nav .mainnav li a { font:300 20px/20px 'Roboto', arial; color:#3e8fb2; margin:0; padding:10px 0; text-align:center; text-transform:capitalize; text-shadow:0 0 1px rgba(255,255,255,1); overflow:hidden; display:block; }
nav .mainnav li a.current { color:#0F5B99; }
nav .mainnav li:first-child { margin:0 0.75% 0 0; }
nav .mainnav > li:first-child { position:relative; }
nav .mainnav li:last-child { margin:0 0 0 0.75%; padding:25px 0; border:none; }
nav .mainnav li ul { position:absolute; top:30px; left:50%; width:200px !important; height:0; margin:0 0 0 -115px; padding:35px 0 0 0; overflow:hidden; opacity:0 !important; z-index:9999; }
nav .mainnav li ul.dropdown { height:auto; opacity:1 !important; }
nav .mainnav li ul li { width:100%; height:auto; line-height:18px; margin:0 !important; padding:0; display:block; }
nav .mainnav li ul li:last-child { padding:0; border:none; }
nav .mainnav li ul li a { background:#3e8fb2; font:300 14px/14px 'Roboto', arial; width:100%; height:auto; margin:0; padding:15px 0; color:#fff !important; text-shadow:none; text-transform:none; border:none; overflow:visible; border-bottom: 1px solid #3282ac; display:block; }
nav .mainnav li ul li a.current { background:#3585a7 !important; color:#b0daec !important; }
nav .subnav { background:#fff; position:relative; width:100%; height:85px; margin:0; padding:0; text-align:left; list-style:none; -webkit-border-bottom-right-radius:2px; -webkit-border-bottom-left-radius:2px; -moz-border-radius-bottomright:2px; -moz-border-radius-bottomleft:2px; border-bottom-right-radius:2px; border-bottom-left-radius:2px; }
nav .subnav li { font:300 16px/16px 'Roboto', arial; color:#828282; margin:35px 0 0 30px; padding:0; display:inline-block; }
nav .subnav li a { color:#828282; }
nav .clearfix { clear:both; display:block; }
nav a#pull { display:none; color:#FFF; }

/* Slideshow */

#slideshow { background:#b0d4e4 url(../images/load.gif) center no-repeat; position:relative; width:100%; height:auto; margin:0; padding:0; overflow:hidden; }
#slideshow .fade .item .quote { position:absolute; bottom:48%; left:0; width:100%; margin:0; padding:0; list-style:none; text-align:center; }
#slideshow .fade .item .quote li { background:rgba(62,143,178,0.90); font:300 24px/24px 'Roboto', arial; color:#fff; margin:0 auto; padding:25px; text-align:center; text-shadow:0 0 1px rgba(62,143,178,1); border-radius:2px; display:inline-block; }
.fade, .slide, .random { overflow:hidden; }
#slideshow .fade .video a { background:url(../images/video.png) center no-repeat !important; position:absolute !important; top:0 !important; left:0 !important; width:100% !important; height:100% !important; display:block !important; z-index:10 !important; }
#slideshow .fade .item img, #slideshow .random .item img { min-width:660px; }
.fade:after, .slide:after, .random:after { content:""; clear:both; display:block; }
.fade .item, .slide .item, .random .item { position:relative; width:100%; height:auto; margin:0; padding:0; float:left; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); overflow:hidden; }
.fade .item img, .slide .item img, .random .item img { width:100%; height:auto; margin:0; padding:0; display:block; }
.slide .item { float:left; }
.random .item { display:none; }
a.nav { position:absolute; width:54px; height:54px; bottom:49%; margin:0; cursor:pointer; z-index:20; }
a.nav.prev { background:url(../images/arrows.png) bottom left; left:50px; }
a.nav.next { background:url(../images/arrows.png) top left; right:50px; }

/* Main */

main { width:100%; margin:0; padding:0; clear:both; display:block; }
main .centre { max-width:1200px!important; }
#copy { position:relative; width:100%; font:300 14px/24px 'Roboto', arial; color:#828282; padding:85px 0; text-align:center; }
#copy div { margin-bottom:30px; }
#copy h1 { font:100 32px/38px 'Roboto', arial; color:#0f5b99; margin:0 0 10px 0; padding:0; text-transform:none; }
#copy p { margin:0 0 25px 0; padding:0; }
#copy p.intro, #copy h2 { font:300 20px/30px 'Roboto', arial; color:#0f5b99; margin:0 0 25px 0; padding:0; }
#copy h2 { font:300 20px/26px 'Roboto', arial; }
#copy h2 a { font-weight:normal; color:#0f5b99; }
#copy p.intro a { background:#3F8FB2; color:#fff !important; padding:3px 10px 5px 10px; font-weight: 300!important; cursor:pointer; -webkit-transform:translateZ(0); transform:translateZ(0); display:inline-block; }
#copy p.intro a.tel { color:#0f5b99!important; background:none; -webkit-transform:none; transform:none; }
#copy p.terms { font-style:italic; }
#copy h3 { font:300 20px/20px 'Roboto', arial; color:#333; margin:0 0 15px 0; }
#copy h3 a { color:#0f5b99; }
#copy h2 span, #copy h3 span { position: relative; top:-2px; font:400 12px/12px 'Roboto', arial; color:#666; margin:0 0 0 10px; }
#copy p.fine { font:400 12px/18px 'Roboto', arial; color:#999; }
#copy p:last-child { margin:0; }
#copy p a { background:#E5E5E5; color:#3EA1D5; padding:2px 10px 3px 10px; cursor:pointer; display:inline-block; -webkit-transform:translateZ(0); transform:translateZ(0); }
#copy div p a { background:#3F8FB2; color:#FFF; }
#copy a.tel { color:#828282; background:none; -webkit-transform:none; transform:none; }
#copy p a.button { background:#3F8FB2; position:relative; top:15px; font:300 18px/20px 'Roboto', arial; color:#fff; height:22px; margin:0; padding:10px 20px; cursor:pointer; }
#copy p .quote { background:url(/_System/images/quote.png) center no-repeat; width:29px; height:25px; margin:0 5px -2px 0; display:inline-block; }
#copy ul { margin:15px 0; padding:0; list-style:none inside url(../images/li.png); }
#copy li { font:300 16px/24px 'Roboto', arial; color:#828282; margin:5px auto; padding:0; }
#copy li a { background:#3F8FB2; color:#fff; padding:4px 8px; }
#copy .contentsplit.left ul { margin:15px 0; padding:0; list-style:none inside url(../images/li.png); direction:rtl; }
#copy hr { border:none; border-top:1px solid #D5E7F1; margin:50px 0; clear:both; }
#copy .mandatory { font-weight:400; color:#0f5b99; }
#copy table, #copy tr, #copy td { width:100%; text-align:left; }
#copy .floatlist li { padding:5px 12px 5px 24px; margin:0 3px 8px; background:url(../images/li.png) left center no-repeat; list-style:none; display:inline-block; }
#copy .floatlist:after { content:""; display:block; clear:both; }
#copy .left, #copy .right { width:50%; margin:0; padding:0; float:left; box-sizing:border-box; }
#copy .left { text-align:right; padding:0 30px 0 0;  }
#copy .right { text-align:left; padding:10px 0 0 30px; border-left:1px solid #d5e7f1; }
#copy .pagination { background:none; width:100%; height:auto; min-height:auto; padding:25px 0 0 0; text-align:left; border:none; clear:both; display:block; }
#copy .pagination li { margin:0 5px 0 0; padding:0; display:inline-block; text-transform:lowercase; }
#copy .pagination li a, #copy .pagination li.pag-current { background:#fff; color:#666666; padding:4px 8px; }
#copy .pagination li.pag-current { background:#0F5B99; font-weight:bold; color:#fff; margin:-5px 5px 0 0; padding:6px 9px; }
#copy .pagination li a:hover, #copy .pagination li.pag-next a, #copy .pagination li.pag-prev a { background:#fff; color:#0F5B99; }
#webapp25558pagination, #webapp14947pagination { margin-bottom:-55px!important; }
#copy .formbox { width:auto; margin:80px 0 0 0; padding:0; clear:both; display:block; }
#copy a.anchorlink { display:inline-block; }
#copy .column { position:relative; width:100%; margin:50px 0 0 0; padding:0; -moz-column-count:4; -moz-column-gap:10px; -webkit-column-count:4; -webkit-column-gap:10px; -webkit-column-count:4; -moz-column-count:4; column-count:4; -webkit-column-gap:10px; -moz-column-gap:10px; column-gap:10px; display:block; clear:both; }
#copy .column.fix { padding:0 0 50px 0; }
#copy .column > div { background:#fff; width:100%; margin:0 0 5px 0; padding:30px 0; display:inline-block; overflow:hidden; }
#copy .column > div h3, #copy .column > div p, #copy .column > div ul { padding:0 30px; }
#copy .column > div h3 span { background:#fff; margin:0 10px 0 0;  padding:10px; }
#copy .column > div h3 a { position:relative; }
#copy .column > div p.fine { color:#a97057 !important; }
#copy .column > div img { position:relative; width:100%; height:auto; margin:-30px 0 30px 0; padding:0; z-index:2; display:block; }
#copy .column > div.whatson { padding:0 0 30px 0 !important; }
#copy .column .pagination { position: absolute; bottom:0; left:0; }
#copy .column2 { position:relative; width:100%; margin:50px 0 0 0; padding:0; -moz-column-count:2; -moz-column-gap:10px; -webkit-column-count:2; -webkit-column-gap:10px; -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:10px; -moz-column-gap:10px; column-gap:10px; display:block; clear:both; }
#copy .column2.fix { padding:0 0 50px 0; }
#copy .column2 > div { background:#fff; width:100%; margin:0 0 5px 0; padding:30px 0; display:inline-block; overflow:hidden; /*-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);*/ }
#copy .column2 > div h2, #copy .column2 > div h3, #copy .column2 > div p, #copy .column2 > div ul { padding:0 30px; }
#copy .column2 > div h3 span { background:#fff; margin:0 10px 0 0;  padding:10px; }
#copy .column2 > div h3 a { position:relative; }
#copy .column2 > div p.fine { color:#666666 !important; }
#copy .column2 > div img { position:relative; width:100%; height:auto; margin:-30px 0 30px 0; padding:0; z-index:2; display:block; }
#copy .column2 .pagination { position: absolute; bottom:0; left:0; }
#copy .column2 .reviews, #copy .column2 .blog { text-align:left; }

/* Boxes */
.boxes .columns .column1, .boxes .columns .column2 { width: 48%; display: inline-block; vertical-align: top; display: -moz-inline-stack;}
.boxes .columns > .box, .boxes .columns .box .inner-columns > .box { width:49.7%; display:inline-block; vertical-align:top; display:-moz-inline-stack; }
.boxes { display:block; clear:both; }
.boxes, .boxes .columns, .boxes .columns .box .inner-columns { width:100%; margin:0; padding:0; }
/*.boxes .columns, .boxes .columns .box .inner-columns { -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:10px; -moz-column-gap:10px; column-gap:10px; -webkit-column-fill:balance; -moz-column-fill:balance; column-fill:balance; /*-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);*/ }*/
.boxes .columns .box { /*width:100%;*/ height:auto; margin:0 0 10px 0; padding:0; display:inline-block; border-radius:2px; -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid; }
.boxes .columns .box .inner-columns .box { margin:0; padding:0; display:inline-block; overflow:hidden; }
.boxes .columns img { width:100%; height:auto; margin:0; padding:0; display:block; }
.boxes .columns .box .inner-columns .text a { position:absolute; top:42%; left:0; width:100%; font:100 30px/30px 'Roboto', arial; color:#fff; text-shadow:1px 1px 3px rgba(0,0,0,0.25); margin:0; padding:0; text-align:center; display:block; z-index:999999999; clear:both; }
.boxes .columns .box .inner-columns .text a:after { background:url(../images/blank.png); position:absolute; top:-500px; left:-500px; width:1000px; height:1000px; z-index:-1; content:""; display:block; }
.boxes .columns .specials { position:relative; }
.boxes .columns .specials a.nav { bottom:45%; }
.boxes .columns .specials .item { border-top-right-radius:25px; }
.boxes .columns .specials .item .price { background:#faf2a1; position:relative; width:50%; margin:0; padding:0; float:left; background-size:cover; }
.boxes .columns .specials .item .price .from-1 { font:300 18px/26px 'Roboto', arial; margin-top:-20px; }
.boxes .columns .specials .item .price .from-0 { display:none!important; }
.boxes .columns .specials .item .image { width:50%; margin:0; padding:0; float:left; overflow:hidden; }
.boxes .columns .specials p { position:absolute; top:-20px; left:0; width:100%; font:100 100px/100px 'Roboto', arial; color:#5d5d5d; text-align:center; }
.boxes .columns .specials p a { font:100 30px/30px 'Roboto', arial; color:#5d5d5d; margin:20px 0; display:block; clear: both; }
.boxes .columns .specials p a:after { background:url(../images/blank.png); position:absolute; top:0; left:0; width:1000px; height:1000px; z-index:10; content:""; display:block; }
.boxes .columns .specials p span { font:300 12px/12px 'Roboto', arial; color:#aca97f; text-transform:uppercase; display:block; clear: both; }
.boxes .columns .specials img.mobile { display:none; }
.boxes .columns .box .inner-columns .rooms { position:relative; background:#dc5f5f; border-top-left-radius:25px; }
.boxes .columns .box .inner-columns .rooms a { top:35%; font:60px/60px 'Lagoons', arial; text-shadow:none; }
.boxes .columns .box .inner-columns .location { position:relative; background:url(../images/location.jpg) center no-repeat; background-size:cover; }
.boxes .columns .reviews { position:relative; overflow:hidden; background:#f8f4ea url(../images/review.jpg) top left no-repeat; text-shadow:1px 1px 3px rgba(248,243,233,1); background-size:cover; }
.boxes .columns .reviews p { position:absolute; top:0; right:5%; width:55%; font:100 30px/30px 'Roboto', arial; color:#846b54; text-align:center; }
.boxes .columns .reviews p a { position:relative; color:#846b54; }
.boxes .columns .reviews p a:after { background:url(../images/blank.png); position:absolute; top:-500px; left:-500px; width:1000px; height:1000px; z-index:10; content:""; display:block; }
.boxes .columns .reviews p em { background:url(../images/quote2.png) center no-repeat; position:relative; bottom:-30px; left:-37px; width:37px; height:36px; display:block; }
.boxes .columns .reviews span { background:rgba(255,255,255,0); position:absolute; bottom:15px; right:15px; font:300 12px/12px 'Roboto', arial; color:#846b54; padding:10px; text-transform:uppercase; }
.boxes .columns .reviews img.mobile { display:none; }
.boxes .columns .restaurant { position:relative; background:url(../images/restaurant.jpg) center no-repeat; background-size:cover; }
.boxes .columns .restaurant a { background:rgba(255,255,255,0); display:block; }
.boxes .columns .restaurant img.mobile { display:none; }
.boxes .columns .box .inner-columns .dayspa { background:url(../images/dayspa.jpg) center no-repeat; background-size:cover; }
.boxes .columns .box .inner-columns .dayspa img.mobile { display:none; }
.boxes .columns .box .inner-columns .dayspa a { background:rgba(51,51,51,0); display:block; }
.boxes .columns .box .inner-columns .restaurant2 { background:url(../images/restaurant2.jpg) center no-repeat; background-size:cover; }
.boxes .columns .box .inner-columns .restaurant2 img.mobile { display:none; }
.boxes .columns .box .inner-columns .restaurant2 a { background:rgba(51,51,51,0); display:block; }
.boxes .columns .box .inner-columns .wedding { position:relative; background:url(../images/wedding.jpg) center no-repeat;border-bottom-right-radius:25px; background-size:cover; }
.boxes .columns .box .inner-columns .wedding a { top:35%; font:60px/60px 'Lagoons', arial; text-shadow:none; }
.boxes .columns .box .inner-columns .conference { position:relative; background:url(../images/conference.jpg); border-bottom-left-radius:25px; background-size:cover; }
.boxes .columns .box .inner-columns .blog { position:relative; background:#bdd25b; }
.boxes .columns .box .inner-columns .blog a { top:35%; font:60px/60px 'Lagoons', arial; text-shadow:none; }
.blog h2 span { margin:0!important; }

/* Google Map (location page) */

#google-map { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%; height:auto; margin:50px 0 0 0; }
#google-map .overlay { background:transparent; position:absolute; top:0; left:0; width:100%; height:100%; z-index:99; }
#google-map iframe, #google-map object, #google-map embed { position:absolute; top:0; left:0; width:100%; height:100%; }

/* Footer */

footer { width:100%; margin:0; padding:0; clear:both; }
footer .subscribe { position:relative; width:100%; padding:125px 0 75px 0; text-align:center; display:block; }
footer .subscribe p { font:100 30px/30px 'Roboto', arial; color:#3e8fb2; margin:0 0 25px 0; padding:0; }
footer .subscribe form { width:auto; margin:0; padding:0 0 50px 0; display:block; }
footer .subscribe input { background:#fcfefe; font:300 16px/16px 'Roboto', arial; color:#333; width:18%; height:auto; margin:0 10px 0 0; padding:16px; text-transform:none; display:inline-block; border:none; box-shadow:0 0 3px 0 rgba(51,51,51,0.2); border-radius:2px; }
footer .subscribe button { background:#0f5b99; font:300 16px/16px 'Roboto', arial; color:#fff; height:auto; margin:15px 0; padding:18px 25px; text-decoration:none; border:none; border-radius:2px; cursor:pointer; }
footer .subscribe ::-webkit-input-placeholder { color:#333; line-height:18px; text-transform:none; opacity:1; }
footer .subscribe :-moz-placeholder { color:#333; line-height:18px; text-transform:none; opacity:1; }
footer .subscribe ::-moz-placeholder { color:#333; line-height:18px; text-transform:none; opacity:1; }
footer .subscribe :-ms-input-placeholder { color:#333; line-height:18px; text-transform:none; opacity:1; }
footer .panel { background:#fff; position:relative; width:100%; height:85px; padding:0; box-shadow:0 0 3px 0 rgba(51,51,51,0.2); -webkit-border-top-left-radius:2px; -webkit-border-top-right-radius:2px; -moz-border-radius-topleft:2px; -moz-border-radius-topright:2px; border-top-left-radius:2px; border-top-right-radius:2px; display:block; }
footer .subnav { width:60%; margin:0; padding:0; text-align:left; float:left; }
footer .subnav ul { list-style:none; }
footer .subnav li { font:300 16px/16px 'Roboto', arial; color:#828282; margin:18px 30px 0 0; padding:0; display:inline-block; }
footer .subnav li a { color:#828282; }
footer .bookonline { width:40%; margin:0; padding:0; text-align:right; float:right; }
footer .bookonline p { font:300 16px/16px 'Roboto', arial; color:#828282; margin:0 10px 0 0; padding:0; display:inline-block; }
footer .bookonline p, footer .bookonline input, footer .bookonline select { position:relative; top:-10px; }
@media screen and (-webkit-min-device-pixel-ratio:0) { footer .bookonline p, footer .bookonline input, footer .bookonline select { position:relative; top:10px; } }
footer .bookonline input, footer .bookonline select { background:url(../images/datepicker.png) center right no-repeat; font:300 16px/20px 'Roboto', arial; color:#828282; width:100px; margin:0 30px 0 0; padding:0 25px 0 0; text-transform:none; border:none; cursor:pointer; border-radius:2px; display:inline-block; }
footer .bookonline select { background:url(../images/dropdown.png) center right no-repeat; width:50px; color:#0f5b99; margin:0; -webkit-appearance:none !important; -moz-appearance:none !important; }
footer .bookonline select::-ms-expand { display:none; }
footer .bookonline ::-webkit-input-placeholder { color:#828282; line-height:20px; text-transform:none; opacity:1; }
footer .bookonline :-moz-placeholder { color:#828282; line-height:20px; text-transform:none; opacity:1; }
footer .bookonline ::-moz-placeholder { color:#828282; line-height:20px; text-transform:none; opacity:1; }
footer .bookonline :-ms-input-placeholder { color:#828282; line-height:20px; text-transform:none; opacity:1; }
footer .bookonline button { background:#0f5b99; font:300 16px/16px 'Roboto', arial; color:#fff; height:85px; margin:0 0 0 25px; padding:5px 30px 5px 30px; text-decoration:none; border:none; border-top-right-radius:2px; cursor:pointer; display:inline-block; }
footer .bookonline button span { font:300 12px/12px 'Roboto', arial; color:#7cabd1; margin:5px 0 0 0; text-align:left; display:block; }
footer .copyright { background:#3e8fb2 url(../images/footer.jpg) right center no-repeat; position:relative; width:100%; text-align:left; }
footer .copyright p { font:300 12px/12px 'Roboto', arial; color:#fff; margin:0; padding:30px 0; }
footer .copyright p em { font-style:normal; }
footer .copyright p a { color:#fff; margin:0 25px 0 0; }
footer .copyright p a.pd { position:relative; bottom:8px; margin:0; padding:0; width:172px; height:27px; float:right; display:block; }
footer .copyright .scroll { position:absolute; top:-45px; left:0; width:100%; height:45px; text-align:center; }
footer .copyright .scroll a { background:url(../images/scroll.png) center top no-repeat; width:140px; height:45px; margin:0 auto; display:block; }

/* Date Picker (booking panels and enquiry forms) */

.ui-datepicker { background:#fff; font-family:'Roboto',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; overflow:hidden; }
.ui-datepicker-group { width:250px; float:left; margin:0 5px; }
.ui-datepicker-group .ui-datepicker-header { position:relative; background:#3e8fb2; width:260px; height:25px; margin:-5px 0 0 -5px; padding:10px 0; color:#fff; text-transform:lowercase; font-weight:300; }
.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:300; line-height:22px; 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:#333; 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(../images/datepicker-arrows.png) center left no-repeat; }
.ui-datepicker .ui-datepicker-next .ui-icon { background:url(../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 */

.faq { margin:0; padding:0; }
.faq .question { color:#0F5B99 !important; margin:0 !important; padding:0 !important; cursor:pointer; display:block; }
.faq .answer { margin:20px 0 0 0 !important; padding:0 !important; display:none; }


/* Media Downloads */

.download { margin:0 0 5px 0; }
.download span { display:inline; }
.download span.link { margin:0 3px 0 5px; }
.download span.link a { color:#3E8FB2; }
.download span.icon > img { margin:0 0 -3px 0; }
.download span.size { font-size:10px; color:#999; }

/* Web Forms */

#form { position:relative; width:100%; clear:both; display:block; max-width:1200px; margin:auto; }
#form input, #form select, #form textarea { background:none; width:100%; font:400 16px/20px 'Roboto', arial; color:#666; margin:0 0 8px 0; padding:20px 0; text-align:left; text-transform:none; border:none; border-bottom:1px solid #E5E5E5; border-right:1px solid #E5E5E5; background:#FFF; padding-left:20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#form textarea { margin-bottom:0; }
#form select { width:100%; height:60px; padding:5px 5px 5px 20px; border:none!important;  }
#form .submitbtn { margin-right:20px; }
#form input#checkin, #form input#checkout { background:url(../images/datepicker.png) top right no-repeat; cursor:pointer; }
#form div { position:absolute; bottom:7px; right:0; }
#form input[type=submit] { background:#0f5b99; width:auto; font:300 16px/22px 'Roboto', arial; color:#fff; margin:20px 0 0 20px; padding:10px 20px 15px 20px; cursor:pointer; clear:both; -webkit-transform:translateZ(0); transform:translateZ(0); }
#form input.mandatory::-webkit-input-placeholder { color:#0f5b99; line-height:20px; text-transform:none; opacity:1; }
#form input.mandatory:-moz-placeholder { color:#0f5b99; line-height:20px; text-transform:none; opacity:1; }
#form input.mandatory::-moz-placeholder { color:#0f5b99; line-height:20px; text-transform:none; opacity:1; }
#form input.mandatory:-ms-input-placeholder { color:#0f5b99; line-height:20px; text-transform:none; opacity:1; }
#form br { clear:both; }

/* Colorbox for Image Gallery */

#colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:9999; }
#cboxOverlay { position:fixed; width:100%; height:100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear:left; }
#cboxContent { position:relative; }
#cboxLoadedContent { overflow:auto; -webkit-overflow-scrolling:touch; }
#cboxTitle { font:bold 18px arial; color:#FFF; text-transform:lowercase; position:absolute; top:-28px; left:0; width:450px; }
#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; }
.cboxIframe{ width:100%; height:100%; display:block; border:0; }
#colorbox, #cboxContent, #cboxLoadedContent { box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; }
#cboxOverlay { background:#000; }
#cboxContent { margin-top:32px; overflow:visible; background:#fff;}
.cboxIframe { background:#fff; }
#cboxError { padding:50px; }
#cboxLoadedContent { background:#fff; }
#cboxLoadingGraphic { background:#fff url(../images/bg-colorbox-loader.gif) center center no-repeat; }
#cboxLoadingOverlay { background:#fff; }
#cboxTitle { font:bold 18px arial; color:#FFF; text-transform:lowercase; position:absolute; top:-28px; left:0; width:450px; }
#cboxCurrent { font:bold 11px arial; position:absolute; top:-21px; right:30px; color:#888; }
#cboxPrevious { position:absolute; top:50%; left:-19px; margin-top:-27px; background:url(../images/bg-colorbox-nav.png) top left; width:50px; height:50px; text-indent:-9999px; }
#cboxPrevious:hover { background-position:bottom left; }
#cboxNext { position:absolute; top:50%; right:-21px; margin-top:-27px; background:url(../images/bg-colorbox-nav.png) top right; width:50px; height:50px; text-indent:-9999px; }
#cboxNext:hover { background-position:bottom right; }
#cboxClose { position:absolute; top:-15px; right:-17px; display:block; background:url(../images/bg-colorbox-close.png) top; width:42px; height:42px; text-indent:-9999px; z-index:9999; border: 0; }
#cboxClose:hover { background-position:bottom; }
#cboxSlideshow { display:none!important; }

/* Hovers */

@media only screen and (min-width:1060px) {
	header .logo a:hover img, header .social a:hover img, footer .bookonline input:hover, footer .bookonline select:hover, #menu .bookonline input:hover, #menu .bookonline select:hover, footer p a:hover img, a.nav:hover, header .social ul li .st_sharethis_custom:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; opacity:0.70; }
	nav .mainnav:hover { background:rgba(255,255,255,1); }
	nav .mainnav li a:hover, nav .mainnav li:hover a { color:#333; }
	nav .mainnav li ul li a:hover { background:#3585a7 !important; color:#b0daec !important; border-bottom: 1px solid #3585a7 !important; }
	#slideshow .fade .video:hover img { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important; opacity:0.5 !important; }
	#copy h3 a:hover, #copy p a:hover { color:#333; }
	#copy p.intro a:hover { background:#333; color:#fff!important; -webkit-animation-name:push; animation-name:push; -webkit-animation-duration:0.3s; animation-duration:0.3s; -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-iteration-count:1; animation-iteration-count:1; }
	#copy p a:hover, #copy li a:hover { background:#3F8FB2; color:#fff; -webkit-animation-name:push; animation-name:push; -webkit-animation-duration:0.3s; animation-duration:0.3s; -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-iteration-count:1; animation-iteration-count:1; }
	#copy a.tel:hover { background:none!important; color:#828282; cursor:default!important; -webkit-animation-name:none; animation-name:none; -webkit-animation-duration:none; animation-duration:none; -webkit-animation-timing-function:none; animation-timing-function:none; -webkit-animation-iteration-count:0; animation-iteration-count:0; }
	#copy p.intro a.tel:hover { color:#0f5b99!important; background:none!important; cursor:default!important; -webkit-animation-name:none; animation-name:none; -webkit-animation-duration:none; animation-duration:none; -webkit-animation-timing-function:none; animation-timing-function:none; -webkit-animation-iteration-count:0; animation-iteration-count:0; }
	#copy a.button.booknow:hover, #copy div p a:hover { color:fff!important; background:#333!important; }
	#copy p a.button.booknow:hover { color:#fff; }
	.download span.link a:hover { color:#333; }
	.boxes .columns .box .inner-columns .text:hover a { -webkit-transform:scale(1.3); transform:scale(1.3); }
	.boxes .columns .box .inner-columns .text:hover { background:#3f8fb2; }
	.boxes .columns .restaurant a:hover { background:rgba(255,255,255,1); }
	.boxes .columns .restaurant:hover img { -webkit-transform:scale(1.1); transform:scale(1.1); }
	.boxes .columns .box .inner-columns .dayspa a:hover { background:rgba(51,51,51,1); }
	.boxes .columns .box .inner-columns .dayspa:hover img { -webkit-transform:scale(1.1); transform:scale(1.1); }
	.boxes .columns .box .inner-columns .restaurant2 a:hover { background:rgba(51,51,51,1); }
	.boxes .columns .box .inner-columns .restaurant2:hover img { -webkit-transform:scale(1.1); transform:scale(1.1); }
	#copy div.column2 div a:hover img { -webkit-transform:scale(1.1); transform:scale(1.1); }
	.boxes .columns .reviews:hover span { background:rgba(255,255,255,1); color:#333; }
	.boxes .columns .specials .item:hover .price { background:#fff; }
	.boxes .columns .specials .item:hover .image img { -webkit-transform:scale(1.1); transform:scale(1.1); }
	.boxes .columns .specials .item:hover p, .boxes .columns .specials .item:hover p a, .boxes .columns .specials .item:hover p span { color:#333; }
	footer .subscribe input:hover { background:#fff; }
	footer .subscribe button:hover { background:#333; }
	footer .bookonline button:hover, #menu .bookonline button:hover { background:#333; }
	footer .bookonline button:hover span, #menu .bookonline button:hover span { color:#999; }
	footer .subnav li a:hover, nav .subnav li a:hover { color:#0f5b99; }
	footer p a:hover { color:#9be1ff; }

	/*#copy li a:hover { background:#333; }*/
	#form input[type=submit]:hover { background:#333; -webkit-animation-name:push; animation-name:push; -webkit-animation-duration:0.3s; animation-duration:0.3s; -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-iteration-count:1; animation-iteration-count:1; }

	span.st_sharethis_custom { cursor:pointer!important; }
}


@-webkit-keyframes push { 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes push { 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } }

/* Resize */

@media only screen and (max-width:1960px) {
#slideshow { min-height:800px; }
}

@media only screen and (max-width:1860px) {
#slideshow { min-height:700px; }
}

@media only screen and (max-width:1760px) {
#slideshow { min-height:600px; }
}

@media only screen and (max-width:1700px) {
#slideshow { min-height:550px; }
}

@media only screen and (max-width:1660px) {
#slideshow { min-height:500px; }
}

@media only screen and (max-width:1560px) {
#slideshow { min-height:400px; }
#slideshow .fade .item .quote li { font:300 20px/20px 'Roboto', arial; }
}

@media only screen and (max-width:1460px) {
header .centre, #copy, .boxes, footer .subscribe, footer .copyright { width:auto; max-width:auto; padding-left:50px; padding-right:50px; }
#slideshow { min-height:300px; }
#menu .bookonline { width:50%; }
.boxes .columns .reviews p { top:-12%; right:5%; width:60%; }
.boxes .columns .reviews p em { left:-50px; }
.boxes .columns > .box, .boxes .columns .box .inner-columns > .box { width:49.5%; }
footer .bookonline { width:47%; }
footer .subnav { width:52%; padding:0 0 0 10px; }
footer .subnav li.weddings, footer .subnav li.conferences { display:none; }
}

@media only screen and (max-width:1360px) {
#slideshow { min-height:250px; }
nav .mainnav li span { display:none; }
.boxes .columns .reviews p { width:65%; }
.boxes .columns .reviews p em { left:-37px; }
.boxes .columns .specials p { top:-15%; }
}

@media only screen and (max-width:1260px) {
header .social, header .phone { width:30%; }
header .logo { width:40%; }
.boxes .columns .reviews p { width:70%; }
.boxes .columns .box .inner-columns .text a { top:40%; }
.boxes .columns .box .inner-columns .rooms a, .boxes .columns .box .inner-columns .wedding a, .boxes .columns .box .inner-columns .blog a { top:30%; }
.boxes .columns .specials p { top:-13%; font:100 85px/85px 'Roboto', arial; }
.boxes .columns .specials p a, .boxes .columns .reviews p { font:300 25px/25px 'Roboto', arial; }
.boxes .columns .specials a.nav.next { bottom:40%; }
footer .subscribe input { width:25%; }
footer .bookonline { width:50%; }
footer .subnav { width:49%; padding:0 0 0 10px; }
footer .subnav li { margin:18px 20px 0 0; }
footer .copyright p span { display:none; }
}

@media only screen and (max-width:1160px) {
header .centre, #copy, .boxes, footer .subscribe, footer .copyright { width:auto; padding-left:30px; padding-right:30px; }
#menu .bookonline { width:60%; }
nav .mainnav li a { font:300 18px/18px 'Roboto', arial; }
nav .subnav li span { display:none; }
footer .bookonline { width:57%; }
footer .subnav { width:43%; margin:0; padding:0; }
footer .subnav li { margin:18px 20px 0 -10px; padding:0; }
footer .subnav li.facilities { display:none; }
}

@media only screen and (max-width:1060px) {
#container, #container.scroll, header, header.scroll { padding:0 !important; -webkit-transition:all 0 ease; transition:all 0 ease; }
header, header.scroll { background:#3e8fb2 url(../images/header.jpg) top center no-repeat; position:relative !important; width:100% !important; height:auto !important; min-height:150px !important; border-bottom:10px solid #fff !important; box-shadow:none !important; }
header .logo, header.scroll .logo { height:auto; }
header .social, header.scroll .social { height:85px; padding:65px 0 0 0; }
header .phone, header.scroll .phone { height:92px; padding:58px 0 0 0; }
header .logo img, header.scroll .logo img { width:100%; height:auto; margin:0; padding:0; }
#slideshow .fade .item .quote { background:#eaf5f7; position:relative; bottom:0; left:0; }
#slideshow .fade .item .quote li { background:none; font:300 20px/26px 'Roboto', arial; color:#3e8fb2; text-shadow:none; }
#slideshow a.nav { bottom:43%; }
#slideshow.homeslide a.nav { bottom:53%; }
#menu { margin:0; padding:0; }
#menu .bookonline { background:#fff; position:relative; width:100%; height:auto; float:none; display:block; clear:both; }
nav .mainnav { background:#3e8fb2; width:100%; height:auto; margin:0; padding:0; text-align:center; list-style:none; box-shadow:none; border-radius:none; }
nav .mainnav li { border-right:1px solid rgba(38,116,165,0.3); }
nav .mainnav li a { color:#fff; text-shadow:none; }
nav .mainnav li ul { top:28px; }
nav .mainnav li span { margin:0 5px 0 0; display:inline-block; }
nav .mainnav li.spa { margin:0 0 0 1%; padding:25px 0; border:none; }
nav .mainnav li.weddings, nav .mainnav li.conferences { display:none; }
nav .subnav { display:none; }
nav .subnav li { margin:35px 0 0 25px; }
nav .subnav li.faqs { display:none; }
.boxes .columns .box .inner-columns .rooms a, .boxes .columns .box .inner-columns .wedding a, .boxes .columns .box .inner-columns .blog a { top:28%; }
.boxes .columns .specials p { top:-18%; font:100 85px/85px 'Roboto', arial; }
.boxes .columns .specials p a, .boxes .columns .reviews p { font:300 22px/25px 'Roboto', arial; }
.boxes .columns .specials p a { margin:10px 0; }
footer .panel { box-shadow:none; -webkit-border-top-left-radius:none; -webkit-border-top-right-radius:none; -moz-border-radius-topleft:none; -moz-border-radius-topright:none; border-top-left-radius:none; border-top-right-radius:none; }
#copy .column { -moz-column-count:2; -moz-column-gap:10px; -webkit-column-count:2; -webkit-column-gap:10px; -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:10px; -moz-column-gap:10px; column-gap:10px; }
}

@media only screen and (max-width:1000px) {
.boxes .columns .specials p { top:-20%; font:100 85px/85px 'Roboto', arial; }
.boxes .columns .specials p a, .boxes .columns .reviews p { font:300 20px/23px 'Roboto', arial; }
footer .bookonline { width:100%; }
footer .subnav { display:none; }
}

@media only screen and (max-width:960px) {
header .social li, header.scroll .social li { margin:0 40px 0 0; }
header .logo a, header.scroll .logo a { padding:2% 0 0 0; }
header .phone a, header.scroll .phone a { background:none; color:#fff; padding:0 0 5px 0; }
.boxes .columns { -webkit-column-count:1; -moz-column-count:1; column-count:1; }
.boxes .columns .box .inner-columns { -webkit-column-count:2; -moz-column-count:2; column-count:2; }
.boxes .columns .box .inner-columns .text a { top:42%; font:100 40px/40px 'Roboto', arial; }
.boxes .columns .box .inner-columns .wedding, .boxes .columns .box .inner-columns .rooms { border-radius:0 !important; }
.boxes .columns .box .inner-columns .rooms a, .boxes .columns .box .inner-columns .wedding a, .boxes .columns .box .inner-columns .blog a { top:35%; font:75px/75px 'Lagoons', arial; }
.boxes .columns .reviews p { top:0; right:5%; width:55%; font:100 30px/30px 'Roboto', arial; }
.boxes .columns .specials p { top:5%; font:100 100px/100px 'Roboto', arial; }
.boxes .columns .specials p a { font:100 30px/30px 'Roboto', arial; margin:20px 0; }
.boxes .columns .specials a.nav.next { bottom:43%; }
.boxes .columns .column1, .boxes .columns .column2 { width: 100%; }
.boxes .columns > .box, .boxes .columns .box .inner-columns > .box { width:100%; }
}

@media only screen and (max-width:860px) {
header, header.scroll, header .centre, header.scroll .centre { width:100%; max-width:100%; height:auto !important; margin:0; padding:0; }
header, header.scroll { background:#3e8fb2; position:relative; border-bottom:10px solid #fff; box-shadow:none; }
header .social, header.scroll .social, header .logo, header.scroll .logo, header .phone, header.scroll .phone { width:100%; height:auto; margin:0; padding:0; float:none; text-align:center; display:block; clear:both; }
header .social, header.scroll .social { background:#333; height:40px; padding:20px 0 0 0; text-align:left; }
header .social ul, header.scroll .social ul { width:100%; margin:0 auto; padding:0; list-style:none; }
header .social li, header.scroll .social li { width:25%; margin:0; padding:0; text-align:center; float:left; }
header .social li:last-child, header.scroll .social li:last-child { margin:0 !important; }
header .social ul li .st_sharethis_custom { margin-left:20%; }
header .logo, header.scroll .logo { text-align:center; }
header .logo, header.scroll .logo { background:#3e8fb2 url(../images/header.jpg) center no-repeat; text-align:center; }
header .logo a, header.scroll .logo a, header .logo img, header.scroll .logo img { margin:0 auto; padding:0; text-align:center; display:block; }
header .logo img, header.scroll .logo img { width:auto; height:150px; }
header .phone, header.scroll .phone { background:#3e8fb2; height:60px; padding:25px 0 0 0; text-align:center; border-top:1px solid #317fab; }
header .phone a, header.scroll .phone a { background:url(../images/phone.png) left center no-repeat; color:#fff; padding:0 0 5px 35px; }
nav .mainnav li span { display:none; }
#copy h1 { margin:0 0 25px 0; }
#copy .left, #copy .right { width:auto; margin:0 0 20px 0; padding:0; text-align:center; float:none; border:none; display:block; clear:both; }
.boxes .columns .specials p { top:-5%; }
footer .subscribe input { width:30%; }
footer .copyright p { width:100%; padding:30px 0 60px 0; text-align:center; }
footer .copyright p a.pd { position:relative; bottom:-25px; margin:0; padding:0; width:100%; height:27px; float:none; display:block; clear:both; }

}

@media only screen and (max-width:760px) {
.boxes .columns .specials p { top:-10%; }
.boxes .columns .reviews p { font:100 25px/25px 'Roboto', arial; }
.boxes .columns .box .inner-columns .text a { top:40%; }
.boxes .columns .box .inner-columns .rooms a, .boxes .columns .box .inner-columns .wedding a, .boxes .columns .box .inner-columns .blog a { top:30%; }
#copy .column, #copy .column2 { -moz-column-count:1; -moz-column-gap:0; -webkit-column-count:1; -webkit-column-gap:0; -webkit-column-count:1; -moz-column-count:1; column-count:1; -webkit-column-gap:0; -moz-column-gap:0; column-gap:0; }
#copy .column .pagination { position:relative; bottom:0; left:0; display: block; clear: both; }
}

@media only screen and (max-width:700px) {
#menu, #menu .centre, nav, nav .mainnav, nav .subnav, nav .mainnav li, nav .subnav li, nav .mainnav li ul, nav .mainnav li ul li, nav a#pull { position:inherit; width:100% !important; height:auto !important; margin:0 !important; padding:0 !important; display:block !important; clear:both !important; opacity:1 !important; }
nav .clearfix { display:none; }
nav .mainnav li a, nav .subnav li a { background:#3e8fb2; font:300 18px/18px 'Roboto', arial; color:#fff; margin:0; padding:20px 0; text-align:center; border:none; border-bottom:1px solid #3585a7; display:block; }
nav .mainnav li ul li a { background:#3585a7; color:#b0daec !important; border:none; border-top:1px solid #3585a7; }
nav .mainnav li ul li:first-child { display:none !important; }
nav a#pull { background:#3e8fb2 url(../images/box.jpg) center; position:relative; height:75px; font:300 60px/75px 'Lagoons', arial; color:#b0daec; text-shadow:none; text-transform:capitalize; text-align:center; display:block; clear:both; overflow:hidden; }
nav a#pull:after { content:""; background:url('../images/nav.png') no-repeat; width:30px; height:30px; display:inline-block; position:absolute; right:20px; top:30px; }
}

@media only screen and (max-width:660px) {
#slideshow a.nav { bottom:40%; }
#slideshow.homeslide a.nav { bottom:57%; }
.boxes .columns .specials p { top:-16%; }
.boxes .columns .specials p a { margin:10px 0; }
.boxes .columns .reviews p { top:-12%; right:5%; width:60%; }
footer .subscribe input { width:40%; }
footer .subscribe button { width:75%; padding:18px 0; }
footer .copyright p a { margin:0; padding:0; }
footer .copyright p em { display:none; }
}

@media only screen and (max-width:600px) {
html, body { background:#fff; }
#menu .divider, #menu .bookonline p, footer .bookonline p, #menu .bookonline input, footer .bookonline input, #menu .bookonline select, footer .bookonline select { display:none; }
#menu .bookonline button, footer .bookonline button { background:#0f5b99; font:300 20px/20px 'Roboto', arial; color:#fff; width:100%; height:125px; margin:0; padding:0; text-align:center; border-top-right-radius:none; display:block; clear:both; border-top:2px solid #eaf5f7; }
#menu .bookonline button span, footer .bookonline button span { font:300 14px/14px 'Roboto', arial; color:#7cabd1; margin:5px 0 0 0; text-align:center; display:block; }
#copy { padding:40px 30px; text-align:center; }
.boxes, .boxes .centre { padding:0; }
.boxes .columns .box .inner-columns { -webkit-column-count:1; -moz-column-count:1; column-count:1; }
.boxes .columns .box { margin:0; padding:0; border-radius:0 !important; }
.boxes .columns .box .inner-columns .text a { top:42%; font:100 45px/45px 'Roboto', arial; }
.boxes .columns .box .inner-columns .rooms a, .boxes .columns .box .inner-columns .wedding a, .boxes .columns .box .inner-columns .blog a { top:35%; font:85px/85px 'Lagoons', arial; }
.boxes .columns .reviews { background:url(../images/review.jpg) top right no-repeat; background-size:cover; }
.boxes .columns .reviews p { top:0; right:5%; width:75%; font:100 40px/40px 'Roboto', arial; text-align: left; }
.boxes .columns .reviews p em { left:-50px; }
.boxes .columns .specials .item .price { width:100%; float:none; }
.boxes .columns .specials p { top:0; font:100 100px/100px 'Roboto', arial; }
.boxes .columns .specials p a { font:100 30px/30px 'Roboto', arial; margin:20px 0; }
.boxes .columns .specials .item .image { display:none; }
.boxes .columns .reviews img, .boxes .columns .restaurant img, .boxes .columns .dayspa img, .boxes .columns .restaurant2 img, .boxes .columns .specials img { display:none; }
.boxes .columns .reviews img.mobile, .boxes .columns .restaurant img.mobile, .boxes .columns .dayspa img.mobile, .boxes .columns .restaurant2 img.mobile, .boxes .columns .specials img.mobile { display:block !important; }
footer .panel { height:125px; }
footer .subscribe { background:#f1f6f9; padding:75px 30px 20px 30px; }
footer .subscribe input { width:38%; }
}

@media only screen and (max-width:560px) {
#slideshow .fade .item img, #slideshow .random .item img { margin:0 0 0 -40px; }
#slideshow a.nav.prev { left:30px; }
#slideshow a.nav.next, .boxes .columns .specials a.nav.next { right:30px; }
}

@media only screen and (max-width:500px) {
.boxes .columns .specials p { top:-8%; }
.boxes .columns .reviews p { font:100 35px/35px 'Roboto', arial; text-align: left; }
footer .subscribe input { width:85%; margin:0 0 5px 0; }
}

@media only screen and (max-width:475px) {
header .logo a, header.scroll .logo a { width:auto; padding:0 30px; }
header .logo a img, header.scroll .logo a img { width:100%; height:auto; }
#slideshow .fade .item img, #slideshow .random .item img { margin:0 0 0 -80px; }
.boxes .columns .specials p { top:-15%; }
.boxes .columns .reviews p { font:100 30px/30px 'Roboto', arial; text-align: left; }
}

@media only screen and (max-width:400px) {
header .phone, header.scroll .phone { height:50px; padding:15px 0 0 0; }
#slideshow .fade .item img, #slideshow .random .item img { margin:0 0 0 -130px; }
.boxes .columns .box .inner-columns .text a { top:40%; font:100 40px/40px 'Roboto', arial; }
.boxes .columns .box .inner-columns .rooms a, .boxes .columns .box .inner-columns .wedding a, .boxes .columns .box .inner-columns .blog a { top:30%; font:75px/75px 'Lagoons', arial; }
.boxes .columns .specials a.nav.next { display: none !important; }
.boxes .columns .specials p { top:-20%; }
.boxes .columns .specials p a { margin: 10px 0; }
.boxes .columns .reviews p { font:100 25px/25px 'Roboto', arial; text-align: left; }
}

@media only screen and (max-width:375px) {
header .logo a, header.scroll .logo a { padding:0 20px; }
#slideshow a.nav { bottom:40%; }
#slideshow.homeslide a.nav { bottom:60%; }
#slideshow a.nav.prev { left:20px; }
#slideshow a.nav.next { right:20px; }
.boxes .columns .specials p { top:-25%; }
}

@media only screen and (max-width:330px) {
.boxes .columns .specials p { top:-25%; font:100 85px/85px 'Roboto', arial; }
.boxes .columns .reviews p { font:100 22px/22px 'Roboto', arial; text-align: left; }
}