/*====================*/
/*=== Thanks for taking the time to read ===*/
/*====================*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

@media ( min-width: 800px){.container{ max-width:100%; width:1500px; }}

/* Some basic animations */
.waypoint.slideUp { opacity:0;}
@keyframes slideUp { 0% { margin-bottom:-40px; opacity: 0; } 100% {margin-bottom:0; opacity: 1;} }
.slideUp { animation-duration:1s; animation-name:slideUp; margin-bottom:0; opacity: 1;}

.waypoint.slidePush { opacity:0;}
@keyframes slidePush { 0% { padding-top:40px; opacity: 0; } 100% {padding-top:0; opacity: 1;} }
.slidePush { animation-duration:1s; animation-name:slidePush; padding-top:0; opacity: 1;}

/* Some basic animations */
@keyframes fadeup { 0% { opacity:0; } 100% {opacity:1;} }

@-webkit-keyframes bounce {0% {opacity: .6;}50% {opacity: .2; padding-top:10px; }100% {opacity: .6;}}
@-moz-keyframes bounce {0% {opacity: .6;}50% {opacity: .2; padding-top:10px; }100% {opacity: .6;}}
@-o-keyframes bounce {0% {opacity: .6;}50% {opacity: .2; padding-top:10px; }100% {opacity: .6;}}
@keyframes bounce {0% {opacity: .6;}50% {opacity: .2; padding-top:10px; }100% {opacity: .6;}}
.bounce { animation-name: bounce; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: forwards; animation-timing-function: ease-in-out; }

#green,#white,#red { float:left; height:100vh; width:33.33%;  position: fixed; }

hr { border-color:rgba(0,0,0,.3);}

#green { background:#009246; color:#fff; left:0;}
#white { background:#fff; color:#111; left:33.3%;}
#red { background:#ce2b37; color:#fff; right:0;}
#green a,#red a { color:#fff;}

#opening .badge {  background:#ce2b37; }

#content { position:relative; z-index:100; position:relative; padding:80px 0 40px; display:block;}
#content_body { margin:0px 30px; overflow:hidden; }
#content_body iframe { float:right; margin-left:30px;}
#intro {display:-ms-flexbox; display:-webkit-flex; flex-direction:row; display:flex;-webkit-justify-content:space-between; justify-content:space-around; align-items:center; }
#intro iframe,#intro > div { width:50%;  }
#intro > div {padding:30px; background:#fff;  box-shadow: rgba(0,0,0,.1) 0px 0px 10px;}
#content_body h3 { margin:0 0 20px; font-size:26px; font-weight:bold; letter-spacing:0;}

#booking,#opening,#menus { text-align:center;}
#booking ul,#opening ul,#menus ul { list-style:none; margin:0; padding:0;}
#booking,#menus,#booking a,#menus a  { color:#fff;}
#booking h2,#opening h2,#menus h2 { margin-top:0; font-weight:bold;}

#booking > a { border:solid 1px #fff; padding:10px 20px; display:inline-block; margin:10px 0; font-weight:bold; }
#booking span { display:block; margin-bottom:10px;}
#booking span b { display:block; margin-bottom:-5px;}

#menus a { font-weight:bold;}

#opening ul { text-align:left; margin:0 auto; max-width:300px;}

#opening ul,#menus ul { margin-top:25px;}

#menus ul li { margin-bottom:6px;}

.disclaimer { text-align:center; margin-top:40px;}

/* Smooth state transitions */
.transitionOut {}
.transitionIn {}
.transitionOut .videobg { opacity:0;}
.tr-gone { transition: .5s;}
.tr-slideUp,.tr-slideDown { transition: 1s; margin-top: inherit; animation-timing-function: ease-in; -webkit-animation-timing-function: ease-in;}
.transitionOut .tr-gone { opacity: 0;}
.transitionOut .tr-slideDown  { opacity: 0; display: block; margin-top:-50px!important; transition: .3s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; }
.transitionOut .tr-slideUp  { opacity: 0; display: block; margin-top:50px!important; transition: .3s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; }
.transitionOut .overlay.open { opacity:0;}

