@charset "utf-8";

.wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading h6, .wf-loading li, .wf-loading p, .wf-loading a { visibility: hidden; }
.wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active h6, .wf-active li, .wf-active p, .wf-active a { visibility: visible;  }

/* Mobile Layout:480px and below. */
body { margin:0; padding:0; }
html { font-size: 65%; }
body, p { font-weight: 300; font-family:myriad-pro; }
a:link, a:active, a:visited, a:hover { text-decoration: none; }
ul { list-style: none; line-height: normal; margin: 0; padding: 0; }
p { line-height: 120%; }
h1, h2, h3, h4, h5, h6 { font-family: jubilat; letter-spacing: -0.0300em; margin: 0; padding: 0; display: block; text-transform: capitalize; line-height: 93%;  }
.fancybox-title { line-height: 100%; font-size: 2.0em; color: #FFFFFF; }
.ie6 img { width:100%; }
.ns { margin-bottom:0; }
#HEADER h2 span { letter-spacing:normal;  }
strong { font-weight:600; }
p.sm { margin-top:-10px; }
h2.sm { margin-top:-15px; }
.red { color: #990000 !important; }
p.fancy.smb { margin-bottom:-20px !important; }

#MAIN p a, #MAIN .col2 li a { color:#575756; }
#MAIN p a:hover, #MAIN .col2 li a:hover { color:#A29087; }

/* FLUID and LAYOUT */
.fluid, .OUTER, .BG, .col1, .col2, .col3, .col4, .colA, .colB, .colC, .block, .Mwrapper, .map { width: 100%; margin-left: 0%; height: auto; display: block; position: relative; clear: both; float: left; margin:0; padding:0; }
.tableH { display: table; width: 100%; table-layout:fixed; }
.pad { display:block; width:auto; padding-left:15px; padding-right:15px; }
.line { display: block; width: auto; clear:both; }

/* PARALLAX AND SCROLL */
.parallax { width: 100%; margin-left: 0%; display: block; position: relative; clear: both; float: left; margin:0; padding:0; top:0; left:0; height:auto!important;  }
.parallax-mirror { display:none; }

/* HEADER */
#HEADER { background-color: #FFFFFF;z-index: 9999; }
#HEADER .OUTER { padding-top: 25px; padding-bottom: 25px; }
#HEADER #navH { z-index:1;  }
#HEADER #BD { background-color: #FFFFFF; z-index: 100; }
#HEADER .col1 { text-align:center; }
#HEADER .col2 { display:none; }
#HEADER h2 { font-weight: bold; font-size: 3em; text-decoration: none; }
#HEADER h2 span { display: block; color: #990000; font: normal 0.6em sarina; margin-top: 3px; line-height:90% }
#HEADER h4 { font-size: 1.8em; font-weight:400; }
#HEADER h4 span { display:block; text-transform:none; color: #C1BEAA; font-size: 1em; margin-top:3px; margin-bottom:10px; }

/* SLIDER */
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -khtml-user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none;  -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; overflow:hidden; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

/* SLIDER */
.slick-loading .slick-list { background: #fff url('../NEW/slick-1.5.7/slick/ajax-loader.gif') center center no-repeat; }
.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; bottom: 0px; display: block; width: 45px; height: 45px; margin-bottom: 30px; padding: 0; cursor: pointer; color: transparent; border: 1px solid #FFFFFF; opacity: 0.5; z-index: 9990; border-radius: 99px; background-color: transparent; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; opacity: 1; -webkit-box-shadow: 0px 0px 10px 0 rgba(0,0,0,1.00); box-shadow: 0px 0px 10px 0 rgba(0,0,0,1.00); }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; }
.slick-prev:before, .slick-next:before { font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: -99999px; }
[dir='rtl'] .slick-prev { left: 15px; left: auto; }
.slick-prev:before { content: '\003C'; }
[dir='rtl'] .slick-prev:before { content: '\003C'; }
.slick-next { right: -99999px; }
[dir='rtl'] .slick-next { right: auto; left: 15px; }
.slick-next:before { content: '\003E'; }
[dir='rtl'] .slick-next:before { content: '\003E'; }
.slick-slider { margin-bottom: 0px; }
.slick-prev:hover, .slick-next:hover { opacity:1; }
.NRslider .slick-slide { height:250px; }
#SLIDER { height: 250px; background-size: cover; background-position: center center; }

/* SLIDER */
.BG#SLIDER .OUTER {  height: auto; position: relative; overflow: visible; }
.backimage { display: block; position: absolute; top: -1px; left: -1px; width: 100%; height: 300px; opacity: 1; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; background-position: bottom center; background-size: cover; }
.slick-slide.slick-current.slick-active .backimage { opacity:1; }
.tb { position:absolute; width:auto; display:block; height:auto; z-index:999; opacity:0;  }
.tb h2 { font-size: 2.5em; font-weight: 600; color: #FFFFFF; line-height: 100%; text-shadow: 0px 0px 5px rgba(0,0,0,0.50); }
.tb a { font-size: 1.3em; color: #FFFFFF; display: inline-block; background-color: #A29087; padding: 5px 7px 6px; margin-top:20px; border-radius:6px; opacity:0.0;   }
.tb a:hover { background-color: #990000; color: #FFFFFF; }

/* ANIMATION */
.slick-slide .tb {  margin-top:30px; opacity:0; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; }
.slick-slide.slick-current.slick-active .tb { margin-top:40px; opacity:1;  }
.slick-slide.slick-current.slick-active .tb a { -webkit-animation:FadeIn 1s 1s 1 ease-out forwards; animation:FadeIn 1s 1s 1 ease-out forwards;   }

/* CIRCLE */
#CB { z-index:999; }
#circle { display: table; table-layout: fixed; position: absolute; top: 160px; right: 10px; width: 100px; height: 100px; background-color: #990000; border-radius: 100px; }
#circle div { display:table-cell; text-align:center; vertical-align:middle; }
#circle div span { display: inline-block; padding: 0px 5px; }
#circle div h6 { font: bold 1.4em myriad-pro; color: #FFFFFF; line-height: 90%; text-transform: uppercase; }
#circle div h6 em { display:block; font-style:normal; font-size:0.9em; margin-top:5px; line-height:92%; text-transform:none; font-weight:300; letter-spacing: -0.0100em; }
#circleA { -webkit-animation:FadeInCB 1s 2s 1 ease-out forwards; animation:FadeInCB 1s 2s 1 ease-out forwards;   }

a#circle div h6 { font: bold 1.4em myriad-pro; color: #FFFFFF; line-height: 90%; text-transform: uppercase; }
a#circle div h6 em { display:block; font-style:normal; font-size:0.9em; margin-top:5px; line-height:92%; text-transform:none; font-weight:300; letter-spacing: -0.0100em; }
a#circleA { -webkit-animation:FadeInCB 1s 2s 1 ease-out forwards; animation:FadeInCB 1s 2s 1 ease-out forwards;   }
a#circle:hover { background-color: #A70000; }

/* MAIN BODY */
#MAIN { background-color: #f5f2e3; background-image: -webkit-linear-gradient(270deg,rgba(245,242,227,1.00) 0%,rgba(255,255,255,1.00) 100%); background-image: -moz-linear-gradient(270deg,rgba(245,242,227,1.00) 0%,rgba(255,255,255,1.00) 100%); background-image: -o-linear-gradient(270deg,rgba(245,242,227,1.00) 0%,rgba(255,255,255,1.00) 100%); background-image: linear-gradient(180deg,rgba(245,242,227,1.00) 0%,rgba(255,255,255,1.00) 100%); }
#MAIN .Mwrapper { background-color: #FFFFFF;  }
#MAIN .Mwrapper .pad { padding: 15px 15px 10px; }
#MAIN .col1 { display:table-footer-group; float:none; }
#MAIN .col2 { display:table-header-group; float:none; }
#MAIN h1 { font-weight:700; font-size:2.5em; }
#MAIN h1 span { font-weight:500; font-size:0.8em; display:block; line-height:0.9em; margin-top:0.2em;  }
#MAIN h2 { font-weight:700; font-size:2.1em; text-decoration:underline; position:relative; margin-bottom:20px; }
#MAIN h2 span { font-weight:500;  display:block; line-height:0.9em; margin-top:0.2em;  }
#MAIN .col2 h2.bt:before { display:block; content:""; width:calc(100% - 4px); margin-top:29px!important; height:25px!important; border-top:4px #000000 dotted!important; opacity:0.1; }
#MAIN h3 { font-weight: 500; font-size: 2.2em; text-decoration: underline; position: relative; margin-bottom:-10px;  }
#MAIN p { font-size:1.6em;  }
#MAIN p.intro { font-size:1.7em; }
#MAIN p.reg { font-size:1.6em; }
#MAIN ul li { font-size:1.5em;  }
#MAIN .col1 .pad { padding-left:0; padding-right:0; }
#MAIN .col2 .pad { padding-left:0; padding-right:0; }
#MAIN p.fancy { display: block; color: #990000; font: normal 2.2em ff-market-web; margin-top: 3px; line-height: 90%; letter-spacing: -1px; margin-bottom:0; padding-bottom:20px; }
#MAIN p.fancy.sp { padding-bottom:10px; }
#MAIN p.fancy.ss { padding-bottom:10px; margin-top:-10px; }
.about #MAIN p:nth-of-type(1) { font-size:2.4em; }
.about #MAIN p:nth-of-type(2) { font-size:1.8em; }
.home #MAIN p.introOLD { display: block; margin-bottom:10px; }
.home #MAIN p.introOLD:after { display: block; content: ""; width: 100%; height: 10px; border-top: thin dotted #DAD7BC; opacity: 0.5; margin-bottom: -20px; margin-top:5px; }
.home #MAIN p.introOLD:nth-of-type(2), .home #MAIN p.introOLD:nth-of-type(3), .home #MAIN p.introOLD:nth-of-type(4) { margin-top:10px; }
#MAIN p a { opacity:1.0; }
h1.cc {text-transform:none;}
.item-large { font-size:1.6em; }
#SLIDER.event { background-position: bottom center; background-size: cover; }

/*MENUS LISTS */
#MAIN .col2 h2:before { display:block; width:100%; height:20px; content:""; border-top: thin dotted #DAD7BC; margin-top:25px;  }
#MAIN .col2 h2.nline:before { display:none;  }
#MAIN .col2 h2:first-of-type:before { display:block; border-top: none; margin-top:0px; height:20px; }
#MAIN .col2 ul { margin-bottom:20px; margin-top:-5px; }
#MAIN .col2 ul li { line-height: 110%; display:block; margin-bottom:2px; margin-top:2px; color:#A38472;  }
#MAIN .col2 ul li strong { display: block; color: #000000; }
#MAIN .col2 ul li a { font-weight:bold; }
#MAIN .col2 ul li a:hover { color:#727272; opacity:1; }
#MAIN .col2 ul li a:before { display:inline-block; content:"+"; margin-right:3px; color: #990000; }
#MAIN .col2 ul li.plus:before { display:inline-block; content:"+"; margin-right:3px; color: #990000; }
#MAIN .col2 ul li strong.plus:before { display:inline-block; content:"+"; margin-right:3px; color: #990000; }
#MAIN .col2 ul.linkslist li a:before { display:none; }
ul.sideL li { line-height: 110%; display: block; margin-bottom: 3px; margin-top: 3px; color:#222222; }
li.veg span, li.vegx span, li.gf span, li.gfx span, li.fd span { display:inline-table; color: #FFFFFF; margin-right:4px; margin-top: -4px; width: 17px; height: 17px; vertical-align: middle; text-align: center; font-size: 10px; font-weight:300;  }
li.veg span:after, li.vegx span:after, li.gf span:after, li.gfx span:after, li.fd span:after { display:table-cell; margin-left: 0;  width: auto; height: auto; font-weight:300; background-color: #336600; border-radius: 99px; }
li.veg span:after { content:"V"; }
li.vegx span:after { content:"V?"; }
li.gf span:after { content: "GF"; background-color: #CDA002; }
li.gfx span:after { content: "GF?"; background-color: #CD6D01; }
li.fd span:after { content: "FD"; background-color: #CD0000; }

span.veg { display:inline-table; color: #FFFFFF; margin-right:4px; margin-top: -4px; width: 17px; height: 17px; vertical-align: middle; text-align: center; font-size: 10px; font-weight:300; }
span.veg:after { display:table-cell; margin-left: 0;  width: auto; height: auto; font-weight:300; background-color: #336600!important; border-radius: 99px; content:"V"!important; }

li div.glutfree {
   display:inline-table; color: #FFFFFF; margin-right:4px; margin-top: -4px; width: 17px; height: 17px; vertical-align: middle; text-align: center; font-size: 10px; font-weight:300;
}
li div.glutfree div {
   display:table-cell; margin-left: 0;  width: auto; height: auto; font-weight:300; border-radius: 99px; background-color: #CDA002;
}




#MAIN .col2 ul li em { font-style:normal; }
#MAIN .col2 ul li em:before { display:inline; content:"..."; margin-left:-2px;   }
#MAIN .col2 ul li strong em:before { margin-left:-4px;  }
#MAIN .col2 ul.flat li:after { display: inline-block; content: "|"; margin-right: 2px; margin-left: 2px; font-family: arial, helvetica; font-weight: bold; color: #990000; }
#MAIN .col2 ul.flat li:last-of-type:after {  display:none;  }
#MAIN .col2 ul.flat li {  display:inline-block; font-weight:600; color: #000000; margin-left:0; }
#MAIN .col2 ul.flat li span:before { display:inline; content:"...";  margin-left:-4px; font-weight:bold; }
#MAIN .col2 ul li.inline strong { display: inline-block; }
#MAIN .col2 ul.inline li strong { display: inline-block; }
#MAIN .col2 ul li.ib { display: inline; }
#MAIN .col2 ul.flat.prices { margin-top:5px; margin-bottom:10px; }
#MAIN .col2 ul.flat.prices li:after { margin-right: 3px; margin-left: 3px; }
#MAIN .col2 ul.flat.prices li { font-size:1.6em; }
#MAIN .col2 ul li.separate:after { display:block;  content:""; font-weight:bold; color:#222222; margin-top:6px;  margin-bottom:6px; opacity:0.2;  border-top: thin dotted #000000;  width: 200px;}
#MAIN .col2 ul li.return { text-transform:uppercase;  }
#MAIN .col2 ul li.return a:before { display:inline-block; content:"\2190";  }
.Ghome #MAIN .col2 ul li.return { display:none;  }
.drinks #MAIN .col2 ul.flat li { font-weight:300;  }
.menuindex #MAIN .col2 ul li a:before { display:none; margin-right:3px; }
#MAIN .col2 ul li.fancy { font-style:normal; display: block; color: #990000; font: normal 2.2em ff-market-web; line-height: 90%; letter-spacing: -1px; margin-bottom:0; margin-top:15px; }
#MAIN .col2 ul li.plusNL { display:block; }
#MAIN .col2 ul li.plusNL:before { display:inline-block; content:"+"; margin-right:3px; color:#990000; }
h1.cc {text-transform:none;}
p.item-large { font-size:1.6em; margin-bottom:0.2em; margin-top:0.2em; }
p.item-large:before { display:inline-block; content:"\2022"; margin-right:4px; font-family: arial, helvetica; font-weight: bold; color: #990000; }


.events #MAIN .col2 ul li strong { color:#000000; line-height:110%; font-family:myriad-pro; display:inline-block; }
.events #MAIN .col2 ul li strong span { opacity:0.8; }
.events #MAIN .col2 ul li { margin-bottom:10px; }
.events #MAIN .col2 ul li span:before { display:inline-block; content:"..."; margin-left:-2px;  }
.events #MAIN .col2 ul li a { display:inline-block; font-weight:300; }
.events #MAIN .col2 ul li a:before { content:"..."; margin-right:0;  }

#MAIN .col2 ul.flat.price.mt { margin-top:20px;  }


.linkspage #MAIN .col2 ul li a:before { content:"\2022"; }
.linkspage #MAIN p a, #MAIN .col2 li a { color:#000000; }

.listmenu #MAIN .col2 ul li { margin-bottom:6px; }
.listmenu #MAIN .col2 ul li:before { content:"\2022"; font-family:arial; font-weight:bold; margin-right:5px; }
.listmenu #MAIN .col2 ul li.fancy:before { display:none; }

/* LINK BLOCKS */
.linkB { border-radius: 10px;  }
.linkB .tableH { margin-bottom:7px; }
.linkB .block { display:table-cell; float:none; clear:none; position:relative; overflow:hidden; }
.linkB .space { display:table-cell; float:none; clear:none; width:7px; }
.linkB .block img { display:block; max-width:100%; border-bottom-right-radius:5px; border-bottom-left-radius: 5px; -webkit-filter:brightness(1.0);  }
.linkB .block h4 { display: block; text-decoration: none; padding: 10px 0px; background-color: #A29087; color: #FFFFFF; text-transform: uppercase; font-size: 1.5em; text-align: center; font-weight: 400; border-top-left-radius: 6px; border-top-right-radius: 6px;  }
.linkB .block span { display:table; position:absolute; bottom:0px; right:0px; width: 40px; height: 40px; opacity:0.0; background-color: #A29087; border-bottom-right-radius:5px; border-top-left-radius:6px; font-size:2em; font-weight:600; color:#FFFFFF;   }
.linkB .block span:after { display: table-cell; width: 40px; height: 40px; content: "+"; vertical-align: middle; text-align: center;  }
.linkB .block:hover span { opacity:1.0; }
.linkB .block:hover img { -webkit-filter: brightness(1.4); }
.linkB .block:hover span:hover { color: #A29087; background-color: #FFFFFF; }
/* LINK BLOCKS TEAM */
.linkB.team .block h4 { padding: 10px 0px 9px; font-size: 1.5em; }
#MAIN .linkB.history .block p { display: block; text-decoration: none; padding: 10px 0px; background-color: #A29087; color: #FFFFFF; text-transform: none; font-size: 1.0em; text-align: center; font-weight: 400; border-top-left-radius: 6px; border-top-right-radius: 6px; font-family: jubilat; letter-spacing: -0.0300em; margin:0; padding-left:5px; padding-right:5px; }
.linkB .block h4 em { display:none; font-style:normal;  }

.linkB .tableH.image-l { margin-bottom:7px; }
/*.linkB .block.fancybox {  display:table-cell; float:none; clear:none; position:relative; overflow:hidden; width:auto; }
.linkB .space.fancyS { display:table-cell; float:none; clear:none; width:7px; }
.linkB .block.fancybox h4 { padding: 10px 0px; }*/
/*.linkB .block.fancybox h4 { padding: 10px 0px; text-transform: uppercase; font-size: 1.3em; }*/
/*.linkB .block.fancybox:hover img {  }*/


    


/* MENU link blocks + */
.menuB { margin-top:20px; }
#MAIN .menuB h4 { font-weight: 500; font-size: 2.2em; text-decoration: underline; position: relative; margin-bottom:-10px; }
#MAIN .menuB p { font-size:1.4em; }
#MAIN ul.sideN { margin-top:20px; display:block; }
#MAIN ul.sideN li { line-height: 110%; display: block; margin-bottom: 2px; margin-top: 2px; text-transform:capitalize; }
#MAIN ul.sideN li:before { display:block; width:100%; height:1px; content: ""; border-top: thin dotted #DAD7BC;  margin-top:0px; }
#MAIN ul.sideN li a { color: #000000; display: block; padding: 3px 5px 2px; margin-left: -5px; margin-right: -5px; }
#MAIN ul.sideN li a:hover { background-color: #A29087; color: #FFFFFF; }

/* FOOTER */
#FOOTER { background-color: #444444; }
#FOOTER .tableH { margin-top:30px; margin-bottom:20px; }
#FOOTER .col1 { display:table-footer-group; float:none; }
#FOOTER .col3 { display:table-header-group; float:none; }
#FOOTER img { max-width:100%; }
#FOOTER img.l1, #FOOTER img.l2, #FOOTER img.l3 { display:none; }
#FOOTER h4 { font-weight: 500; font-size: 2.2em; color: #FFFFFF; opacity: 0.7;  }
#FOOTER h4:before { display:block; content:""; border-top: 1px dotted #666666; margin-top:10px; margin-bottom:15px; width:100%; height:1px; }
#FOOTER h4.nl:before { display:none;  }
#FOOTER h5 { font-weight: 700; font-size: 2.5em; color: rgba(255,255,255,1.00); }
#FOOTER h5 span { display:block; font-weight: 500; font-size: 0.6em; margin-top: -2px; }
#FOOTER p { font-size: 1.4em; color: #FFFFFF; }
#FOOTER ul { display:block; margin-top:15px; margin-bottom:20px; }
#FOOTER ul li { font-size: 1.4em; color: #FFFFFF; }
#FOOTER .col1 p { font-size: 1.3em;  }
#FOOTER p.tel { display:block; font-size:1.6em; font-weight:500; font-family: jubilat;  }
#FOOTER p.tel span { display:block;  }
#FOOTER a.rl { color: #FFFFFF; opacity:0.5; }
#FOOTER a.rl:hover { color: #FFFFFF; opacity:1.0; }
#FOOTER .twit { display:block; width:auto; height:250px; overflow:hidden; margin-bottom:30px; }

/* NAV */
#HEADER #navH .OUTER { padding-top:0px; padding-bottom:0px; }
.js #nav { clip: rect(0,0,0,0); display:block; overflow:hidden; zoom: 1; max-height: 0;}
#nav.opened { max-height: 9999px; }
#nav-toggle { display: none; }
#HEADER button { cursor: pointer; display: block; width: 100%; position: relative; padding: 10px 0px; text-transform: uppercase; border-style: none; background-color: #796C67; color: #FFFFFF; font-family: jubilat; font-weight:600; font-size:1.6em; }
#HEADER button:hover { background-color: #000000; color: #FFFFFF; }
nav { display: block; margin:0px; padding:0px; background-color: #A29087; text-align:center;  }
nav ul { list-style: none; line-height: normal; margin:0; padding:0; display:inline; }
nav li { display: inline; position:relative; text-transform:uppercase; }
nav li a { display: block; text-decoration: none; padding: 10px 0px; color: #FFFFFF; text-transform: uppercase; border-bottom: 1px solid #000000; font-family:myriad-pro; font-size: 1.3em; font-weight: 300;  }
nav li a:hover { background-color: #1a0d13; color: #FFFFFF;   }
nav li.selected a { background-color: #575756; color: #FFFFFF; }
nav li ul { display:none;  }
nav li.tn { display: none; }

/* social media */
.media { display:block; width:auto; height:auto; position:relative; text-align:left; }
.media div { display: inline-table; border-spacing: 3px; margin-bottom: 10px; }
.media div a { display:table-cell; width: 37px; height: 37px; position: relative; z-index: 999; vertical-align: middle; text-align: center; border-radius: 4px;  }
.media div a.tr { width: 80px; height: 37px;  }
.media div a img { display: inline-block; height:18px; width:auto; margin-top:0px; }
.fb { background-color:#4862A3; }
.tw { background-color:#55ACEE; }
.tr { background-color: #6d4c25; font-size: 1.4em; color: #FFFFFF; font-weight:500; }
.fb:hover { }
.tw:hover {  }
.in:hover { background-color:#5c3a16; }
.media div a:hover { -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.80); box-shadow: 0px 0px 4px rgba(0,0,0,0.80); }

/* CONTACT FORMS */
.sideL { margin-top:20px; }
#MAIN .sideL h4 { font-weight: 500; font-size: 2.2em; text-decoration: underline; position: relative; margin-bottom:-10px; }
#MAIN .sideL ul { display:block; margin-top:20px; margin-bottom:10px; }
#MAIN .sideL ul li { display:block; font-size:1.5em;   }
#MAIN .sideL ul li a { display: inline-block; font-weight: 600; color: #000000; }
.map { overflow:hidden !important; }
.map div { height:auto; display:block; width:auto; border: thin dotted #DAD7BC; overflow:hidden !important; padding:1px; }

label { font: 600 1.5em myriad-pro; display: block; width: auto; color: #444444; margin-top:10px; height:auto;}
form * { text-align:left; }
form { width: auto; margin-top:0px; padding-bottom: 30px; }
input, textarea, select { border: 1px solid #CCCCCC; font-family: myriad-pro; width: 96%; margin-bottom: 10px; padding: 6px; font-size: 1.4em !important; font-weight: 400; display: block; background-color: #F9F9F9; border-radius: 0px; margin-top: 10px; }
.g-recaptcha { margin-top:20px;  }
textarea::-webkit-input-placeholder  { font-size: .8em;  }
textarea:-moz-placeholder { font-size: .8em; }
input::-webkit-input-placeholder  { font-size: .8em;  }
input:-moz-placeholder { font-size: .8em;  }
input[type=submit] { font-weight: bold; font-size: 1.4em; display: block; clear: both; width: auto; margin-top: 6px; font-style: myriad-pro; color: #4F4F4F; padding: 7px 6px !important; }
input:hover, textarea:hover, textarea:focus, input:focus { opacity: 1.0; background-color: #FFFFFF; -webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.20); box-shadow: inset 0px 0px 3px rgba(0,0,0,0.20); outline: none!important;}
input[type=submit]:hover { background-color: #00B0E3; }
input:hover, textarea:hover, textarea:focus, input:focus { background-color: #F1F1F1; -webkit-box-shadow: none; box-shadow: none; outline: none!important; }
input[type=submit] { font-weight: bold; font-size: 1.4em; display: block; clear: both; width: auto; font-style: myriad-pro; color: #FFFFFF; padding: 11px !important; background-color: #A29087; border-width: none; margin-top: 20px; }
input[type=submit]:hover { background-color: #444444;  }
select { width:101.5%; }


.contact h1 {  }
#QBW { display:block; width:312px; padding:0; margin:0; position:relative; margin-top:20px; }

/* GALLERY and images */
#MAIN .col2 .galleryB a { display: inline-block; float: left; clear: none; width: 24.5%; height: 100px; position: relative; overflow: hidden; margin-left: 1px; margin-bottom: 1px; background-color: #000000; }
#MAIN .col2 .galleryB a img { display:block;  height:100px; width:auto; max-width:400%; position:absolute; top:0px; left:0px;  }
#MAIN .col2 .galleryB a:hover img { opacity:0.7; }
#MAIN .col2 img { display:block; max-width:100%; transform-style:preserve-3d; -webkit-transform-style: preserve-3d; }
.postoffice {}
.drinkIB { display:block; width:100%; clear:both; }
#MAIN .col2 .drinkIB img { display:inline-block; width:auto; height:82px; margin-right:15px; }
.imageB { display:block; margin-top:30px; margin-bottom:25px; }
.imageB a.fancybox { display:inline-block; height:auto; overflow:hidden; background-color: #000000; width:49%; }
.imageB a.fancybox img { display:block;}
.imageB a.fancybox:hover img { opacity:0.7  }
.imageB p { display: block; font-size: 1.3em !important; margin-top: 0px; color: #000000; }
.imageB p a { display: inline-block; color: #000000; opacity:0.7; margin-left:-4px; }
.imageB p a:before { display: inline-block; content:"..."; }
.imageB p a:hover { opacity:1; }
.imageB a.fancybox:nth-child(3) { display:none;  }
.accredB { display:block; width:auto; float:right; margin-bottom:10px; margin-right:10px }
.accredB img { display:block; float:left; margin-right:0px; height:80px; width:auto; }

.floatLS { display:block; float:left; clear:none; margin-right:20px; margin-bottom:20px; }

/* home list */
.home #MAIN .col2 ul  { display: block;  margin-top:10px; }
.home #MAIN .col2 ul li a, .home #MAIN .col2 ul li h5 { font-family: jubilat; font-weight: 600; font-size:1.4em; display:block; color:#000000;  }
.home #MAIN .col2 ul li a:hover { color: #3D3D3D !important; opacity:0.7; }
.home #MAIN .col2 ul li a.ib { display: inline-block;  }
.home #MAIN .col2 ul li a.ib.sep:before { content:"/"; display:inline-block; margin-right:4px; }
.home #MAIN .col2 ul li { display: block;  margin-top:5px; }
.home #MAIN .col2 ul li p { font-size: 1.0em; color: #000000; margin-top:3px; }
.home #MAIN .col2 ul li p.sub { font-size: 1.2em; margin-top:0px; margin-bottom:-3px; }
.home #MAIN .col2 ul li a:before { display:none; }
.home #MAIN .col2 ul li h4 { font-family: jubilat; font-weight: 500; font-size:1.4em; display:block; color: #3D3D3D;  }

#MAIN .xmasO { background-color:#F7F5EA; margin-top:30px; border-radius:5px; }
#MAIN .xmasO .Ipad { display:block; width:auto; padding:20px 15px 10px 20px; }
#MAIN .xmasO h2 { margin:-16px 0 0 0;  }
#MAIN .xmasO h2 span { display:inline; }
#MAIN .xmasO ul { display:block;  }
#MAIN .xmasO ul li { color:#000000;  }
#MAIN .xmasO ul li strong { display:block; }
#MAIN .col2 .xmasO ul li em { color:#990000; }
#MAIN .col2 .xmasO ul li em:before { display:none;  }
#MAIN .xmasO img { display:block; float:right; clear:both; padding-left:10px; padding-bottom:10px; }
#MAIN .col2 .xmasO ul { margin-bottom:15px; margin-top:10px; }
.events #MAIN .col2 .xmasO ul li { margin-top:5px; margin-bottom: 2px; }


#MAIN .notice {
   margin-bottom:50px;
   position:relative;
}
#MAIN .notice:after {
    display: block;
    width: 60%;
    white-space: nowrap !important;
    content: "..............................." "..............................." "...............................";
    font-size: 2em;
    line-height: 1em;
    color: #C4B396;
    overflow: hidden;
    opacity: 0.3;
    pointer-events: none;
    position: absolute;
    bottom: -30px;
    left: 0px;
}

#MAIN .notice h1 span {
   font-weight: 800;
   display:inline-block;
   font-size:1em;
}

#MAIN .col2 ul.wine li em { font-weight:600; display:inline-block; font-size:0.8em; color: #A38472; }
#MAIN .col2 ul.wine li em span { opacity:0.5!important; }
#MAIN .col2 ul.wine li em:before { display:none; }



/* Tablet Layout:481px to 768px. Inherits styles from:Mobile Layout. */
@media only screen and (min-width:481px) {
.OUTER { width: 1000px; min-width:1000px; margin-left: auto; margin-right: auto; clear: both; float: none; height:auto;  }
.BG { min-width:1000px;  }

/* FLUID and LAYOUT */
#HEADER .col1, #HEADER .col2 { display:table-cell; clear:none; float:none; vertical-align:bottom; width:50%;  }
#FOOTER .tableH { width:970px;  }
#FOOTER .col1, #FOOTER .col2, #FOOTER .col3, #FOOTER .space { display:table-cell; clear:none; float:none; vertical-align:top; width:auto;  }

/* HEADER */
#HEADER .OUTER { padding-top: 50px; padding-bottom: 40px; }
#HEADER #navH .OUTER { padding-top: 0px; padding-bottom: 0px;  }
#HEADER .col1 { text-align:left; }
#HEADER .col2 { text-align:right; }
#HEADER h2 { font-size: 4.3em;  line-height:100% }
#HEADER h2 span { font: normal 0.35em sarina; margin-top: 3px; line-height:90% }

/* SLIDER and PARALLAX AND SCROLL */
#SLIDER { height:350px; }
.NRslider .slick-slide { height:350px; }
.backimage { background-position: center center; height: 352px; }
.slick-slide .tb {  margin-top:80px;  }
.slick-slide.slick-current.slick-active .tb { margin-top:120px;  }
.slick-prev, .slick-next { position: absolute; bottom: 25px; width: 45px; height: 45px; margin-bottom: 30px; }
.slick-prev { left: 100px; }
[dir='rtl'] .slick-prev { right: -25px; left: auto; }
.slick-next { right: 100px; }
[dir='rtl'] .slick-next { right: auto; left: -25px; }
.tb h2 { font-size: 3.5em; }

/* CIRCLE */
#circle { top: 60px; right: 20px; width: 130px; height: 130px;  }
#circle div span { padding: 0px 10px; }
#circle div h6 { font-size: 1.7em; }
#circle div h6 em { font-size:0.8em;   }

a#circle div h6 { font-size: 1.7em; }
a#circle div h6 em { font-size:0.8em;   }

/* MAIN BODY 950px */
#MAIN { z-index:500; }
#MAIN .col1 { display:block; float:left;  }
#MAIN .col2 { clear: none; float:left; padding-bottom:40px; }
#MAIN .col1 { width:300px; }
#MAIN .col2 { width:649px; margin-top:-25px; }
#MAIN .Mwrapper { margin-top:-25px; }
#MAIN .MwrapperOLD { margin-top:-25px; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.60); }
#MAIN .Mwrapper .pad { padding: 25px 15px 50px; }
#MAIN .Mwrapper .linkB .pad { padding:20px; }
#MAIN .col2 .pad { padding: 50px 0px 0px 30px; }
#MAIN h1 { font-size: 3.2em; }
#MAIN h2 { font-size: 2.3em; }

.larger #MAIN .col2 ul li { font-size:1.7em; margin-bottom:10px; line-height:90%;  }

/* LINK BLOCKS */
.linkB { background-color: #F7F5EA; background-image: -webkit-linear-gradient(270deg,rgba(247,245,234,1.00) 0%,rgba(255,255,255,1.00) 100%); background-image: -moz-linear-gradient(270deg,rgba(247,245,234,1.00) 0%,rgba(255,255,255,1.00) 100%); background-image: -o-linear-gradient(270deg,rgba(247,245,234,1.00) 0%,rgba(255,255,255,1.00) 100%); background-image: linear-gradient(180deg,rgba(247,245,234,1.00) 0%,rgba(255,255,255,1.00) 100%); margin-top:-50px;  border-radius: 10px; }
.linkB .block { display:block; float:left; clear:both; margin-bottom:20px; width:100%; }
.linkB .block img { display:block; max-width:100%; border-bottom-right-radius:5px; border-bottom-left-radius: 5px; -webkit-filter:brightness(1.0);  }
.linkB .block h4 { padding: 10px 0px; font-size: 1.8em;   }
.linkB .tableH { display:block; width:auto; height:auto;  margin-bottom:0; float:left; clear:both; }
/* TEAM and HISTORY */
.linkB.team .block { display:table-cell; float:none; clear:none; margin-bottom:0px; width:auto; }
.linkB.team .space { display:table-cell; float:none; clear:none; width:10px; }
.linkB.team .block h4 { padding: 10px 0px; font-size: 1.3em; text-transform:capitalize;  }
.linkB.team .tableH { display:table; width:100%; height:auto;  margin-bottom:10px; float:none; clear:none; }
#MAIN .linkB.history .block p { font-size: 1.3em;  }
.linkB .block h4 em { display:inline-block;  }
   
.linkB .tableH.image-l { margin-bottom: 20px; }

/* MENU link blocks + */
.menuB { margin-top:10px; }

/* FOOTER */
#FOOTER .tableH { margin-top:0px; margin-bottom:60px; }
#FOOTER .space { width:40px;  }
#FOOTER .col1 { width:300px; padding-top:60px;  }
#FOOTER .col2 { width:auto; padding-top:60px; margin-bottom:0px;  }
#FOOTER .col3 { width:330px; padding-top:60px;  }
#FOOTER img { max-width:100%; }
#FOOTER img.l1 { display:inline-block; height:120px; margin-left:0px; }
#FOOTER img.l2 { display:inline-block; height:100px; margin-left:10px; }
#FOOTER img.l3 { display:inline-block; height:100px; margin-left:10px; }
#FOOTER .twit { height:400px; margin-bottom:0; margin-top:10px; }
#FOOTER h4:before { display:none; }
#FOOTER h4:after { display:block; content:""; border-top: 1px dotted #666666; margin-top:10px; margin-bottom:-6px; width:100%; height:1px;  }

/*navigation*/
#HEADER .navH .OUTER { padding-top:0px; padding-bottom:0px; }
#HEADER button { display: none !important; }
.js #nav { max-height: 9999px; overflow:visible;}
#navH { z-index:9999; height:0px; overflow:visible; }
#HEADER #navH .OUTER { height:auto;  }
nav { display: block; position: relative; clear: none; height: auto; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.30); box-shadow: 0px 0px 3px rgba(0,0,0,0.30); text-align:center; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; max-height:43px; }
nav li a { display: inline-block; border-bottom: none; padding: 13px 17px 13px; position: relative; margin-left:1px; }
nav li a:after { display: inline-block; content:""; width:1px; height:100%; background-color:#FFFFFF; opacity:0.2; position:absolute; top:0px; right:0px; margin-right:-1px; z-index:1; }
nav li ul { display: block; width: 285px; height: auto; position: absolute; margin-top: 0px; left: -9999px; background-color: #99857B; text-align: left; padding-top: 5px; padding-bottom: 5px; z-index: 9999; }
nav li:hover ul { left:0px; }
nav li ul li { display: block; position: relative; border-bottom: 1px solid rgba(255,255,255,0.20); border-left:none; z-index: 2; }
nav li ul li:last-of-type { border-bottom: none;  }
nav li ul li:after { display:none; }
nav li ul li a { display: block; padding: 8px 20px; color: #FFFFFF; margin: 0px; }
nav li ul li a:after { display:none;}
nav li:hover > a, nav li a.active { color:#FFFFFF; }
nav li a span { display:inline-block; content: ""; width:0; height:0; border-left:6px solid transparent; border-top:8px solid #675E59; border-right: 6px solid transparent; margin-top: 0px; margin-left: 5px; opacity: 0.7; }
nav li:hover a span { border-top: 8px solid #FFFFFF; }
nav li.mn { display: none;  }
nav li.tn { display: inline-block;  }
nav li.selected a { background-color: #575756; }
nav li.n3.selected a { background-color: #575756; }
li.dn1 a:hover, nav li.n3.selected li.dn1 a:hover, nav li.dn1.selected a { background-color: #1B8BCA; }

/* contactform */
form { width:70%;  }
select { width:70%;  }
.map div { height:400px;  }
.map div div { height:400px;  }

/* GALLERY and images */
#MAIN .col2 .galleryB a { width: 120px; height: 120px; overflow:hidden; }
#MAIN .col2 .galleryB a img { width:200px; height: auto; max-width:4000px; }

.imageB { display:block; margin-top:30px; margin-bottom:30px; }
.imageB a.fancybox { width:200px; height:auto; margin-right:1px;  }
.imageB a.fancybox:nth-child(2), .imageB a.fancybox:nth-child(3) { display:inline-block;  }
.accredB { margin-bottom:20px; margin-right:10px }
.accredB img { margin-right:10px; height:150px; width:auto; }

#MAIN .xmasO ul li strong { display:inline; }


}

/* Laptop Layout  */
@media only screen and (min-width:1025px) {
	
#MAIN .Mwrapper .pad { padding: 25px 25px 50px; }
#FOOTER .tableH { width:1000px;  }
#MAIN .col2 .pad { padding: 50px 0px 0px 30px; }
#HEADER .pad { padding-left:0px; padding-right:0px; }
#FOOTER .pad { padding-left:0px; padding-right:0px; }
#circle { top: 110px; right: 0px; }

}



nav li a, .linkB .block img, #FOOTER a, #SLIDER .BLK a, .linkB span, #MAIN ul.sideN li a, .galleryB a img, .imageB a img, .col2 ul li a, a#circle { -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s; }
.clear { clear:both !important; display:block;  }

/*! fancyBox v2.0.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object { vertical-align: top; padding: 0; margin: 0; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 1002; }
.fancybox-outer { position: relative; padding: 0; margin: 0; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.fancybox-opened { z-index: 1003; }
.fancybox-opened .fancybox-outer { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-inner { width: 100%; height: 100%; padding: 0; margin: 0; position: relative; outline: none; overflow: hidden; }
.fancybox-error { color: #444; margin: 0; padding: 10px; font-size: 14px; line-height: 20px; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; vertical-align: top; }
.fancybox-image { max-width: 100%; max-height: 100%; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 36px; margin-top: -18px; cursor: pointer; z-index: 1003; visibility: hidden; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -9999px; left: -9999px; padding: 0; overflow: visible; visibility: hidden; }
#fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 1001; background: #000; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0px; right: 50%; margin-bottom: 0px; z-index: 1003; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; color: #fff; }
.fancybox-title-inside-wrap { }
.fancybox-title-over-wrap { position: absolute; bottom: 0px; left: 20px; color: #fff;  width: 100%; text-align: left; padding-top: 10px; padding-bottom: 10px; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(/images/misc/fancybox_sprite.png); }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 1010; }
#fancybox-loading div { width: 44px; height: 44px; background: url(/images/misc/fancybox_loading.gif) no-repeat center center; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 1004; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; background: transparent url(/images/misc/blank.gif); /* helps IE */ z-index: 1003; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }



@keyframes FadeIn { 0% { opacity:0.0; } 100%{ opacity:1.0; } }
@-webkit-keyframes FadeIn { 0% { opacity:0.0; } 100%{ opacity:1.0; } }

@keyframes FadeInCB { 0% { opacity:0.0; } 100%{ opacity:1.0; } }
@-webkit-keyframes FadeCB { 0% { opacity:0.0; } 100%{ opacity:1.0; } }






