@import url("webfont.css");

/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
html, body, body.mceContentBody, body, body.mceContentBody, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}


body, body.mceContentBody {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/** reset end */

.hidden {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute;
}

html, body {
  height: 100%;
  width: 100%;
}

body.noscroll {
  overflow: hidden;
}

a:link, a:visited {
  text-decoration: none;
  color: #612e1b;
}

a:hover, a:active {
  text-decoration: underline;
}

#sctHome .section {
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#TitleBar {
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  margin-top: -125px;
  position: absolute;
  top: 50%;
  box-sizing: border-box;
  padding: 2px 0;
}

#TitleBar .border {
  border-top: 2px dotted #ae8d53;
  border-bottom: 2px dotted #ae8d53;
  height: 100%;
  padding: 10px;
  box-sizing: border-box;
}

#TitleBar .border p { text-align: center; padding:0; }
#TitleBar .border p.title { font-family: 'Modern No. 20', Verdana, serif; font-size: 30px; color: #000; padding: 10px 0; text-transform: uppercase; }
#TitleBar .border p.subtitle { font-family: 'Modern No. 20', Verdana, serif; font-size: 13px; color: #ae8d53; padding: 0 0 10px 0; text-transform: uppercase; }
#TitleBar .border p a { font-family: Georgia; background: #1c151c; line-height: 30px; padding: 0 23px; display: inline-block; color: #ae8d53; font-size: 15px; border: 1px solid #ae8d53; }

.section {
  padding-bottom: 57px;
  margin-bottom: -57px;
  height: 100vh;
  display: block;
  position: relative;
  box-sizing: border-box;
  background: url(../img/layout/prod_background.jpg);
}

.section.home {
  padding-bottom: 0;
  margin-bottom: 0;
}

section.gallery .section {
  height: auto;
}

.section .page_image.even {
  float: right;
}