.logo { position:absolute; margin:0 auto; top:15px; left:0; right:0; width:350px;}
.logo img { max-width:100%;}

.telephone { font-weight:normal; position:absolute; top:30px; right:30px; color:#fff;}
.telephone a { font-weight:bold; margin-left:10px; color:#fff; }
.email { position:absolute; top:30px; left:30px; color:#fff;}
.email a { color:#fff;}

.disclaimer { font-size:11px; opacity:.5;}

.canvas { overflow:hidden; position:relative; display:block; min-height:100vh;}

#oldie { background:#2b333c; color:#fff; padding:10px 15px; position:fixed; bottom:0; left:0; right:0; z-index:900; font-size:12px;}

body { font-size: 14px; line-height: 26px; position: relative; overflow-y: scroll!important; font-weight:normal; margin-bottom:0!important; background-color:#fff; color: #111;  background-size:cover; background-repeat:no-repeat; background-position:center; background-attachment:fixed; letter-spacing:0.05em; font-family: 'Montserrat', sans-serif; }

.notice { text-transform: none; font-size: 13px; text-align: center; line-height: 20px; background: #eee; padding: 20px; }

@media ( min-width: 800px){.container.thin,.thin{ max-width:820px; }}

.space { letter-spacing:0.2em; text-transform:uppercase;}
.grey { opacity:.7;}

h1 { font-size:28px;}
h2 { font-size:24px;}
h3 { font-size:18px;}

blockquote{ font-size:14px;  border-left:solid 3px #079fe2; }
blockquote strong { color:#000; }

a,a:focus,a:hover {color:#111; text-decoration:none;}

strong,b { font-weight:bold;}

.anim-in.off { opacity:0; padding-top:100px;}

.clear_break { display:block; height:30px; width:100%; clear:both; float:none;}

.social-links {padding:0; display: block; margin: 0 auto; text-align: center; }
.social-links li { list-style: none;}
.social-links a { height:30px; border-radius:50%; border:solid 1px rgba(255,255,255,.5); padding-top:7px; text-align:center; color:#fff; display: inline-block; width: 30px; margin: 0 5px;  position: relative; font-size: 18px; opacity:1;}
.social-links a:hover { opacity:1; }

@-webkit-keyframes fadein {
    0% { -webkit-filter:blur(30px); -moz-filter:blur(30px); -o-filter:blur(30px); -ms-filter:blur(30px); filter:blur(30px); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); }
    100% { -webkit-filter:blur(0px); -moz-filter:blur(0px); -o-filter:blur(0px); -ms-filter:blur(0px); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); filter:blur(0px); }
}

@media (max-width: 1380px) {


}

@media (max-width: 1199px) {



}

@media (max-width: 991px) {
}


@media (max-width: 900px) {
}


@media (max-width: 767px) {

    .mobile-desc { padding:15px; background:#fff; display:block; position:relative; overflow:hidden; margin-top:10px; float:left; }


    .header { background:#fff; position:relative; padding-top:40px;}
    .logo{ position:relative; color:#000; border-top:solid 1px #ddd; background:#fff; width:100%; display:block; left:inherit; right:inherit; top:inherit; padding:15px;  text-align:center; }
    .logo img { max-width:80%; margin:0 auto; }
    .telephone > span { display:none;}
    .telephone { right:15px; top:10px;}
    .email { left:15px; top:10px;}
    .logo a,.telephone a,.email a { color:#000;}

    #content { padding-top:10px; }
    #content_body { margin:0 15px; }
    #content_body h3 { margin:0;}

    #intro { display:block;}
    #intro > div {margin-top:20px;}
    #intro iframe, #intro > div { width:100%; display:block; text-align:center;}
    #intro iframe { height:60vw;}

    #booking,#opening,#menus { color:#000; padding:25px 15px; margin:10px -15px; background:#fff;  box-shadow: rgba(0,0,0,.1) 0px 0px 10px;}
    #booking a,#opening a,#menus a { color:#000;}

    #booking > a,.social-links a  { border-color:#000;}

}