/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

/*::-moz-selection { text-shadow: none; }
::selection { text-shadow: none; }*/
img { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
ul, ol { padding: 0; }


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.lt-ie8 * { behavior: url(/js/boxsizing.htc); }
html, body { height: 100%; margin: 0; padding: 0  }
body { font-family: 'ArnoPro-Regular', serif; font-weight: normal; color: #636363; position: relative; width: 100%; min-width: 320px; }

h1 { font-size: 29px; line-height: 1.2; font-weight: normal; margin: 0; padding: 0; color: #363636; margin-bottom: 25px; text-align: center;  }
h2 { font-size: 21px; line-height: 1.5; font-weight: normal; margin: 0; padding: 0; font-variant:small-caps; color: #363636 }
h3 { font-size: 19px; line-height: 1.5; font-weight: normal; margin: 0; padding: 0; font-variant:small-caps; color: #959595 }
h4 { font-size: 16px; line-height: 1; font-weight: normal; margin: 0; padding: 0; color: #959595 }
p { font-size: 17px; line-height: 1.45; margin: 0; padding: 0; margin-bottom: 25px;  }

.main { max-width: 900px; height: 100%; margin: 0 auto; }
.contentwrapper { width: 100%; height: 100%; float: left }
nav, section { background: #fff; height: 100%; }
nav { float: left; margin-right: -100%; width: 201px; text-align: center;  }
section { margin-left: 202px; padding: 0 7%; text-align: center; }
.recommendation { padding: 0 3.5%; }

.lang { list-style: none; display: inline-block; *display: inline; zoom:1; margin: 0; padding: 0; padding-top: 25px; }
.lang li { float: left; margin: 0 4px; }
.lang a { text-decoration: none; color: #bebebe; font-size: 19px; line-height: 1 }
.lang a:hover, .lang a.active { color: #464646 }

.logo { display: block; margin-top: 34px; }

.mainnav { list-style: none; margin: 0; padding: 0; margin: 62px 7% 0 7%; }
.mainnav li { border-bottom: 1px dotted #bfbfbf; padding: 7px 0 2px 0 }
.mainnav li:first-child { border-top: 1px dotted #bfbfbf; }
.mainnav a { text-decoration: none; color: #959595; font-size: 13px; line-height: 1.5; letter-spacing: 1px; text-transform: uppercase; }
.mainnav a:hover, .mainnav a.active { color: #464646 }

.subnav { padding: 0; list-style: none; display: none; }
.subnav li { border: 0 !important; padding: 2px 0; }
.subnav a { font-size: 13px; }

.sectionHeader { display: none; }
.content { text-align: left; font-size: 17px; }
.pagetitle { padding: 104px 0 0 0; letter-spacing: 1px; }
.divider { height: 13px; margin: 13px 0 29px 0; background: url('../img/divider-bg.png') left center repeat-x ; text-align: center; }
.lt-ie8 .divider { width: 93% }
.divider div { width:34px; height: 13px; display: inline-block; *display: inline; zoom:1; background: url('../img/divider-mark.png');  }

.sectionNav { display: block; list-style: none; text-align: center; padding: 0; }
.sectionNav li { display: inline-block; padding: 0 5px; border-left: 1px solid #959595; *display: inline; zoom:1; }
.sectionNav li:first-child { border: 0; }
.sectionNav a { font-size: 13px; letter-spacing: 1px; line-height: 1; text-decoration: none; color: #959595; text-transform: uppercase; }
.sectionNav a:hover, .sectionNav a.active { color: #464646 }
.sectionNav .divider { margin-top: 29px; }

.recommendation .divider { margin-left: 3.5%; margin-right: 3.5%  }

.col12 { width: 50%; padding: 0 3.5%; margin-bottom: 27px; display: inline-block; vertical-align: top; *display: inline; zoom:1; }
.col12 img { width: 100%; height: auto; }
.col12 h2 { font-size: 19px; }
.col12 h3 { text-align: center; margin-bottom: 2px; }
.col12 a { font-size: 17px; text-decoration: none; color: #636363 }

/* Basic jQuery Slider essential styles */
.slideshow { margin-bottom: 40px; }
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;position: absolute; overflow: hidden; width: 100%}
ul.bjqs-controls a { font-variant: small-caps; color: #000; text-decoration: none; line-height: 1.45 }
.bjqs-next { float: right; }
.bjqs-next a { background: url(../img/arrow-next.png) right center no-repeat; padding-right: 21px; }
.bjqs-prev { float: left; }
.bjqs-prev a { float: left; background: url(../img/arrow-prev.png) left center no-repeat; padding-left: 21px; }
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;margin:0;padding:0;text-align:center;font-variant:small-caps;color:#959595;margin-bottom: 3px; letter-spacing:1px; }

.tabsNav { list-style: none; text-align: center; }
.tabsNav li { display: inline-block; *display: inline; zoom:1; margin-right: 1px; }
.tabsNav li a { background: #0d0d0d; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; line-height: 1; padding: 7px 10px 5px 10px; }
.tabsNav li.active a, .tabsNav li a:hover { color:#898989 }
.tab { margin-top: 40px;  }
.tab img { width: 100%; height: auto; }
.tab a { text-decoration: none; color: #636363; }

.prices { width: 100%; text-align: center; color: #111; margin-bottom: 40px; }
.prices tr { background: #f2f2f2 }
.prices tr.even { background: #d9d9d9 }
.prices td { padding: 30px 10px; width: 50% }
.prices thead tr { background: #fff }
.prices thead td { padding: 10px 10px; }
.prices thead { font-variant: small-caps; letter-spacing: 1px }
.prices tr td:first-child { border-right: 1px dotted #b9b9b9 }

.pickDate { margin-bottom: 40px; }
.pickDate fieldset { display: block; }
.pickDate fieldset label { display: inline-block; *display: inline; zoom:1; width: 47%; }
.pickDate fieldset label:first-child { width: 47%; margin-right: 6% }
.pickDate label span { display: block; }
.pickDate input { display: block; border: 1px solid #c0c0c0; width: 100%; font-family: 'ArnoPro-Regular', serif; font-weight: normal; color: #636363; line-height: 1.5; padding: 1% 2%; margin-bottom: 9px; }
.pickDateForm fieldset { display: inline-block; *display: inline; zoom:1; width: 47%; vertical-align: top }
.pickDateForm fieldset:first-child { width: 47%; margin-right: 6% }
.pickers { margin-bottom: 40px; }
.centerButton { text-align: center; }
.linkButton { display: inline-block; *display: inline; zoom:1; padding: 1% 3%; font-size: 13px; white-space: nowrap; background: #000; color: #fff; text-decoration: none; }
.submitButton { font-family: 'ArnoPro-Regular', serif; font-size: 13px; border: 1px solid #000; color: #000; background: #fff; padding: 1% 3%; }
.personalInput, .personalNote { border: 1px solid #c0c0c0; width: 100%;  }
.personalNote { font-family: 'ArnoPro-Regular', serif; font-weight: normal; color: #636363; line-height: 1.5; padding: 1% 2%; }
.pickDate p { margin-bottom: 0; }

.reservation { background: #404040; }
.option { background: #808080; }
.selection { background: #cdcdcd; }
.legend { margin-top: 20px; }
.legend div { display: inline-block; *display: inline; zoom:1; white-space: nowrap; font-size: 15px; line-height: 1.5; margin: 0 2% 2% 0; }
.legend span { width: 20px; height: 20px; float: left; border: solid 1px #c0c0c0 !important; margin-right: 5px; }


.contact div { float: left; display: block }
.contact div:first-child { width: 47%; margin-right: 6% }
.contact div:first-child img { width: 100% }
.contact div:last-child { width: 47%; }
.contact div span { color: #000 }
.contact div a { text-decoration: none; color: #636363 }

.social { margin: 0; padding: 0; padding-bottom: 25px; text-align: center;}
.social a { margin: 0 10px; }


.block { position: relative;  }
.close-btn { display: block; width: 42px; height: 36px; padding: 0; border: 0; outline: none; background: #fff url("../img/close-btn.svg") left center no-repeat; background-size: 30px 30px; overflow: hidden; white-space: nowrap; text-indent: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.no-svg .close-btn { background-image: url("../img/close-btn.png"); }
.close-btn:focus, .close-btn:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.nav-btn { display: block; width: 42px; height: 36px; padding: 0; border: 0; outline: none; background: #fff url("../img/nav-icon.svg") left center no-repeat; background-size: 30px 24px; overflow: hidden; white-space: nowrap; text-indent: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35); opacity: 0.35; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.no-svg .nav-btn { background-image: url("../img/nav-icon.png"); }
.nav-btn:hover, .nav-btn:focus { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
#outer-wrap { position: relative; overflow: hidden; width: 100%; min-height: 100%; }
#inner-wrap { position: relative; width: 100%; height: 100% }
#nav { z-index: 200; position: relative; overflow: hidden; }
#nav .close-btn { display: none; }
#nav .block { z-index: 2; position: relative; }
.lt-ie9 #nav ul { zoom: 1; }
#top { z-index: 100; position: relative; }
#top .nav-btn { position: absolute; top: 24px; left: 7%; }
.error {background-color: #ffd7d7;}


.content h2 { font-size: 21px; line-height: 1.5; font-weight: normal; margin: 0; padding: 0; font-variant:small-caps; color: #363636 }
.content h3 { font-size: 19px; line-height: 1.5; font-weight: normal; margin: 0; padding: 0; font-variant:small-caps; color: #959595 }
.content h4 { font-size: 17px; line-height: 1; font-weight: normal; margin: 10px 0 0 0; padding: 0; color: #363636; font-variant:small-caps;}
.content ul { margin: 5px 0 10px 0 !important; }
.content .uski { margin-left: 22px; margin-right: 22px;}
.content a { color: #959595; text-decoration: none; }
.content a:hover { color: #464646; }

.inlineimage { width: 100%; }

.flexible-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.flexible-container iframe, .flexible-container object, .flexible-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.recaptchatable { width: 100% !important;}
#recaptcha_image { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/*.recaptchatable, .recaptchatable * { background: none !important; }*/

/* ==========================================================================
   Media Queries
   ========================================================================== */

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

  .sectionNav { text-align: left; }
  .sectionNav li { padding: 0; border: 0 !important; width: 50%; line-height: 1.5; text-align: center; }

}


@media screen and (min-width: 606px) {

  #top .nav-btn { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
  #nav .close-btn { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
  #nav .block-title { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

}



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

  .subnav { display: block; }
  .sectionNav { display: none; }
  
  section { margin-left: 0; }
  .sectionHeader { display: block; }
  .navHeader { display: none; }
  .sectionHeader .logo { margin-top: 14px; }
  .pagetitle { padding-top: 24px; }

  .pickDateForm fieldset { width: 100%; }
  .pickDateForm fieldset:first-child { width: 100%; margin-right: 0 }


  #nav { position: absolute; top: 0; padding-top: 24px; }
  #nav:not(:target) { z-index: 1; height: 0; }
  #nav:target .close-btn { display: block; }
  #nav .close-btn { position: absolute; top: -60px; left: 7%; }
  #nav .block { position: relative; padding: 0; }
  .js-ready #nav { height: 100%; width: 70%; background: #fff; -webkit-box-shadow: inset -24px 0 24px -12px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset -24px 0 24px -12px rgba(0, 0, 0, 0.25); box-shadow: inset -24px 0 24px -12px rgba(0, 0, 0, 0.25); }
  .js-ready #nav .block { background: transparent; }
  .js-ready #nav .close-btn { display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35); opacity: 0.35; }
  .js-ready #nav .close-btn:focus, .js-ready #nav .close-btn:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
  .js-ready #nav { left: -70%; }
  .js-ready #inner-wrap { left: 0; }
  .js-nav #inner-wrap { left: 70%; }
  .csstransforms3d.csstransitions.js-ready #nav { 
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .csstransforms3d.csstransitions.js-ready #inner-wrap {
    left: 0 !important;
    -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);
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .csstransforms3d.csstransitions.js-nav #inner-wrap {
    -webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
  }

  .csstransforms3d.csstransitions.js-ready #nav .block {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
    -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
    transition: opacity 300ms 100ms ease, transform 500ms ease;
    -webkit-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -moz-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -ms-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -o-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  .csstransforms3d.csstransitions.js-nav #nav .block {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -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);
  }
}


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

  .col12 { width: 100%; padding: 0 3.5%; margin-bottom: 27px; display: block; }
  .contact div:first-child { width: 100%; margin-right: 0; margin-bottom: 20px; }
  .contact div:last-child { width: 100%; }

}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}