.section .page_image {
  float: left;
  height: 100%;
  width: 69%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.section .page_image img {
  display: none;
}

.section .page_content {
  float: left;
  width: 31%;
  box-sizing: border-box;
  padding: 40px 50px;
  height: 100%;
  overflow-y: auto;
}

.section .page_content img {
 
}

.parallax {
  height: 5px;
  background-image: none;
  background: #ae8d53 !important;
  position: relative;
  /*
  height: 600px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  opacity: 0.6;
  */
}

/** Products 
section.products { /*min-height: 1100px;*/ background: url(../img/layout/prod_background.jpg); }
section.products p { text-align: center; }
section.products p.title { font-family: 'Modern No. 20', Verdana, serif; font-size: 30px; color: #000; padding: 5px 0; text-transform: uppercase; }
section.products p.subtitle { font-family: 'Modern No. 20', Verdana, serif; font-size: 13px; color: #ae8d53; padding: 0 0 55px 0; text-transform: uppercase; }
#ProductList { overflow-y: auto; margin: 0 auto; position: relative; max-width: 1600px; }
.product { box-sizing: border-box; padding: 20px 5px; width: 25%; float: left; text-align: center; color: #b4b4b4; transition: background 0.2s ease 0s; }
.product.active { background: #d9d0be; }
.product.active p { color: #ae8d53; }
.product .image { height: 45vh; background-position: center center; background-size: contain; background-repeat: no-repeat; }
.product .image img { display: none; }
.product .ptitle { padding: 25px 0 5px; font-size: 17px; font-family: 'Modern No. 20', Verdana, serif; }
.product .psubtitle { display: none; font-size: 16px; }

*/




/** Products */
section.products { /*min-height: 1100px;*/ background: url(../img/layout/prod_background.jpg); }
section.products p { text-align: center; }
section.products p.title { font-family: 'Modern No. 20', Verdana, serif; font-size: 30px; color: #000; padding: 5px 0; text-transform: uppercase; }
section.products p.subtitle { font-family: 'Modern No. 20', Verdana, serif; font-size: 13px; color: #ae8d53; padding: 0 0 55px 0; text-transform: uppercase; }
#ProductList { overflow-y: auto; margin: 0 auto; position: relative; max-width: 1600px; display: flex; justify-content: center; }
.product { box-sizing: border-box; padding: 20px 5px; width: 25%; float: left; text-align: center; color: #b4b4b4; transition: background 0.2s ease 0s; }
.product.active { background: #d9d0be; }
.product.active p { color: #ae8d53; }
.product .image { height: 45vh; background-position: center center; background-size: contain; background-repeat: no-repeat; width: 140px; }
.product .image img { display: none; }
.product .ptitle { padding: 25px 0 5px; font-size: 17px; font-family: 'Modern No. 20', Verdana, serif; width: 140px; }
.product .psubtitle { display: none; font-size: 16px; }








.bigtext { font-size: 30px; color: #ae8d53; padding: 100px 0 0 0; text-transform: uppercase; }

#header { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 10; height: 57px; background: url(../img/layout/nav_bg.png); }
#navigation { list-style: none; display: block; position: relative; margin: 0 auto; text-align: center; }
#navigation:after { display: block; content: ''; clear: both; }
#navigation li { display: inline-block; }
#navigation li a { display: block; float: left; font-size: 20px; padding: 0 20px; line-height: 57px; color: #aeaeae; }
#navigation li a:hover, #navigation li a:active, #navigation li a.active { text-decoration: none; color: #000; }
#navigation li .margin4logo { margin-right: 170px; }

#header .logo img { display: block; height: 94px; width: 153px; position: absolute; left: 50%; margin-left: -76px; bottom: 0; }

/** ProductOverlay */
#ProductOverlayBg { display: none; background: #d4c6ad; background: rgba(212, 198, 173, 0.5); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99998; }
#ProductOverlay { position: fixed; top: 50%; left: 50%; margin-left: -323px; margin-top: -251px; z-index: 99999; width: 647px; height: 503px; background: url(../img/layout/product_overlay.png); box-sizing: border-box; }
#ProductOverlay .image { float: left; height: 100%; width: 30%; padding: 20px 10px 60px 15px; box-sizing: border-box; overflow: hidden; text-align: center; }
#ProductOverlay .image img { height: 100%; }
#ProductOverlay .content { float: left; height: 100%; width: 70%; padding: 80px 60px 110px 10px; box-sizing: border-box; }
#ProductOverlay .content .title { font-size: 29px; line-height: 30px; color: #000; padding: 0; font-family: 'Modern No. 20', Verdana, serif; letter-spacing: -1px; }
#ProductOverlay .content .subtitle { font-size: 14px; color: #ae8d53; padding: 0 0 25px 0; font-family: 'Modern No. 20', Verdana, serif; text-transform: uppercase;}
#ProductOverlay .content .text { color: #ae8d53; font-family: 'Open Sans', sans-serif; line-height: 1.4; font-size: 15px;}
#ProductOverlay .clear { display: block; clear: both; }
#ProductOverlay .close { position: absolute; top: 60px; right: 15px; width: 25px; height: 25px; background: url(../img/layout/product_overlay_close.png); }
#ProductOverlay .close:hover { background: url(../img/layout/product_overlay_close_hover.png); }

#ProductOverlay .buttons { position: absolute; bottom: 117px; right: 0; width: 70%; box-sizing: border-box; padding: 0 10px; }
#ProductOverlay .buttons a { display: inline-block; padding: 0 20px; line-height: 30px; border: 1px solid #ae8d53; color: #ae8d53; font-size: 14px; background: #fff; margin: 0 10px 0 0; }
#ProductOverlay .buttons a.shop { color: #fff; background: #ae8d53; }
#ProductOverlay .buttons a.notice.active {  }

/** Content Area */
#Gallery { /*max-width: 1200px;*/ min-width: 240px; width: auto; margin: auto; box-sizing: border-box; overflow: hidden; background: #000; }
#GalleryInner { width: 100%; position: relative; box-sizing: border-box; }

/** Footer */
footer {
  background: url(../img/layout/footer.png) top center no-repeat;
}

#footer {
  height: 398px;

}

#mfPreviewBar { display: none !important; }

p.weinelogo { padding: 20px 0 3px 0; }

span.registred {
    font-size: 20px;
    vertical-align: text-top;
}


.ext {
    visibility: hidden;
 }