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

a, a img, input, select, textarea, button, header, header .logo, header .logo img, header .tel, a#pull, a#pull:before, nav, nav ul li, nav ul li a, .content a, .boxes .box img, .bookingpanel .content form input, button, footer a, #slideshow, #slideshow .shadow, a.nav, .hover .inner, .content a h3, .ecommerce .cart #catshopclear, #gallery .item, .popup { -webkit-transition:all 0.2s ease; transition:all 0.2s ease }
html, body { background:#f4f2e9 url(../images/body-bg.png) }
#container { background:#fff; padding:10px; overflow:hidden }
#container ::-moz-selection { background:#0a2445; color:#fff }
#container ::selection { background:#0a2445; color:#fff }
#container ::-moz-selection { background:#0a2445; color:#fff }
.centre { position:relative; max-width:1455px; margin:auto }
a.anchor { top:0 !important }
b, strong { font-weight:400 !important }
.recaptcha {clear:both; width:100%;display:block; float:left; position:relative !important }

/* LOADER */

.loader { position:fixed; display:block; background:#f4f2e9 url(../images/body-bg.png); top:0; width:100%; height:100%; z-index:99999 }
.loader > .inner { display:block; background:url(../images/load.png) center no-repeat; position:relative; width:100%; height:100%; margin:0 auto }
.loader .top { position:fixed; display:block; background:#BE8A44; width:0; height:7px; top:50%; left:50%; margin:-102px 0 0 -83px }
.loader .bottom { position:fixed; display:block; background:#BE8A44; width:0; height:7px; top:50%; right:50%; margin:70px -90px 0 0 }
.loader .right { position:fixed; display:block; background:#BE8A44; width:7px; height:0; top:50%; left:50%; margin:-102px 0 0 83px }
.loader .left { position:fixed; display:block; background:#BE8A44; width:7px; height:0; bottom:50%; left:50%; margin:0 0 -77px -90px }
.top.loaded { -webkit-animation-name:loadTop; animation-name:loadTop; -webkit-animation-duration:0.5s; animation-duration:0.5s; -webkit-animation-timing-function:ease; animation-timing-function:ease; -webkit-animation-iteration-count:1; animation-iteration-count:1; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards }
.right.loaded { -webkit-animation-name:loadRight; animation-name:loadRight; -webkit-animation-duration:0.5s; animation-duration:0.5s; -webkit-animation-delay:0.5s; animation-delay:0.5s; -webkit-animation-timing-function:ease; animation-timing-function:ease; -webkit-animation-iteration-count:1; animation-iteration-count:1; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards }
.bottom.loaded { -webkit-animation-name:loadBottom; animation-name:loadBottom; -webkit-animation-duration:0.5s; animation-duration:0.5s; -webkit-animation-delay:1s; animation-delay:1s; -webkit-animation-timing-function:ease; animation-timing-function:ease; -webkit-animation-iteration-count:1; animation-iteration-count:1; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards }
.left.loaded { -webkit-animation-name:loadLeft; animation-name:loadLeft; -webkit-animation-duration:0.5s; animation-duration:0.5s; -webkit-animation-delay:1.5s; animation-delay:1.5s; -webkit-animation-timing-function:ease; animation-timing-function:ease; -webkit-animation-iteration-count:1; animation-iteration-count:1; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards }
/* PRELOADER KEYFRAMES */
@-webkit-keyframes loadTop { 100% {width:173px}}
@-webkit-keyframes loadRight { 100% {height:179px}}
@-webkit-keyframes loadBottom { 100% {width:173px}}
@-webkit-keyframes loadLeft { 100% {height:179px}}
@keyframes loadTop { 100% {width:173px}}
@keyframes loadRight { 100% {height:179px}}
@keyframes loadBottom { 100% {width:173px}}
@keyframes loadLeft { 100% {height:179px}}

/* HEADER */

header { background:rgba(255,255,255,0); position:absolute; top:25px; left:0; width:100%; height:135px; z-index:9999; border-left:10px solid #fff; border-right:10px solid #fff; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) }
header .centre { max-width:1920px }
header .logo { position:absolute; top:5px; left:140px; margin:0; padding:0; display:block }
header .tel { display:none }

/* NAV */

nav { position:absolute; left:50%; top:20px; margin-left:-525px; z-index:999 }
nav ul { position:relative; margin:0; padding:0; list-style:none; display:block }
nav ul li { position:relative; height:100%; float:left; margin:0 10px; border-bottom:1px solid rgba(255,255,255,0.1) }
nav ul li a { font:300 20px/20px 'Lato', sans-serif; color:#fff; padding:0 10px 10px 10px; text-align:center; text-transform:uppercase; display:block; width:100%; height:100% }
nav ul li ul { position:absolute; top:20px; left:50%; display:none; min-width:240px; margin:0 0 0 -120px; padding:30px 0 20px 0; overflow:hidden; box-shadow:0 0 3px 0 rgba(0,0,0,0); z-index:9999 }
nav ul li ul li { background:rgba(51,51,51,0.6); height:auto; width:100%; display:block; border:none; border-bottom:0 !important }
nav ul li ul li a {font:400 14px/18px 'Lato', sans-serif !important; color:#fff; display:block; padding:12px 17px; text-align:left; max-width:250px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
nav ul li ul li.gallery, nav ul li ul li.location { display:none }
nav a#pull { display:none; color:#fff; cursor:pointer }
nav .location2 {display:none}
nav .pagination {display:none!important}

/* SLIDESHOW */

#slideshow { background:#333; position:relative; width:100%; height:auto; margin:0; padding:0; overflow:hidden; cursor:default }
#slideshow .shadow { background:url(../images/shadow.png) top repeat-x; position:absolute; top:-200px; left:0; width:100%; height:650px; z-index:5 }
#slideshow .fade { overflow:hidden; height:auto !important; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) }
#slideshow .fade .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; cursor:default }
#slideshow .fade .item img { width:100%; height:auto; margin:0; padding:0; display:block; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1 }
#slideshow a.nav { position:absolute; width:24px; height:36px; bottom:40px; margin:0; cursor:pointer; z-index:20 }
#slideshow a.nav.prev { background:url(../images/arrows.png) top left; right:100px }
#slideshow a.nav.next { background:url(../images/arrows.png) top right; right:50px }
.left-nav a.nav { position:absolute; width:24px; height:36px; bottom:40px; margin:0; cursor:pointer; z-index:20 }
.left-nav a.nav.prev { background:url(../images/arrows.png) top left; left:50px }
.left-nav a.nav.next { background:url(../images/arrows.png) top right; left:100px }
#slideshow .mobile-image {display:none }

/* BOOKING PANEL */

.bookingpanel { position:relative; background:#f5f2ee url(../images/header.png) center top no-repeat; width:100%; height:130px; margin-bottom:8px }
.bookingpanel .content { position:relative; text-align:center; padding:25px 0 0 0 }
.bookingpanel .content > span { display:inline-block; width:5% }
.bookingpanel .content h3 { display:inline-block; font:300 30px/30px 'Lato', sans-serif; color:#0a2445; margin-right:10px }
.bookingpanel .content p { position:relative; display:inline-block; font:400 28px/28px 'Lato', sans-serif; top:15px; margin:0; text-align:right }
.bookingpanel .content p .tel { color:#0a2445 }
.bookingpanel .content p .mail { color:#c78e44; font-size:18px }
.bookingpanel .content form { position:relative; top:-5px; display:inline-block }
.bookingpanel .content form input { background:#fff url(../images/datepicker.png) right top no-repeat; padding:15px 70px 15px 15px; margin:0 25px 0 0; font:400 14px/16px 'Lato', sans-serif; cursor:pointer; box-shadow:#cecece 2px 2px 2px -1px }
.bookingpanel .content form button, .dining-book { padding:15px 30px; margin-left: 20px; margin-right: 20px; background:#be8a44; color:#fff; font:400 14px/16px 'Lato', sans-serif; cursor:pointer; color:#fff !important; }
.content p a.dining-book { display:inline-block; }

/* SLIDER BOXES */

.boxes { position:relative; width:100%; clear:both; overflow:hidden }
.boxes .box { background:#be8a44; position:relative; width:25%; float:left; border-left:4px solid #fff; border-right:4px solid #fff }
.boxes .box:first-child { border-left:0; border-right:6px solid #fff }
.boxes .box:nth-child(4) { border-left:6px solid #fff; border-right:0 }
.boxes .box .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; cursor:default }
.boxes .box img { width:100%; height:auto; display:block; margin:0; padding:0; -webkit-transform:scale(1); transform:scale(1); -webkit-transition:all 1s ease; transition:all 1s ease }
.boxes .nav { position:relative; margin:-13% 0 0 -10px; bottom:10px; float:left }
.boxes .quote { position:absolute; top:0; width:100%; z-index:1 }
.boxes .quote p { background:rgba(255,255,255,0.4); width:65%; padding:25px 0; margin:35px auto; border:1px solid rgba(255,255,255,0.2); text-align:center; box-shadow:#000 1px 1px 3px -2px; -webkit-transition:all 0.2s ease; transition:all 0.2s ease }
.boxes .quote p a { background:#fff; padding:10px 25px; font:300 22px/22px 'Lato', sans-serif; color:#919395; box-shadow:#000 0 0 3px -2px; text-transform:uppercase; -webkit-transition:all 0.5s ease; transition:all 0.5s ease }
.boxes a.nav.prev { left:76% }
.boxes a.nav.next { left:88% }

/* MAIN CONTENT */

#home main { width:90%; padding:70px 0; margin:auto }
#home .content h1 { font:300 50px/65px 'Lato', sans-serif; color:#8f9090; text-align:right; margin-top:-8px }
#home .content p { margin:0 }
#home .content p.intro { font:400 28px/34px 'Lato', sans-serif; color:#8f9090 }
#home .content .w33 { position:relative; width:33.33%; float:left; padding:0 45px }

main { width:90%; padding:40px 0; margin:auto; overflow:hidden; font:300 17px/22px 'Lato', sans-serif }
.content div.w50 { float:left; padding:0 25px }
.content h1 { font:300 50px/50px 'Lato', sans-serif; color:#0A2445; margin-bottom:20px }
.content h2 { font-size:40px; line-height:45px; color:#0A2445 }
.content h3 { font-size:30px; font-weight:400; line-height:38px; color:#0A2445; margin:0 0 20px 0 }
.content h4, .content ul h3, .content.blog h3 { font-size:23px; font-weight:400; line-height:34px; color:#0A2445 }
.content h1 a, .content h3 a, .content h2 a, .content h4 a { color:#0a2445; padding:0.05em 0.5em }
.content p, .productAttributes { font:300 16px/22px 'Lato', sans-serif; color:#8f9090; margin-bottom:15px }
.dark-text p {color:#525252 }
.content p.intro, .content span.intro { font:300 28px/34px 'Lato', sans-serif; color:#8f9090; margin-bottom:30px }
.content p.terms { font:300 14px/18px 'Lato', sans-serif }
.content a { color:#0a2445; font-weight:bold }
.content a.btn { background:#be8a44; color:#fff; line-height:60px; padding:15px 25px; }
.content ul { display:block; background:#eee url(../images/body-bg.png) top left repeat; margin:0 0 2px 0; padding:25px; list-style:none; font:300 17px/22px 'Lato', sans-serif; overflow:hidden }
.content ul.w50 { display:inline-block; float:left; border-right:10px solid #fff }
.content ul.w33 { display:inline-block; float:left; border-right:10px solid #fff }
.content li { margin:5px 0 0 0; padding:0 0 0 25px; line-height:1.25em; color:#333 }
.content li:before { display:block; position:absolute; margin:4px 0 0 -28px; width:10px; height:10px; content:''; border:1px solid #be8a44; border-radius:50px }
.content .dropCap { position:relative; font:400 140px/50px "Lovers Quarrel", arial; color:#8f9090; bottom:-10px; left:-15px }
.content .contBg { background:#eee; margin:40px 0; padding:40px }
.content .nowrap {white-space:nowrap }
.content ul h2 { padding:5px 0 15px 0 }
.content .trustyou .w50 h4 { margin:120px 0 }
.content .w50.middle { margin:70px 0 }
.content .w50.middle h3 { margin-bottom:70px;text-align:center}
.content .w50.middle img {margin:auto }
.w25 { width:25% }
.w33 { width:33.33% }
.w50 { width:50% }
.w100 { width:100%; clear:left }
.street-view { position:relative; display:inline-block; width:100%; margin-bottom:-3px }
.street-view .overlay { position:absolute; width:100%; height:100%; z-index:10 }
.street-view iframe { position:absolute; width:100%; height:100%; padding:0 5px; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) }
.street-view-btn {display:none }

/* Reviews */
main .content p .quote { background:url(../images/quote.png) center no-repeat; width:29px; height:25px; margin:0 5px -2px 0; display:inline-block }
main .content .column { position:relative; width:100%; margin:0; padding:0; -moz-column-count:3; -moz-column-gap:10px; -webkit-column-count:3; -webkit-column-gap:10px; -webkit-column-count:3; -moz-column-count:3; column-count:3; -webkit-column-gap:10px; -moz-column-gap:10px; column-gap:10px; display:block; clear:both }
main .content .column.fix { padding:0 0 100px 0 }
main .content .column > div {     background: #eee url(../images/body-bg.png) top left repeat; width:100%; margin:0 0 10px 0; padding:30px 0; display:inline-block; overflow:hidden; -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) }
main .content .column > div h3, main .content .column > div p, main .content .column > div ul { padding:0 30px }
main .content .column > div h3 span { background:#fff; position:inherit; margin:0 10px 0 0; padding:10px; display:inline-block }
main .content .column > div h3 { font:300 32px/38px 'Raleway', sans-serif }
main .content .column > div p.fine { color:#B28344 !important; font:300 16px/22px 'Raleway', sans-serif }
main .content .column > div p.managercomment { font:300 12px/16px 'Raleway', sans-serif }
main .content .column .pagination { position:absolute; bottom:0; left:0 }
main .content .pagination { background:none; width:100%; height:auto; min-height:auto; margin:0; padding:25px 0; text-align:left; border:none; box-shadow:none; display:inline-block }
main .content .pagination li { margin:0 5px 0 0; padding:0; display:inline-block; text-transform:lowercase }
main .content .pagination li a, main .content .pagination li.pag-current { background:#fff; color:#666; padding:4px 8px }
main .content .pagination li.pag-current { background:#333; font-weight:bold; color:#fff; margin:-5px 5px 0 0; padding:6px 9px !important }
main .content.pagination li a:hover, main .content .pagination li.pag-next a, main .content .pagination li.pag-prev a { background:#fff; color:#333 }

/* CONTENT BOXES */
#grid { display:inline-block; width:100% }
#grid .columns { float:left; padding:0 }
#grid .box { position:relative; background:#eee; margin:10px 5px }
#grid .box .inner { padding:20px }
#grid[data-columns]::before { content:'3 .columns.w33' !important }
@media screen and (max-width:700px) {#grid[data-columns]::before {content:'1 .columns.w100'!important }}
@media screen and (min-width:701px) and (max-width:1280px) {#grid[data-columns]::before {content:'2 .columns.w50'!important }}
@media screen and (min-width:1281px) {#grid[data-columns]::before {content:'3 .columns.w33'!important }}

#grid .box.cream { background:#eee url(../images/body-bg.png) top left repeat }
#grid .box .wrapper { overflow:hidden }
#grid .box.hover .inner { opacity:0; background:rgba(238, 238, 238, 0.7); position:absolute; width:100%; height:100%; top:0; text-align:center; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
#grid .box h2 { font-size:42px }
#grid .box h3 { line-height:35px }
#grid .box p { margin:20px 0 }
#grid .box ul { padding:0 }
#grid .box.hover h3 { margin:45% 0 10px 0 }
#grid .box.quote {background:#0A2445 url(../images/bg.jpg) center top no-repeat }
#grid .box.quote p {font:300 30px/35px 'Lato', arial; color:#E6E6E6; padding:20px 25px; margin:0 }
#grid .box .btn { background:#be8a44; color:#fff; line-height:60px; padding:15px 25px }
#grid .box img { width:100%; height:auto; -webkit-transition:all 1s ease; transition:all 1s ease }
#grid .box form { padding:20px }
#grid .box form input { background:#fff; width:100%; margin:5px 0; padding:10px 15px; font-size:16px }
#grid .box form button { background:#be8a44; color:#fff; font-weight:400; margin-top:10px; padding:15px 20px }
/*
main .content .extyes .wrapper:nth-child(3), main .content .extyes .inner:nth-child(4) { display:none }
main .content .extno .wrapper:nth-child(1), main .content .extno .inner:nth-child(2) { display:none }
*/

/* PHOTO GALLERY */
.gallery main { margin-top:150px }
#gallery { position:relative; width:100%; height:auto; margin:0; padding:0; display:block; clear:both }
#gallery .item { background:#f5f3f0; position:relative; height:auto; margin:0 1px 1px 0; padding:0; float:left; overflow:hidden }
#gallery .item .mobilefix { background:url(../images/blank.png); position:absolute; top:0; left:0; width:1000px; height:1000px; z-index:10; display:none }
#gallery .item img { width:100%; height:auto; margin:0; padding:0 }
#gallery .type0 a img.portrait, #gallery .type1 a img.landscape { display:none }
#gallery .type1 a img.portrait, #gallery .type0 a img.landscape { display:block }
#gallery .column { margin-bottom:1px; float:left }
#gallery .w100 { width:100% }
#gallery .w50 { width:50% }
#gallery .w33 { width:33.33% }
#gallery .w25 { width:25% }
.tooltip { background:#fff; position:absolute; font:400 16px/16px 'Lato', arial; color:#4f4845; padding:10px 12px; box-shadow:1px 1px 0 rgba(0,0,0,.2); text-transform:lowercase; z-index:999999 }
.pinit { width:40px; height:20px; background:#fff url(../images/pinit.png) top; display:block; border-radius:2px; box-shadow:1px 1px 0 rgba(0,0,0,.1); position:absolute; top:37px; left:10px }
.pinit:hover { background:#CB2027 url(../images/pinit.png) bottom }
@media screen and (max-width:800px) { #gallery[data-columns]:before { content:'2 .column.w50' !important }}
@media screen and (min-width:801px) and (max-width:1060px) {#gallery[data-columns]:before { content:'3 .column.w33' !important }}
@media screen and (min-width:961px) { #gallery .over { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important; opacity:0.5 !important; -webkit-filter:grayscale(90%) !important; -moz-filter:sepia(90%) !important; filter:sepia(90%) !important }}
@media screen and (min-width:1061px) { #gallery[data-columns]:before { content:'4 .column.w25' !important }}

/*=========================================================================
		SOCIAL GALLERY
=========================================================================*/

.social-gallery {  text-align:center; padding:0px 0 0; }
.social-gallery h3 { color:#333; font:900 16px/1.2em "Lato", sans-serif; margin:50px 0 0 0; text-align:center; letter-spacing:0.05em; text-transform:uppercase; }
.social-gallery ul.social-icons, .social-gallery ul.social-icons li { list-style:none; margin:0; padding:0; }
.social-gallery ul.social-icons { margin:0 0 0 0; }
.social-gallery ul.social-icons li { display:inline; margin:0 8px; }
.social-gallery ul.social-icons li a { color:#59ced9; font-size:28px; background:#fff; padding:16px 16px; border-radius:50px; }

.social-gallery .icon-instagram { background:#59ced9; color:#fff; padding:25px; border-radius:60px; margin:30px 0 0 0; font-size:28px; position:absolute; top:210px; z-index:1; left:0; right:0; margin:0 auto; width:80px; }

#instaboxes { margin:5px 0 0 0; }
#instaboxes, #instaboxes ul { width:100%; list-style:none; }
#instaboxes ul{ display:table; }
#instaboxes ul li { position:relative; width:16.66%; 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; }
#instaboxes ul li img { width:130%; margin-left:-15%; margin-top:-15%; margin-bottom:-15%; height:auto; display:block; }
#instaboxes ul li a { background:rgba(0, 0, 0, 0.5) url('/_System/images/likes-2.png') bottom left no-repeat; position:absolute; bottom:0; left:0; height:40px; font: 300 25px/38px 'Roboto', sans-serif; color:#fff; padding:0 10px 0 46px; overflow:hidden; z-index:10; }

/* Colorbox for Image Gallery */
#colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:9999; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) }
#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:#655d59 }
#cboxContent { margin-top:32px; overflow:visible; background:#fff }
.cboxIframe { background:#655d59 }
#cboxError { padding:50px }
#cboxLoadedContent { background:#fff }
#cboxLoadingGraphic { background:#fff url(../images/load.gif) 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 { display:none !important }
#cboxPrevious { position:absolute; top:50%; left:-35px; margin-top:-40px; background:url(../images/bg-colorbox-nav.png) bottom left no-repeat }
#cboxNext { position:absolute; top:50%; right:-35px; margin-top:-40px; background:url(../images/bg-colorbox-nav.png) top left no-repeat }
#cboxClose { background:url(../images/bg-colorbox-close.png) center no-repeat; position:absolute; top:-69px; right:-69px }
#cboxPrevious, #cboxNext, #cboxClose { width:69px; height:69px; text-indent:-9999px; z-index:9999; border:0; display:block; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) }
section.social-gallery a.instagram { font: 400 30px/125px "Playfair Display", arial; color: #be8a44; margin: 0 50px 0 0; display: inline-block;}
#cboxSlideshow { display:none !important }

/*Table*/
.responsiveTable { margin:0 auto; position:relative; overflow-y:scroll }
.responsiveTable table { margin:40px 0; float:left; width:1000px }
.responsiveTable table.fullWidth { width:100% }
.responsiveTable th, .responsiveTable .room { font-weight:bold }


.responsiveTable td, .responsiveTable th { margin:0; padding:5px 20px; text-align:left }


/* BANNER */

.banner { clear:both; height:120px; background:#f5f2ee url(../images/header.png) center top no-repeat; border-bottom:8px solid #fff }
.banner h3 { position:relative; text-align:center; font:300 30px/110px 'Lato', sans-serif; color:#0a2445 }
.banner h3 span { padding:0 20px }

/* SUBSCRIBE STRIP */

.subscribe { background:#f5f2ee; height:130px; border-top:4px solid #fff }
.subscribe div { text-align:center }
.subscribe h3 { font:400 30px/125px "Playfair Display", arial; color:#be8a44; margin:0 50px 0 0; display:inline-block }
.subscribe form { position:relative; top:-4px; display:inline-block }
.subscribe form input { background:#fff; padding:15px 150px 15px 15px; margin:0 25px 0 0; font:400 14px/16px "Lato", arial; box-shadow:#cecece 2px 2px 2px -1px }
.subscribe form button { padding:15px 40px; background:#be8a44; color:#fff; font:400 14px/16px "Lato", arial; cursor:pointer }

/* WINE APPRECIATION SUBSCRIBE */
div.wine-subscribe > div { text-align:center }
div.wine-subscribe {width:100%; padding:30px 0 35px; background:#F5F2EE url("../images/body-bg.png") repeat scroll left top }
.wine-subscribe input { background:#fff; padding:15px 15px 15px 15px; margin:0 10px 0 10px; font:400 14px/16px "Lato", arial; box-shadow:#cecece 2px 2px 2px -1px }
.wine-subscribe button { padding:15px 80px; margin:0 10px; background:#be8a44; color:#fff; font:400 14px/16px "Lato", arial; cursor:pointer; text-align:center }

/* FOOTER */

footer { background:#0a2445 url(../images/bg.jpg) top left repeat-x !important; padding:25px 0 }
footer .info { padding:25px 0; font:400 16px/16px 'Lato', sans-serif; color:#94a2bc; text-align:center }
footer .info a { color:#94a2bc !important }
footer .info a.tel { color:#be8a44 }
footer strong { color:#0a2445; font-weight:normal }
footer .info span { margin:0 8px; color:#506180 }
footer .awards img { margin:0 auto; height:100px; width:auto; }
footer .social { background:url(../images/social-bg.png) center no-repeat !important; height:100px }
footer .social span { position:relative; top:30px; left:50%; margin-left:-100px }
footer .social a { position:relative; display:inline-block; width:45px; height:36px }
footer .social a.facebook { background:url(../images/facebook.png) center top no-repeat !important }
footer .social a.google { background:url(../images/google.png) center top no-repeat !important }
footer .social a.instagram { background:url(../images/instagram.png) center top no-repeat !important }
footer .social a.pinterest { background:url(../images/pinterest.png) center top no-repeat !important }
footer .copyright { padding:20px; text-align:center; font:400 13px/15px 'Lato', sans-serif; color:#506180 }
footer .copyright a { margin:0 15px; color:#506180 }
footer .copyright a.pd { position:relative; bottom:-7px; padding:0 0 0 10px; width:172px; height:23px; display:inline-block }

/* DATE PICKER CALENDER */

.ui-datepicker { background:#eee; font-family:'Lato',arial; width:520px !important; margin:9px 0 0 0; padding:5px 0; font-size:16px; line-height:20px; border-radius:0px; float:left; display:none; z-index:10 !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:#0a2445; width:260px; height:40px; margin:-5px 0 0 -5px; padding:10px 0; color:#fff; text-transform:lowercase }
.ui-datepicker .ui-datepicker-title { font-size:16px; font-weight:bold; line-height:20px; text-align:center }
.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:#c78e44; color:#fff }
.ui-widget-header .ui-state-hover { opacity:0.50; filter:Alpha(Opacity=50); cursor:pointer }
.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 }

/* GIFT VOUCHER ONLINE SHOP */

.shop-main { font-family:"Lato", arial }
.shop-main .header { background:#be8a44 url(/_System/images/cart.png) left center no-repeat; width:100%; height:50px; padding:0 30px 0 60px; color:#fff }
.shop-main .header.blue { background-color:#0A2445 }
.shop-main .header #catCartSummary, .shop-main .header .cart { display:inline-block; position:relative; top:15px }
.shop-main .header #catCartSummary { float:right }
.shop-main .header a { padding-left:20px; color:#fff }
.shop-main .products { padding-bottom:80px }
.shop-main .products table, .shop-main .products table tr { display:inline-block; width:100% }
.shop-main .products table.productSmall td { display:inline-block; background:#eee; width:25%; border:5px solid #fff }
.shop-main .products .productSmall img { width:100%; height:auto }
.shop-main .products .productLarge .image, .shop-main .products .productLarge .details { display:inline-block; width:50%; padding:30px; float:left }
.shop-main .products .productLarge .image img { width:100%; height:auto }
.shop-main .products h3 { font-size:30px; font-weight:400; line-height:38px; padding:10px 20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.shop-main .products h3 a { color:#0A2445; padding:0; font-weight:inherit }
.shop-main .products p, .productAttributes { padding:5px 20px; color:#8f9090; margin:0 }
.shop-main .products .description { display:block; clear:both }
.shop-main .products .productTextInput { background:#f5f5f5; width:25px; border:1px solid #e2e2e2; color:#8f9090 }
.shop-main .products .btns { display:block; margin:5% 0; color:#8f9090; text-align:center; overflow:hidden }
.shop-main .products .productLarge .btns { text-align:left }
.shop-main .products .productSubmitInput, .shop-main .products .read-more { background:#be8a44; font-weight:300; padding:10px 15px; color:#fff; vertical-align:baseline }
.shop-main .products .read-more { padding:11.5px 16px; display:inline-block }
.shop-main .productAttributes div:nth-child(odd) { margin-top:10px }
.shop-main .productAttributes span { margin:0 5px }
.shop-main .productAttributes select { border:1px solid #eee; cursor:pointer; color:#8f9090 }
/* Shopping Cart */
.ecommerce .cart { font-family:'Lato', arial !important }
.ecommerce .cart .product-name a { color:#002651; text-decoration:none; font-size:20px }
.ecommerce .cart #catshopclear, .ecommerce .cart #catshopbuy { font:300 12px/12px 'Lato', arial; margin:25px 0; padding:10px; text-align:center; text-transform:uppercase; display:inline-block }
.ecommerce .cart #catshopclear { background:#f5f5f5; border:1px solid #dcdcdc; color:#333; margin:0 }
.ecommerce .cart #catshopbuy { width:160px; background:#002651; border:1px solid #002651; color:#fff; float:right }
.ecommerce .cart .totalContainer .total, .ecommerce .cart .totalContainer .sub-total { font:400 20px/24px 'Lato', arial; color:#002651 }
.ecommerce .cart .title h4 { font:300 16px/20px 'Lato', arial; color:#002651; text-transform:uppercase }
.ecommerce .cart .totalContainer .sub-total, .ecommerce .cart .totalContainer .total, .ecommerce .cart .totalContainer .shipping { height:30px; text-transform:uppercase; margin-top:10px }
.ecommerce .cart .totalContainer .sub-total h3, .ecommerce .cart .totalContainer .total h2 { margin:0 0 5px 0 !important; font:400 26px/26px 'Lato', arial; color:#002651 }
.ecommerce .cart .totalContainer .sub-total h4 { display:inline }
.ecommerce .cart .totalContainer .sub-total h4:first-child { padding-right:15px }
.ecommerce .cart .totalContainer .left { float:left }
.ecommerce .cart .totalContainer .right { float:right }
.ecommerce .cart .flex-table { width:100%; margin-bottom:30px; border:2px solid #e8e8e8; border-collapse:separate; border-radius:5px }
.ecommerce .cart .flex-table td, .flex-table th { padding:10px; border-right:1px solid #e0e0e0 }
.ecommerce .cart .flex-table td:last-child, .flex-table th:last-child { border-right:0 }
.ecommerce .cart .flex-table thead th { border-bottom:1px solid #e0e0e0; background:#f4f4f4; font-size:13px; font-weight:bold; line-height:1.4; text-align:left; text-transform:capitalize; white-space:nowrap }
.ecommerce .cart .flex-table thead th:first-child { border-top-left-radius:4px }
.ecommerce .cart .flex-table thead th:last-child { border-top-right-radius:4px }
.ecommerce .cart .flex-table tbody tr td { border-bottom:2px solid #e8e8e8; vertical-align:top }
.ecommerce .cart .flex-table tbody tr:last-child td { border-bottom:0 }
.ecommerce .cart .flex-table tfoot td { border-top:1px solid #e0e0e0; background:#f4f4f4 }
.ecommerce .cart .flex-table tfoot td:first-child { border-bottom-left-radius:4px }
.ecommerce .cart .flex-table tfoot td:last-child { border-bottom-right-radius:4px }
.ecommerce .cart .cart-item-wrapper { position:relative; width:100%; min-height:69px; padding-left:115px }
.ecommerce .cart .cart-item-wrapper .product-image { position:absolute; left:0; top:0; width:100px; height:59px; overflow:hidden }
.ecommerce .cart .cart-item-wrapper .product-image img { width:100% }
.ecommerce .cart #cart-checkout-methods .button { width:100% }
.ecommerce .cart .input-text input { margin:4px; border:1px solid #d8d8d8; background:#fff; font-size:16px; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:2px; moz-border-radius:2px; border-radius:2px; box-shadow:#f4f4f4 0 0 0 4px; width:45px; padding:0 8px; height:34px; max-width:100% }
.ecommerce .cart .cart-price-total { font-weight:bold }
.ecommerce .cart .remove-link a { position:relative; display:inline-block; margin-top:8px; padding-left:20px; color:#e94646; font-size:12px }
.ecommerce .cart .remove-link a:before { content:''; position:absolute; left:0; top:0; width:11px; height:11px; background:url('../images/remove.png') 0 0 no-repeat }
.ecommerce .cart .image img { width:200px }

#catCartDetails a.cartLink { display:block; margin:100px 10% }
#catCartDetails a.cartLink.backButton { margin:5% 0 }
/*Google Map*/
#google-map { position:relative; padding-bottom:45%; overflow:hidden; max-width:100%; height:auto; margin:25px 0 0 0 }
#google-map iframe, #google-map object, #google-map embed { position:absolute; top:0; left:0; width:100%; height:100% }
#google-map .overlay { background:transparent; position:absolute; top:0; left:0; width:100%; height:100%; z-index:99 }
#google-map.dining-map { padding-bottom:25%; }



.wine-dine-products .products { padding-bottom:80px }
.wine-dine-products .products table { display:inline-block; width:25% }
.shop-main .products table tr { display:inline-block; width:100% }
.wine-dine-products .products table.productSmall td { display:inline-block; background:#f9f8f6; width:100%; border:5px solid #fff }
.wine-dine-products .products .productSmall img { width:100%; height:auto }
.wine-dine-products .products .productLarge .image, .shop-main .products .productLarge .details { display:inline-block; width:50%; padding:30px; float:left }
.wine-dine-products .products .productLarge .image img { width:100%; height:auto }
.wine-dine-products .products h3 { font-size:22px; font-weight:400; line-height:28px; padding:15px 20px; height:110px; margin-bottom:0 }
.wine-dine-products .products h3 a { color:#0A2445; padding:0; font-weight:inherit }
.wine-dine-products .products p, .productAttributes { padding:5px 20px; color:#8f9090; margin:0 }
.wine-dine-products .products .description { display:block; clear:both }
.wine-dine-products .productTextInput { background:#f5f5f5; width:25px; border:1px solid #e2e2e2; color:#8f9090 }
.wine-dine-products .btns { display:block; margin:5% 0; color:#8f9090; text-align:center; overflow:hidden }
.wine-dine-products .productLarge .btns { text-align:left }
.wine-dine-products .productSubmitInput, .shop-main .products .read-more { background:#be8a44; font-weight:300; padding:10px 15px; color:#fff; vertical-align:baseline }
.wine-dine-products .products .read-more { padding:11.5px 16px; display:inline-block }
.wine-dine-products .products .productSubmitInput, .wine-dine-products .products .read-more { background:#be8a44; font-weight:300; padding:10px 15px; color:#fff; vertical-align:baseline }
.wine-dine-products .products .productSubmitInput:hover, .wine-dine-products .products .read-more:hover { background:#0a2445 }

.wine-dine-products .next-dinner { background:#F5F2EE; padding:30px; margin-bottom:30px }
.wine-dine-products .next-dinner h3 { font-weight:300 }
.wine-dine-products .next-dinner h4 { color:#c78e44; font:400 20px/1em "Playfair Display",arial }

/* Form */

.form { display:block; position:relative; width:100%; margin:0 auto; clear:both; padding-bottom:50px }
.form input, .form select, .form textarea { background:none; margin:0; padding:25px 0; width:48%; float:left; color:#777; border:none; border-bottom:2px solid #be8a44 }
.form label, .form .labelAdd { color:#777; padding:35px 0 20px 0; display:inline-block }
.form label { padding-left:4% }
.form input[type=checkbox] { display:inline-block; width:auto; float:none; margin:0 20px }
.form textarea { margin-bottom:0; width:100%; float:none; clear:both }
.form select { padding:24px 0; cursor:pointer }
.form select optgroup { font-weight:bold }
.form select optgroup option { font-weight:normal }
.form input#checkin, .form input#checkout { background:url('../images/datepicker.png') top right no-repeat; cursor:pointer }
.form div { bottom:-7px }
.form input[type=submit] { background:#0A2445; margin:0px 0 0 0; padding:15px 25px 20px 25px; position:relative; float:right; width:auto; clear:both; cursor:pointer; color:#eee; border:1px solid #0A2445 }
.form input:nth-of-type(even), .form .right { float:right }
.form .left { float:left!important }
.form input.fullWidth { width:100% }
.form br { clear:both }
.form h3, .form h4 {display:inline-block;width:100%;margin-top:50px }
.form .paypal { width:228px; height:44px; border:none; margin-top:20px; padding:0; float:right }
.form .mandatory::-webkit-input-placeholder { line-height:1.56em; opacity:1; color:#1560B7 }
.form .mandatory:-moz-placeholder { line-height:1.56em; opacity:1; color:#1560B7 }
.form .mandatory::-moz-placeholder { line-height:1.56em; opacity:1; color:#1560B7 }
.form .mandatory:-ms-input-placeholder { line-height:1.56em; opacity:1; color:#1560B7 }
.form [required]::-webkit-input-placeholder { line-height:1.56em; opacity:1; color:#1560B7 }
.form [required]:-moz-placeholder { line-height:1.56em; opacity:1; color:#1560B7 }
.form [required]::-moz-placeholder { line-height:1.56em; opacity:1; color:#1560B7 }
.form [required]:-ms-input-placeholder { line-height:1.56em; opacity:1; color:#1560B7 }
.form input[type=number]::-webkit-inner-spin-button, .form input[type=number]::-webkit-outer-spin-button {  -webkit-appearance:none;  margin:0;  }

/*FAQ*/
.content .faq p { margin:0 0 10px 0 }
.faq p strong { font-size:18px; line-height:20px; color:#707070}
.content .faq p:hover { cursor:pointer }
.content .faq p span { display:none }
.content .faq p span:hover { cursor:text }
.content .faq > div { width:33%; float:left; padding-bottom:80px; margin-top:5px }

/*Custom*/
.literature-container span.icon { display:inline-block }
ul.w50.templebeauty {margin-top:-45px }

/*Full Width Video*/
.videoWrapper { position:relative; padding-bottom:56.25%; /* 16:9 */ padding-top:25px; height:0 }
.videoWrapper iframe { position:absolute; top:0; left:0; width:100%; height:100% }
p.videoTitle { margin:30px 0 0 0 !important }

/* Html5 Video */

#video { z-index:4; 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) }
.video-slideshow a.nav {display:none !important }

/* Popups */

.popup { opacity:0; color:#fff; z-index:9999999; font:300 17px/22px "Lato",sans-serif; width:100%; height:100%; top:0; position:fixed; left:0; pointer-events:none }
.popup.active { opacity:1; pointer-events:all }
.popup.active .popup_content { background:#f5f2ee url("../images/header.png") no-repeat scroll center top; padding:30px; width:580px; margin:0; transform:translateY(-50%) translateX(-50%); position:fixed; top:50%; left:50% }
.popup .overlay_popup { position:absolute; top:0; bottom:0; left:0; right :0; background:rgba(0,0,0,0.8) }
.popup form { padding:0 }
.popup form input { width:100%; padding: 20px 0;}
.popup form input:nth-child(2n), .popup .form .right { float:none }
.popup form input[type="submit"] { margin:30px 0 0 0 }
.popup form input[type="submit"]:hover { background:#0a2445 !important; color:#fff; -webkit-transform:scale(1.06); transform:scale(1.06) }
.popup .closepop { background:url('/_System/images/close-popup.png') 0 0 no-repeat; width:69px; height:69px; position:absolute; top:-50px; right:-50px }

/* HOVERS */

@media only screen and (min-width:1075px) {
a.nav:hover { opacity:0.70; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" }
nav ul li:hover { border-color:#be8a44 }
nav ul li:hover > a { color:#fff }
nav ul li ul li:hover { background:#0a2445 }
nav ul li ul li:hover a { color:#fff }
header .logo:hover img { -webkit-transform:scale(1.02); transform:scale(1.02) }
header.scroll nav ul li ul li:hover { background:#0a2445 }
header.scroll nav ul li ul li:hover a { color:#fff }
.content a:hover, .content a:hover h3 { color:#be8a44 }
.content .pagination li a:hover, #form input[type="submit"]:hover { background:#0a2445 }
#grid .box .btn:hover, .content a.btn:hover { background:#0a2445; color:#fff }
#grid .box a img:hover, #grid .hover:hover a img { -webkit-transform:scale(1.05); transform:scale(1.05) }
#grid .hover:hover .inner { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
#form input:hover, #form textarea:hover, #form input:focus, #form textarea:focus, #form select:hover, #form select:focus { border-bottom:2px solid #0a2445 }
#form input[type="submit"]:hover { border:none }
form button:hover { background:#0a2445 !important; color:#fff; -webkit-transform:scale(1.06); transform:scale(1.06) }
.bookingpanel .content p .mail:hover { color:#be8a44 }
.bookingpanel .content form input:hover { background-position:bottom right }
.boxes .box img.effect { opacity:0.50; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -webkit-transform:scale(1.05); transform:scale(1.05) }
.boxes .quote p a:hover { background:#be8a44; color:#fff }
.boxes .box:hover .quote p { width:100%; background:rgba(255,255,255,0); box-shadow:none; border-color:transparent; -webkit-transition:all 0.5s ease; transition:all 0.5s ease }
.boxes .box img:hover { cursor:default !important }
footer .social a:hover { background-position:center bottom !important }
footer a:hover { color:#be8a44 }
.shop-main .products .productSubmitInput:hover, .shop-main .products .read-more:hover, .ecommerce .cart #catshopclear:hover { background:#0A2445 }
#instaboxes ul li a:hover { background:rgba(190, 138, 68, 0.5) url('/_System/images/likes-2.png') top left no-repeat; }
.ecommerce .cart #catshopclear:hover { color:#fff }
.social-gallery ul.social-icons li a:hover { color:#fff; background:#59ced9; transform:scale(1.1); }
.social-gallery .icon-instagram:hover { background:#303035; transform:scale(1.1); }

}
@media only screen and (max-width:1075px) {
#grid .box.hover .inner { opacity:1 }
}

/* SCROLL */

@media only screen and (min-width:975px) {
header.scroll .logo { top:15px; height:100px; overflow:hidden }
header.scroll .logo img { height:108%; width:auto }
header.scroll { background:rgba(36,36,36,0.8); position:fixed; top:0; height:60px }
header.scroll nav ul li { border-bottom:1px solid rgba(255,255,255,0) }
header.scroll nav ul li ul { top:35px !important; padding:0 !important }
header.scroll nav ul li ul li { background:rgba(255,255,255,0.9) }
header.scroll nav ul li ul li:first-child { border-top:5px solid #be8a44 }
header.scroll nav ul li ul li a { color:#8f9090 }
}

/* RESIZE */

@media only screen and (min-width:1921px) {
#container { max-width:1920px; margin:0 auto }
header { max-width:1920px; left:50%; margin-left:-960px }
}
@media only screen and (max-width:1780px) {
header .logo { left:30px }
nav { margin-left:-590px }
.bookingpanel .content > span { width:3% }
}
@media only screen and (max-width:1730px) {
/* header:not(.scroll) .logo img { width:150px; height:auto }*/
nav { margin-left:-560px }
nav ul li a { font-size:18px; line-height:18px }
}
@media only screen and (max-width:1660px) {
.content h1 { font:300 48px/63px 'Lato', sans-serif }
}
@media only screen and (max-width:1600px) {
.boxes .quote p { width:70%; padding:20px 0 }
.boxes .quote p a { font-size:24px }
.bookingpanel .content > span { width:1% }
.content h1 { font:300 46px/62px 'Lato', sans-serif }
}
@media only screen and (max-width:1550px) {
.boxes .quote p { width:80%; padding:20px 0 }
.boxes .quote p a { font-size:22px }
.content h1 { font:300 44px/60px 'Lato', sans-serif }

}
@media only screen and (max-width:1520px) {
nav { margin-left:-490px }
nav ul li { margin:0 8px }
nav ul li a { font-size:16px; line-height:16px }
.bookingpanel .content h3.reserve, .bookingpanel .content > span:nth-child(4) { display:none }
}
@media only screen and (max-width:1400px) {
#slideshow .shadow { top:-10% }
nav { margin-left:-430px }
nav ul li.location { display:none }
nav ul li ul li.location { display:block }
.boxes .quote p { padding:20px 0 }
.boxes .quote p a { font-size:22px }
#home main { width:100% }
.bookingpanel .content form input { margin:0 10px 0 0 }
.wine-dine-products .products table { width:33.33% }
}

@media only screen and (max-width:1350px) {
.wine-subscribe button { margin-top:8px }

}

@media only screen and (max-width:1280px) {
nav { margin-left:-375px }
nav ul li.gallery { display:none }
nav ul li ul li.gallery { display:block }
.bookingpanel .content h3 { display:none }
.boxes .quote p { width:80%; margin:25px auto; padding:15px 0 }
.boxes .quote p a { font-size:20px }
.boxes .nav { bottom:25px }
.boxes a.nav.prev { left:70% }
.boxes a.nav.next { left:80% }
.content .w33 { padding:0 25px }
.banner h3 { font-size:27px }
footer .info span:nth-child(1) { color:#fff;margin:0;display:block }
.content .column .box.w33 { width:50% }
.shop-main .products h3 { font-size:26px; font-weight:300; line-height:30px }
.shop-main .products .btns { margin:10px 0 }
.shop-main .products .productSubmitInput, .shop-main .products .read-more { font-size:90%; margin:0 -5% }
.shop-product-large .productSubmitInput, .shop-product-large .read-more { font-size:100%!important; margin:0!important }
#instaboxes ul li { width:25%; }
}
@media only screen and (max-width:1180px) {
nav { margin-left:-300px }
nav ul li { margin:0 }
nav ul li a { font-size:15px; line-height:15px }
nav ul li ul { display:none !important }
.boxes .quote p { width:85%; margin:25px auto; padding:15px 0 }
.boxes .quote p a { font-size:19px }
.banner h3 { font-size:24px }
.subscribe form input { padding:15px 100px 15px 15px }
footer { width:auto !important; padding:25px !important; display:block }
footer .info p { font:400 16px/22px "Lato", arial !important }
.shop-main .products table.productSmall td { width:50% }
.shop-main .products .btns { margin:20px 0 }
.shop-main .products .productSubmitInput, .shop-main .products .read-more { margin:0 }
main .content .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 }

#video, .video { display:none }
.hidden {display:block !important }
.mobile {visibility:visible;display:block }
#slideshow .quote {display:none }
.video-slideshow a.nav {display:block !important }


.wine-subscribe form input { width:20% }
.wine-subscribe button { margin-top:0px }
}
@media only screen and (max-width:1130px) {
.content .w50.middle { display:block; width:100% }
.content .w50.middle + .w50 { display:block; width:100% }
#CDSWIDSSP { margin:auto!important }
}
@media only screen and (max-width:1030px) {
#slideshow .shadow { top:-20% }
header:not(.scroll) .logo img { width:130px; height:auto }
.boxes .quote p { width:90%; margin:25px auto; padding:15px 0 }
.boxes .quote p a { font-size:18px }
.bookingpanel .content form { margin-top:22px }
.bookingpanel .content p { display:none }
.dining-booking { height:65px !important }
#home .content h1 { text-align:center; font-size:38px; margin-bottom:50px }
.content h1 br { display:none }
.content .dropCap { left:-5px }
#home .content .w33 { width:50% !important }
.content .w33 { width:50% !important }
#home .content .w33:first-child { width:100% !important }
.banner h3 { font-size:22px }
.subscribe form input { padding:15px 80px 15px 15px }

.wine-dine-products .products table { width:50% }

}

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

.wine-subscribe form input { width:25% }
.wine-subscribe form button { width:25%; padding:15px 0 }
.wine-subscribe button { margin-top:20px }

}


@media only screen and (max-width:960px) {
#container { margin:0 !important; padding:0 !important }
header { background:#f4f2e9 url(../images/body-bg.png); position:static; height:auto; border:none; margin:0 !important; padding:0 !important }
header .logo { position:static; width:100%; top:0; left:0; margin:0; padding:25px 0; text-align:center; display:block }
header .logo img { height:150px !important; width:auto !important; margin:0 auto }
header .tel { background:#fff; position:static; display:block; text-align:center; width:100%; font:400 30px/30px 'Lato', sans-serif; color:#be8a44; margin:0; padding:10px 0 }
#slideshow { position:relative !important; margin:64px 0 0 0; padding:0 !important }
#slideshow .shadow { display:none }
nav { position:static; width:100%; height:0; left:0; right:0; margin:0; padding:0; overflow:hidden }
nav.active { height:605px }
nav ul { top:63px }
nav ul li a { padding:15px 0; color:#333; line-height:30px; -webkit-transition:none; transition:none }
nav ul li { display:block !important; width:100%; height:60px; margin:0; background:#E8EBF0; border-bottom:1px solid rgba(0, 0, 0, 0.10); -webkit-transition:none !important; transition:none !important }
a#pull { position:absolute; display:block !important; background:#0a2445; width:100%; padding:20px 0; font:300 20px/24px 'Lato', sans-serif; text-align:center }
a#pull:before {display:block; position:absolute; width:15px; height:15px; top:24px; right:50px; background:url(../images/nav.png) center bottom no-repeat; content:"" }
a#pull.active:before { background-position:center top }
#slideshow.mobileMenu { margin-top:0 !important }
.content p.w50, .content ul.w50 { width:100% }
.content .trustyou .w50 h4 { margin:0 }
.boxes a.nav.prev { left:76% }
.boxes a.nav.next { left:86% }
.ui-datepicker { left:50% !Important; margin-left:-260px }
.boxes .box { width:50%; border-left:4px solid #fff !Important; border-right:4px solid #fff !Important; border-bottom:8px solid #fff !Important }
.boxes .box .item { width:100% }
.boxes .quote p { width:70%; padding:20px 0 }
.boxes .quote p a { font-size:24px }
.banner h3 { position:relative; width:90%; top:20px; margin:0 auto; font-size:27px; line-height:37px }
.subscribe { height:150px; border-top:0 }
.subscribe h3 { display:block; margin:0; line-height:70px }
.subscribe form input { padding:15px 50px 15px 15px }
.ecommerce .cart .product-name a { font-size:18px }
.ecommerce .cart .cart-item-wrapper .product-image { display:none }
.ecommerce .cart .cart-item-wrapper { padding:0 }
.ecommerce .cart .totalContainer .total h2, .ecommerce .cart .totalContainer .sub-total h4 { font:400 20px/20px 'Lato', arial }
ul.w50.templebeauty {margin-top:0px }
.w50 { width:100% }
.content div.w50 { padding:25px 0 }
#google-map.dining-map { padding-bottom:35%; }
}





@media only screen and (max-width:760px) {
.bookingpanel .content form input { margin:0; padding:15px 40px 15px 15px }
.bookingpanel .content form button, .dining-book { position:relative; top:1px }
.boxes .quote p { width:80%; padding:20px 0 }
.boxes .quote p a { font-size:22px }
.subscribe form input { margin:0 5px }
footer .info span:nth-child(1) { line-height:10px }
footer .info span:nth-child(6) { color:#fff;margin:0;display:block; line-height:10px }
.shop-main .products .productLarge .image, .shop-main .products .productLarge .details { display:block; width:100%; padding:0 }
.shop-main .products .productLarge .btns { text-align:center }
main .content .column { -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 }
#google-map.dining-map { padding-bottom:45%; }
#instaboxes ul li { width:50%; }
}

@media only screen and (max-width:700px) {
.wine-dine-products .products table { width:100% }
.wine-dine-products .products h3 { height:auto }

.wine-subscribe form input { width:90%; padding:15px 5%; margin-bottom:20px; text-align:center }
.wine-subscribe form button { margin-top:0px; width:90% }

}


@media only screen and (max-width:660px) {
#slideshow { width:100%; height:310px }
#slideshow .fade .item img { position:relative; width:auto; height:310px; left:50%; margin-left:-321.5px }
#slideshow .nav.prev { right:60px; bottom:20px }
#slideshow .nav.next { right:20px; bottom:20px }
.bookingpanel { height:250px }

.bookingpanel .content form { width:70%; margin-top:15px }
.bookingpanel .content form input { display:block; width:100%; margin:10px 0 }
.boxes .quote p { width:85%; margin:25px auto; padding:15px 0 }
.boxes .quote p a { font-size:20px }
main { padding:50px 20px 25px 20px }
main .content h1 { text-align:left }
.content .w33 { width:100% !important; padding:0 10px }
#home .content .w33 { width:100% !important; padding:0 10px }
.content .column .box.w33 { width:100% !important }
#home .content .w33:nth-child(3) { display:none }
.content .dropCap { bottom:-10px }
.banner h3 { font-size:24px }
.subscribe { height:270px }
.subscribe form { width:80% }
.subscribe form input { display:block; margin:0 0 15px 0; padding:15px; width:100% }
footer { padding:0 5px }
.street-view img { width:auto; height:300px }
.shop-main .products table.productSmall td { width:100% }
.shop-main .products .btns { margin:20px 0 }
.shop-main .products .productSubmitInput, .shop-main .products .read-more { margin:0 }
.ecommerce .cart .product-name a { font-size:16px; font-weight:300 }
.ecommerce .cart .title h4 { font-size:12px }
.ecommerce .cart .totalContainer .total h2, .ecommerce .cart .totalContainer .sub-total h4 { font:400 16px/16px 'Lato', arial }
.mobile-slider { display:none }
.mobile-image {position:relative; width:auto; height:310px; z-index:300; display:block }
.mobile-slider-margin { margin-top:0 !important }
section.social-gallery a.instagram {font: 400 20px/12px "Playfair Display", arial; padding-top: 30px; padding-bottom: 30px; margin: 0;}
}
@media only screen and (max-width:600px) {
.boxes .quote p { width:90%; margin:25px auto; padding:15px 0 }
}
@media only screen and (max-width:560px) {
/*
.bookingpanel { position:relative; height:65px; margin:4px 0 2px 0; padding:0; display:block }
.bookingpanel .content { top:0; height:100%; margin:0; padding:0 }
.bookingpanel .content form { position:relative; width:100%; height:100%; margin:0; padding:0 }
.bookingpanel .content form input { display:none }
.bookingpanel .content form button { position:relative; width:100%; height:100%; height:65px; margin:0; padding:0; border:0 }
*/
.boxes .box { width:100%; border-bottom:4px solid #fff; border-left:none; border-right:none }
.boxes .box .item { width:100% }
.boxes .quote p { width:70%; padding:20px 0 }
.boxes .quote p a { font-size:22px }
.banner h3 { top:30px; font-size:20px; line-height:28px }
.ui-datepicker { display:none !important }
a.nav { bottom:15px !important }
a.nav.prev { left:80% !important }
a.nav.next { left:90% !important }
.shop-main .header { height:auto }
.shop-main .header #catCartSummary, .shop-main .header .cart { display:block; top:initial; text-align:center; padding:5px 0 10px 0; float:none }
.shop-main .header .cart { padding:10px 0 5px 0 }
.shop-main .cartSummaryTable { margin:auto }
}
@media only screen and (max-width:500px) {
/*
header { height:244px }
header .logo img { width:100px !important; height:auto !important }
header .tel { font-size:24px; top:140px }
nav { margin-top:150px !important }
#slideshow { margin-top:1px }
#slideshow.mobileMenu { margin-top:539px }
*/
main { padding:50px 5px 25px 5px }
.banner { display:none }
footer .info span { display:block; line-height:10px; opacity:0 }
footer .copyright a { display:block; margin:5px 0 }
}
@media only screen and (max-width:450px) {
#google-map iframe { height:350px; max-height:350px }
#google-map { height:350px; max-height:350px }
}

@media only screen and (max-width:400px) {
.boxes .quote p { width:80%; margin:25px auto; padding:25px 0 }
.street-view { display:none }
.street-view-btn { display:block }
}
@media only screen and (max-width:330px) {
#grid .box.quote p { padding:5px;
}}