/** * 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%;
  background: #fff;
}

h3 {
  padding-left: 30px;
  border-left: 50px solid #2fac68;
  font-size: 30px;
  line-height: 50px;
  margin: 10px 0 20px 0;
}

strong {
  font-weight: bold;
}

body * {
  font-family: Raleway;
}

body.noscroll {
  overflow: hidden;
}

a:link, a:visited {
  text-decoration: none;
  color: #2fac68;
}

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;
}

.section {
  display: block;
  padding-top: 20px;
  padding-bottom: 100px;
  position: relative;
  box-sizing: border-box;
  background: #fff;
}

.centered {
  width: 1200px;
  position: relative;
  margin: 0 auto;
}

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

.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 {
  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;
}

.parallax.none {
  display: none;
}


/** Products */
section.products { /*min-height: 1100px;*/ }
section.products p { text-align: center; }
section.products p.title { font-family: 'Raleway', Verdana, serif; font-size: 30px; color: #000; padding: 5px 0; text-transform: uppercase; }
section.products p.subtitle { font-family: 'Raleway', 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: 10px 5px; height: 350px; width: 20%; float: left; text-align: center; color: #888; transition: background 0.2s ease 0s; }
.product.active { background: #ecfcf3; }
.product.active p { color: #2fac68; }
.product .image { height: 200px; 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: 'Raleway', Verdana, serif; }
.product .psubtitle { font-size: 12px; color: #ced0d2; }

#header { position: fixed; top: 0; left: 0; width: 100%; z-index: 10; background: #fff; border-top: 5px solid #b8babc; border-bottom: 5px solid #2fac68; }
#navigation { list-style: none; display: block; float: right; position: relative; margin: 0 auto; text-align: center; }
#navigation:after { display: block; content: ''; clear: both; }
#navigation li { display: inline-block; }
#navigation li a { font-family: Raleway; display: block; float: left; font-size: 20px; padding: 0 20px; line-height: 80px; color: #aeaeae; border-top: 5px solid transparent; margin-top: -5px; }
#navigation li a:hover, #navigation li a:active, #navigation li a.active { text-decoration: none; color: #000; border-top: 5px solid #2fac68; }
#navigation li[data-base="footer"], #MobileMenu li[data-base="footer"] { display: none; }

#header .logo img { float: left; height: 80px; }


/** Team */
.member-wrapper { width: 33.33%; font-size: 16px; float: left; position: relative; }
.member { position: relative; margin: 0 auto; width: 350px; padding: 30px 20px 40px 20px; box-sizing: border-box; border-bottom: 5px solid #2fac68; background: #f7f7f7; }
.member:hover { background: #ecfcf3; color: #2fac68; }
.member p { padding: 0; }
.member .image { overflow: hidden; width: 100%; height: 310px; margin-bottom: 20px; }
.member .image img { width: 100%; }
.member .name { font-weight: bold; }
.member .function { font-size: 14px; margin-bottom: 15px; }
.member .contact {  }



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


#footer { background: #2bb673; color: #fff; padding: 40px 0; }

#mfPreviewBar { display: none !important; }

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


div#TeamText {
    column-count: 2;
    column-gap: 2em;
    text-align: justify;
    margin-bottom: 25px;
}