html, body, 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: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; 
  font-size: 95%!important;}

ol, ul {
  list-style: none; }

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.widgets {
  width: 1180px;
  padding: 0 150px;
  margin: 20px auto 0 auto;
  overflow: auto; }
  .widgets .three:nth-child(1), .widgets .six {
    margin-right: 30px; }
  .widgets .three {
    float: left;
    width: 220px; }
  .widgets .four {
    float: left;
    width: 280px; }
  .widgets .five {
    float: left;
    width: 355px; }
  .widgets .six {
    float: left;
    width: 380px; }
  .widgets h3 {
    float: left;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.1em;
    font-size: 0.8em;
    position: relative;
    margin: 0 0 15px 0; }
    .widgets h3 span {
      background-color: white;
      padding: 0 8px; }
  .widgets h3:after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 100%;
    background-color: black;
    height: 1px;
    z-index: -1; }
  .widgets .events {
    width: 100%;
    float: left;
    position: relative; }
    .widgets .events .event {
      float: left;
      width: 100%;
      margin-bottom: 10px;
      background-color: #FFFBD1;
      padding: 10px; }
      .widgets .events .event .info {
        float: left;
        width: 100%; }
        .widgets .events .event .info h4 a {
          display: block;
          font-family: "Tungsten A", "Tungsten B";
          font-weight: 500;
          letter-spacing: 0.15em;
          font-size: 1.5em;
          text-align: center;
          text-transform: uppercase;
          color: #aa0000;
          border-style: solid;
          border-color: #a1a1a1;
          border-width: 0 1px 1px 1px;
          padding: 7px 10px;
          -webkit-transition: color 0.2s ease-in-out;
          -moz-transition: color 0.2s ease-in-out;
          -o-transition: color 0.2s ease-in-out;
          transition: color 0.2s ease-in-out; }
        .widgets .events .event .info h4 a:hover {
          color: #d26e04; }
        .widgets .events .event .info p {
          font-size: 0.75em;
          font-weight: 400;
          line-height: 1.5em;
          padding: 5px 10px;
          border-style: solid;
          border-color: #a1a1a1;
          border-width: 0 1px 1px 1px; }
      .widgets .events .event .when {
        float: left;
        width: 100%;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 0.8em;
        letter-spacing: 0.1em;
        border-style: solid;
        border-color: #a1a1a1;
        color: black;
        border-width: 1px 0; }
        .widgets .events .event .when div {
          padding: 5px 10px;
          text-align: center;
          float: left;
          border-style: solid;
          border-color: #a1a1a1; }
        .widgets .events .event .when .day {
          width: 30%;
          border-width: 0 1px 0 1px; }
        .widgets .events .event .when .date {
          width: 35%;
          border-width: 0 1px 0 0; }
        .widgets .events .event .when .time {
          width: 35%;
          border-width: 0 1px 0 0; }
          
/* TOURS uh... "widget"? */          
.widgets .tour {
	width: 100%;
	float: left;
	position: relative;
	border: 1px solid #cccccc;
	padding: 15px; }
	
.widgets .tour h4 {
	text-transform: uppercase;
	text-align: center;
	font-size: .85em;
	line-height: 1.2em;
	letter-spacing: 0.1em;
	font-weight: 500;
	color: #333;
	font-weight: 500;
	}
	
.widgets .tour p {
	float: left;
	width: 100%;
	color: black;
	font-size: 0.9em;
	text-align: center;
	line-height: 1.4em; }
	
.widgets .tour p.next-tour em { 
	font-size: 1.3em;
	line-height: 1.3em;
	font-weight: 600;
	color: #333;
	display: block; 
	padding-top: .2em;
}
	
.widgets .tour p.next-tour {
	font-weight: 300;
	line-height: 1.3em;
	padding-top: 1em;
	display: block;
}
	
.widgets .tour p.signup {
	text-transform: uppercase;
	font-family: "Tungsten A","Tungsten B";
	font-weight: 400;
	text-align: center;
	letter-spacing: 0.03em;
	width: 100%;
	padding: 10px 0 0 0;
	font-size: 1.5em;
	}
	
.widgets .tour p.signup a {
	display: block;
	background: #FADD09;
	color: #333;
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out; }
	
.widgets .tour p.signup a.last_button {
	margin-top: 10px;
	}
	
.widgets .tour p.signup a:hover {
	color:#A00; }
	
.widgets .tour .tour_notice {
	position: absolute;
	margin: -65px 0 0 -132px;
	width: 135px;
	height: 95px;
	padding: 0px;
	background-image: url(http://drinkicd.com/images/tour_arrow.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	
	}	
	
.widgets .tour .bottle_notice {
	position: absolute;
	margin: 55px 0 0 -110px;
	width: 113px;
	height: 35px;
	padding: 0px;
	background-image: url(http://drinkicd.com/images/bottle_arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	}	
	
.widgets .tour .tour_notice p, .widgets .tour .bottle_notice p {
	display: block;
	width: 100px;
	line-height: 1.1em;}
.tour_notice p em, .bottle_notice p em{
text-decoration: underline; }	
  
  
/* COCKTAILS */
  .widgets .cocktails {
    float: left;
    width: 100%;
    padding: 15px 25px 10px 25px;
    margin: 20px 60px 0 0;
    background-color: rgba(255, 255, 255, 0.8);
    position: relative;
    font-size: 0.9em;
    line-height: 1.4em;
    cursor: pointer; }
    .widgets .cocktails p {
      font-weight: 500;
      float: left;
      width: 100px;
      color: black;
      margin: 5px 0 10px 0;
      color: #aa0000; }
    .widgets .cocktails img {
      float: right;
      margin: 0 0 8px 0; }
    .widgets .cocktails p.submit {
      float: left;
      padding: 2px 10px;
      background-color: rgba(0, 0, 0, 0.8);
      color: white;
      width: 140px;
      text-transform: uppercase;
      font-size: 0.8em;
      letter-spacing: 0.1em;
      font-weight: 300;
      height: 20px;
      position: relative;
      text-align: center; }
      .widgets .cocktails p.submit span.front {
        display: block;
        position: absolute;
        left: -6px;
        top: 0;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 12px 6px 12px 0;
        border-color: transparent rgba(0, 0, 0, 0.8) transparent transparent; }
      .widgets .cocktails p.submit span.back {
        display: block;
        position: absolute;
        right: -6px;
        top: 0;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 12px 0 12px 6px;
        border-color: transparent transparent transparent rgba(0, 0, 0, 0.8); }
  .widgets .cocktails:hover {
    background-color: white; }
  .widgets .currently {
    float: left;
    width: 100%;
    position: relative;
    text-transform: uppercase;
    padding: 10px 0; }
    .widgets .currently h4, .widgets .currently a {
      float: left;
      width: 100%;
      text-align: center;
      font-weight: 500;
      color: #333333;
      font-size: 0.75em;
      border-color: #fadd09;
      border-style: solid; }
    .widgets .currently h4 {
      border-width: 0 0 4px 0;
      padding: 0 0 13px 0;
      letter-spacing: 0.2em; }
    .widgets .currently a {
      padding: 13px 0 0 0;
      border-width: 4px 0 0 0;
      letter-spacing: 0.1em;
      color: #aa0000;
      -webkit-transition: color 0.2s ease-in-out;
      -moz-transition: color 0.2s ease-in-out;
      -o-transition: color 0.2s ease-in-out;
      transition: color 0.2s ease-in-out; }
    .widgets .currently a:hover {
      color: #d26e04; }
    .widgets .currently p.batch {
      float: left;
      width: 100%;
      text-align: center;
      font-family: "Tungsten A", "Tungsten B";
      font-weight: 400;
      color: black;
      border-top: 2px solid #222222;
      border-bottom: 2px solid #222222;
      font-size: 2.2em;
      letter-spacing: 0.03em;
      padding: 5px 0;
      background-color: #fadd09;
      -webkit-transition: color 0.2s ease-in-out;
      -moz-transition: color 0.2s ease-in-out;
      -o-transition: color 0.2s ease-in-out;
      transition: color 0.2s ease-in-out; }
      .widgets .currently p.batch em {
        color: #aa0000;
        margin-left: 10px;
        -webkit-transition: color 0.2s ease-in-out;
        -moz-transition: color 0.2s ease-in-out;
        -o-transition: color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out; }

@media only screen and (max-width: 1180px) {
  section#tag img {
    width: 980px; }

  .tag_header {
    min-width: 980px; } }
body.tag {
  background-color: black;
  color: white; }
  body.tag footer {
    border-top: none; }
  body.tag .tag_header {
    width: 100%;
    float: left;
    color: black;
    margin: 42px 0 60px 0;
    position: relative; }
    body.tag .tag_header .next {
      position: absolute;
      top: 50%;
      right: 50px;
      margin-top: -30px;
      height: 60px;
      z-index: 10;
      width: 150px; }
    body.tag .tag_header .prev {
      position: absolute;
      top: 50%;
      left: 50px;
      margin-top: -30px;
      height: 60px;
      z-index: 10;
      width: 150px; }
    body.tag .tag_header .next a, body.tag .tag_header .prev a {
      color: black;
      font-size: 1.2em;
      font-weight: 600;
      line-height: 60px;
      width: 100%;
      display: block; }
      body.tag .tag_header .next a span, body.tag .tag_header .prev a span {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0; }
    body.tag .tag_header .next a:hover span, body.tag .tag_header .prev a:hover span {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1; }
    body.tag .tag_header .next a:after, body.tag .tag_header .prev a:after {
      content: "";
      display: block;
      border-style: solid;
      border-width: 15px 15px 0 0;
      border-color: black;
      height: 60px;
      width: 60px;
      position: absolute;
      top: 0;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1; }
    body.tag .tag_header .next a:hover:after, body.tag .tag_header .prev a:hover:after {
      border-color: #aa0000; }
    body.tag .tag_header .next a {
      text-align: left; }
    body.tag .tag_header .next a:after {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      right: 0; }
    body.tag .tag_header .prev a {
      text-align: right; }
    body.tag .tag_header .prev a:after {
      -webkit-transform: rotate(-135deg);
      -moz-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
      -o-transform: rotate(-135deg);
      transform: rotate(-135deg);
      left: 0; }
    body.tag .tag_header h2 {
      text-align: center;
      width: 100%;
      font-family: "Tungsten A", "Tungsten B";
      font-weight: 500;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      font-size: 8em;
      line-height: 1em;
      position: relative;
      color: black;
      padding: 25px 0 25px 0;
      background-color: #fadd09; }
      body.tag .tag_header h2 em {
        color: #aa0000; }
    body.tag .tag_header h2:before {
      content: "";
      width: 100%;
      height: 5px;
      background-color: black;
      position: absolute;
      top: 10px;
      left: 0; }
    body.tag .tag_header h2:after {
      content: "";
      width: 100%;
      height: 5px;
      background-color: black;
      position: absolute;
      bottom: 10px;
      left: 0; }
  body.tag h1 {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    font-size: 2.2em;
    position: relative;
    color: white;
    padding: 0 0 30px 0; }

.tag_details {
  width: 860px;
  margin: 0 auto;
  text-transform: uppercase; }
  .tag_details div {
    float: left;
    margin-left: 30px;
    text-align: center; }
    .tag_details div p, .tag_details div li {
      float: left;
      padding: 5px;
      width: 100%;
      line-height: 1.4em;
      color: white;
      font-size: 1.1em;
      font-weight: 200;
      letter-spacing: 0.15em; }
    .tag_details div p.small {
      font-size: 0.7em;
      letter-spacing: 0.2em;
      padding: 0; }
  .tag_details div:first-child {
    margin-left: 0; }
  .tag_details h3 {
    float: left;
    width: 100%;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0.25em;
    padding: 5px;
    font-size: 0.9em;
    position: relative;
    margin-bottom: 5px; }
    .tag_details h3 span {
      background-color: black;
      padding: 0 7px 0 10px; }
  .tag_details h3 span:after {
    content: "";
    display: block;
    position: absolute;
    top: 11px;
    left: 0;
    width: 100%;
    background-color: white;
    height: 2px;
    z-index: -1; }
  .tag_details .short_released {
    width: 170px; }
  .tag_details .short_crew {
    width: 650px; }
    .tag_details .short_crew p {
      font-size: 0.9em;
      text-align: center;
      text-transform: none;
      letter-spacing: 0.1em;
      line-height: 1.6em; }
  .tag_details .produced {
    width: 170px; }
  .tag_details .released {
    width: 150px; }
  .tag_details .size {
    width: 90px; }
  .tag_details .notes {
    width: 360px; }
    .tag_details .notes p {
      font-size: 0.9em;
      text-align: center;
      text-transform: none;
      letter-spacing: 0.1em;
      line-height: 1.6em; }
  .tag_details .crew {
    margin: 20px 0 0 0;
    width: 100%; }
    .tag_details .crew p {
      font-size: 0.9em;
      text-align: center;
      text-transform: none;
      letter-spacing: 0.1em;
      line-height: 1.6em; }

section#tag img {
  margin: 0 0 40px 0; }

.batch_header {
  width: 100%;
  float: left;
  color: black; }
  .batch_header h2 {
    text-align: center;
    width: 1180px;
    margin: 0 auto;
    font-family: "Tungsten A", "Tungsten B";
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-size: 8em;
    position: relative;
    color: black;
    padding: 30px 0 30px 0; }
    .batch_header h2 em {
      float: left;
      width: 100%;
      font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
      font-size: 0.4em;
      letter-spacing: 0.1em;
      font-weight: 800; }

h2.batch {
  color: rgba(0, 0, 0, 0); }

h3.recent {
  float: left;
  text-align: center;
  font-weight: 500;
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 1.3em;
  margin: 0 0 30px 0; }

.batchForm form {
  width: 340px;
  position: absolute;
  top: 24px;
  left: 50%;
  margin-left: -170px;
  z-index: 10; }
  .batchForm form .ui-placeholder-wrap {
    position: relative;
    display: inline-block;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none; }
  .batchForm form .ui-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden; }
  .batchForm form .placeholder {
    border: none;
    background-color: transparent;
    outline: none;
    font-size: 8em;
    font-family: "Tungsten A", "Tungsten B";
    color: #aa0000;
    padding: 0;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.05em;
    width: 100%;
    margin: 0;
    vertical-align: middle;
    margin: -16px 0 0 0; }
  .batchForm form .ui-placeholder-wrap {
    display: block; }
  .batchForm form .ui-placeholder {
    border: none;
    background-color: transparent;
    outline: none;
    font-size: 8em;
    font-family: "Tungsten A", "Tungsten B";
    color: rgba(0, 0, 0, 0.5);
    padding: 0;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.05em;
    width: 100%;
    margin: 0; }
  .batchForm form input.submit:hover {
    background-color: black; }
  .batchForm form input.submit {
    border: none;
    outline: none;
    float: left;
    width: 100%;
    margin: -16px 0 0 0;
    padding: 10px 0;
    background-color: #aa0000;
    color: white;
    text-transform: uppercase;
    cursor: pointer;
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
    font-size: 1.3em;
    letter-spacing: 0.2em; }

.batchList {
  width: 860px;
  margin: 0 auto; }
  .batchList ul {
    float: left;
    width: 100%; }
    .batchList ul li {
      float: left;
      width: 25%;
      text-align: center;
      font-family: "Tungsten A", "Tungsten B";
      font-weight: 500;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      font-size: 2.2em;
      margin: 0 0 40px 0;
      position: relative;
      color: black;
      padding: 10px;
      background-color: #fadd09;
      border-right: 2px dashed black; }
      .batchList ul li a {
        color: #aa0000; }
      .batchList ul li a:hover {
        color: black; }
    .batchList ul li:first-child {
      border-left: 2px dashed black; }

.error h1 {
  font-size: 16em;
  text-align: center;
  width: 100%;
  font-family: "Tungsten A", "Tungsten B";
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #aa0000;
  position: relative; }
.error h2 {
  font-size: 1em;
  font-weight: 500;
  text-transform: none;
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B"; }
.error img.smash {
  margin: -100px auto 0 auto;
  z-index: 0; }
.error section {
  margin-bottom: 0; }
.error footer {
  margin-top: 0; }

#tourinfo .text {
  width: 100%; }
  #tourinfo .text p {
    width: 740px;
    margin: 0 auto 30px auto; }
    #tourinfo .text p a {
      color: #aa0000; }
    #tourinfo .text p a:hover {
      border-bottom: 1px solid #aa0000;
      color: #aa0000; }
  #tourinfo .text img {
    margin: 0 auto;
    display: block; }

#directions .text {
  width: 740px;
  margin: 0 auto 30px auto; }
  #directions .text img {
    float: right; }
  #directions .text p {
    float: left;
    width: 500px; }
    #directions .text p a {
      color: #aa0000; }
    #directions .text p a:hover {
      border-bottom: 1px solid #aa0000;
      color: #aa0000; }

/* #tours .tour_listing .tour {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  display: table; }
  #tours .tour_listing .tour .details {
    width: 10%;
    height: 100%;
    display: table-cell;
    background-color: #3f3f3f;
    vertical-align: middle; }
    #tours .tour_listing .tour .details .day {
      width: 100%;
      color: white;
      padding: 15px 0 10px 0;
      text-align: center;
      text-transform: uppercase;
      font-size: 1.1em;
      letter-spacing: 0.05em; }
    #tours .tour_listing .tour .details .date {
      width: 100%;
      text-align: center;
      text-transform: uppercase;
      font-size: 0.75em;
      letter-spacing: 0.15em;
      padding: 0 0 15px 0;
      color: white; }
  #tours .tour_listing .tour .time {
    width: 15%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    background-color: #7f7f7f;
    text-align: center;
    color: white;
    font-size: 1.4em;
    letter-spacing: 0.05em; }
  #tours .tour_listing .tour .description {
    display: table-cell;
    width: 60%;
    height: 100%;
    vertical-align: top;
    padding: 10px 20px;
    background-color: #e0e0e0; }
    #tours .tour_listing .tour .description p {
      font-size: 0.9em;
      line-height: 1.4em; }
  #tours .tour_listing .tour a.reserve {
    color: white;
    display: table-cell;
    height: 100%;
    background-color: #aa0000;
    vertical-align: middle;
    text-align: center;
    color: white;
    font-size: 1.4em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px; }
  #tours .tour_listing .tour a.reserve:hover {
    background-color: red; } 
    
*/    

@media only screen and (max-width: 1180px) {
  nav {
    width: 980px !important; }
    nav ul li:first-child {
      margin-left: 7px !important; }
    nav ul li {
      padding: 15px 15px !important; }

  header#top {
    min-width: 980px !important; }
    header#top .intro {
      width: 980px !important; }
      header#top .intro .logo {
        margin: 0 0 0 50px !important; }
      header#top .intro h1 {
        margin: 25px 50px 0 0 !important; }

  section {
    width: 100%;
    min-width: 980px !important; }
    section header h2 span:after, section .text h2 span:after {
      width: 980px !important; }
    section .content {
      width: 980px !important; }

  section#vodka .details ul.qualities {
    width: 980px !important;
    margin: 30px 0 0 0 !important; }
    section#vodka .details ul.qualities li {
      width: 260px !important; }
  section#vodka .details .bottle {
    left: 270px !important;
    width: 439px !important;
    overflow: hidden !important; }

  section#about .group img {
    width: 980px !important; }
  section#about ul li {
    width: 125px !important; }

  section#facility .content {
    width: 980px !important; }
  section#facility #nav img {
    width: 230px !important; }

  section#contact .content {
    width: 980px !important; }
    section#contact .content ul.buttons li {
      width: 195px !important; }
      section#contact .content ul.buttons li a {
        padding: 20px 10px !important; }
    section#contact .content .left {
      width: 625px !important; }
    section#contact .content .right {
      width: 330px !important; }
      section#contact .content .right .newsletter input#fieldEmail {
        width: 70% !important; }
      section#contact .content .right .newsletter input.submit {
        width: 30% !important; }
      section#contact .content .right .newsletter .message p {
        width: 330px !important; }

  .social {
    margin: 20px 0 !important; }

  footer {
    min-width: 980px !important; }
    footer .left {
      float: left;
      width: 350px !important; }
    footer .content {
      width: 980px !important; }
      footer .content p.copyright {
        font-size: 0.75em !important;
        width: 350px !important; }
      footer .content .details {
        right: 180px !important; }
        footer .content .details p {
          font-size: 0.75em !important; }

  .widgets {
    width: 980px !important;
    padding: 0 50px !important; }

  section#process .process .step .s1, section#process .process .step .s2, section#process .process .step .s3, section#process .process .step .s4 {
    width: 740px !important; }
  section#process .process .s1 .diagram {
    width: 386px; }
  section#process .process .s2 p:nth-child(1) {
    width: 820px !important; }
  section#process .process .s2 p:nth-child(2) {
    width: 320px !important; }
  section#process .process .s2 .diagram {
    width: 478px;
    background-position: -414px 0; }
  section#process .process .s3 p:nth-child(3) {
    width: 520px !important; }
  section#process .process .s3 .diagram {
    width: 354px;
    background-position: -912px 0; }
  section#process .process .s4 p:nth-child(2) {
    width: 600px !important; }
  section#process .process .s4 .diagram {
    width: 445px;
    background-position: -1290px 0; }

  .slideLeft, .slideRight {
    height: 40px !important;
    width: 40px !important;
    margin-top: -20px !important; } }
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
  .nav_container {
    display: none !important; }

  body section {
    width: 100% !important;
    min-width: 320px !important; }

  header#top {
    width: 100% !important;
    min-width: 320px !important; }
    header#top .intro {
      padding: 30px 5px 50px 5px !important;
      width: 100% !important; }
      header#top .intro .logo {
        float: none !important;
        margin: 0 auto !important; }
      header#top .intro h1 {
        width: 100% !important;
        margin: 25px 0 0 0 !important;
        font-size: 1.05em !important;
        font-weight: 400 !important;
        padding: 10px 15px !important; }

  .widgets {
    width: 100% !important;
    padding: 0 10px !important; }
    .widgets .three, .widgets .six {
      margin-bottom: 30px !important;
      width: 100% !important; }
    .widgets .events .event {
      margin-bottom: 0 !important;
      padding: 5px !important; }
      .widgets .events .event .info h4 a {
        font-size: 1.3em !important; }

  section {
    min-width: 320px !important;
    margin: 0 0 20px 0 !important; }
    section header, section .text {
      margin-top: 0 !important;
      padding: 0 10px !important; }
      section header h2, section .text h2 {
        font-size: 1.7em !important;
        margin: 0 0 20px 0 !important; }
        section header h2 span, section .text h2 span {
          padding: 0 10px !important; }
      section header h2 span:after, section .text h2 span:after {
        top: 14px !important;
        left: 0 !important;
        width: 100% !important;
        height: 2px !important;
        border-radius: 1px !important; }
      section header p, section .text p {
        font-size: 0.9em !important; }
    section .content {
      width: 100% !important; }

  section#vodka header p {
    width: 100% !important;
    font-size: 0.9em !important; }
  section#vodka .tasting {
    padding: 0 10px !important;
    margin-bottom: 20px; }
    section#vodka .tasting p {
      float: left;
      width: 100% !important;
      margin: 0 auto 10px auto !important;
      font-size: 0.9em !important; }
  section#vodka .details {
    margin: 20px 0 0 0 !important;
    overflow: auto !important;  }
    section#vodka .details ul.qualities {
      float: left;
      width: 100% !important;
      margin: 0 0 0 0 !important; }
      section#vodka .details ul.qualities li {
        clear: both !important;
        float: none !important;
        margin: 0 auto !important; }
        section#vodka .details ul.qualities li p {
          margin-bottom: 20px !important; }
    section#vodka .details .bottle {
      float: left !important;
      width: 100% !important;
      top: 0 !important;
      left: 0 !important;
      overflow: auto !important;
      position: relative !important;
      margin-bottom: 20px; }
      section#vodka .details .bottle #industry_standard {
        height: auto !important;
        width: 100% !important;
        overflow: auto !important; }
        section#vodka .details .bottle #industry_standard img {
          width: 100% !important;
          float: left !important;
          position: relative !important; }
    section#vodka .details .buy {
      width: 100% !important;
      margin-top: 20px !important; }
      section#vodka .details .buy .buttons {
        width: 100% !important;
        margin: 0 auto 20px auto !important;
        padding: 0 10px; }
        section#vodka .details .buy .buttons a {
          font-size: 1.6em !important;
          font-weight: 400 !important;
          margin: 0 !important;
          border: 4px double white !important;
          width: 49% !important;
          float: right !important; }
        section#vodka .details .buy .buttons a:first-child {
          float: left !important; }

  section#process header p, section#process .text p {
    width: 100% !important; }
  section#process .slider {
    float: left;
    width: 100%;
    height: 600px !important;
    position: relative;
    margin-bottom: 0 !important;
    color: white; }
  section#process .pbg, section#process .pbg div {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: black; }
  section#process .nd {
    width: 100%;
    float: left;
    overflow: auto;
    padding: 10px 0;
    height: 600px !important;
    border-top: 10px double white;
    border-bottom: 10px double white; }
  section#process .process {
    float: left;
    width: 100% !important;
    border-bottom: none !important;
    height: 550px !important; }
    section#process .process .step {
      width: 100% !important;
      height: 100%; }
      section#process .process .step p {
        font-weight: 200;
        line-height: 1.4em !important;
        font-size: 1.1em;
        margin: 0 auto; }
      section#process .process .step .s1, section#process .process .step .s2, section#process .process .step .s3, section#process .process .step .s4 {
        width: 100% !important;
        margin: 0 auto;
        position: relative;
        height: 550px !important; }
        section#process .process .step .s1 p:first-child, section#process .process .step .s2 p:first-child, section#process .process .step .s3 p:first-child, section#process .process .step .s4 p:first-child {
          margin-top: 0; }
        section#process .process .step .s1 p, section#process .process .step .s2 p, section#process .process .step .s3 p, section#process .process .step .s4 p {
          float: left;
          width: 100% !important;
          clear: both;
          width: auto;
          margin-top: 20px; }
        section#process .process .step .s1 img, section#process .process .step .s2 img, section#process .process .step .s3 img, section#process .process .step .s4 img {
          float: right; }
        section#process .process .step .s1 .text, section#process .process .step .s2 .text, section#process .process .step .s3 .text, section#process .process .step .s4 .text {
          float: left;
          padding: 30px 15px 0 15px !important;
          width: 100% !important;
          margin: 20px 0 0 0 !important; }
      section#process .process .step .diagram {
        display: none !important; }

  .slideLeft, .slideRight {
    height: 16px !important;
    width: 16px !important;
    top: 40px !important;
    margin-top: -8px !important; }

  .slideRight {
    right: 70px !important;
    border-width: 0 5px 5px 0 !important; }

  .slideLeft {
    left: 70px !important;
    border-width: 0 0 5px 5px !important; }

  section#about header p, section#about .text p {
    width: 100% !important; }
  section#about .group {
    margin-bottom: 20px !important; }
    section#about .group img {
      width: 100% !important; }
  section#about ul {
    display: none; }

  section#facility .content {
    width: 100% !important; }
    section#facility .content header p {
      width: 100% !important; }
  section#facility #nav li {
    padding: 0 5px !important;
    width: 25% !important;
    margin: 0 !important; }
  section#facility #nav img {
    width: 100% !important; }
  section#facility .slideshow {
    width: 100% !important;
    height: 450px !important; }
    section#facility .slideshow .caption {
      width: 100% !important; }
      section#facility .slideshow .caption p {
        position: absolute;
        bottom: 10px !important;
        right: 10px !important;
        font-size: 0.8em !important; }

  section#contact .content {
    width: 100% !important; }
    section#contact .content p {
      width: 100% !important; }
    section#contact .content h3 {
      letter-spacing: 0.05em !important;
      padding: 0 10px 10px 10px !important; }
    section#contact .content ul.buttons li {
      margin: 0 0 20px 0 !important;
      width: 100% !important;
      padding: 0 20px !important; }
    section#contact .content .left {
      width: 100% !important; }
    section#contact .content .right {
      width: 100% !important; }
      section#contact .content .right .newsletter input.submit {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
        border-radius: 0; }

  section#cocktails header p, section#cocktails .text p {
    width: 100% !important; }
  section#cocktails .cbg {
    width: 100% !important; }
    section#cocktails .cbg .bg1, section#cocktails .cbg .bg2, section#cocktails .cbg .bg3 {
      width: 100% !important; }
  section#cocktails .cocktails {
    width: 100% !important; }
  section#cocktails .slide {
    width: 100% !important; }
  section#cocktails .cocktail {
    width: 100% !important; }
  section#cocktails .card {
    width: 100% !important;
    padding: 55px 15px 0 15px !important;
    top: 0 !important;
    left: 0 !important; }
    section#cocktails .card p.story {
      line-height: 1.4em !important; }
    section#cocktails .card p.instructions {
      line-height: 1.4em !important; }
    section#cocktails .card ul {
      line-height: 1.2em !important; }
      section#cocktails .card ul li {
        font-size: 0.9em !important; }
        section#cocktails .card ul li em {
          padding: 5px 10px !important;
          letter-spacing: 0 !important; }
        section#cocktails .card ul li span {
          padding: 5px 10px !important;
          letter-spacing: 0 !important; }

  footer {
    margin: 40px 0 0 0 !important;
    min-width: 320px !important;
    padding: 40px 0 !important; }
    footer .left {
      width: 100% !important; }
    footer .content {
      width: 100% !important; }
      footer .content p.copyright {
        width: 100% !important;
        margin: 20px 0 0 0 !important; }
      footer .content .map {
        display: none; }
      footer .content .details {
        position: relative !important;
        float: left !important;
        top: auto !important;
        right: auto !important;
        width: 100%;
        margin: 20px 0 0 0; }
        footer .content .details p {
          width: 100% !important; }
      footer .content .logo {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        margin: 0 auto !important; }

  .social {
  float: none !important;
    width: 400px !important;
    margin: 0 auto 20px auto !important;
    overflow: auto !important; }
    .social div {
      float: left; }
    .social .twitter {
      margin: 0 20px 0 0 !important; }
    .social .facebook {
      margin: 0 10px 0 0 !important; }
    .social .instagram {
      margin: 0 0 0 0 !important; } }
 
/*INSTAGRAM ISH*/
.ig-b- { display: inline-block; }

.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-v-24 { width: 137px; height: 24px; background: url(../static/images/ig-badge-view-sprite-24.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-v-24 { background-image: url(../static/images/ig-badge-view-sprite-24-2x.png); background-size: 160px 178px; } }        
      
body {
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B"; }

a {
  text-decoration: none; }

section {
  width: 100%;
  float: left;
  min-width: 1180px;
  margin: 0 0 0px 0; }
  section header, section .text {
    margin-top: 40px; }
    section header h2, section .text h2 {
      text-align: center;
      width: 100%;
      font-family: "Tungsten A", "Tungsten B";
      font-weight: 500;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      font-size: 6em;
      margin: 0 0 40px 0;
      position: relative; }
      section header h2 span, section .text h2 span {
        background-color: white;
        padding: 0 20px; }
    section header h2 span:after, section .text h2 span:after {
      content: "";
      display: block;
      position: absolute;
      top: 45px;
      left: 0;
      width: 1180px;
      background-color: black;
      height: 8px;
      z-index: -1;
      border-radius: 4px; }
    section header p, section .text p {
      font-weight: 400;
      line-height: 1.6em;
      font-size: 1.1em; }
      section header p a, section .text p a {
        color: #aa0000;
        border-bottom: 1px solid #aa0000; }
      section header p a:hover, section .text p a:hover {
        border-bottom: 1px solid #d26e04;
        color: #d26e04; }
  section .content {
    padding: 30px 0;
    width: 1180px;
    margin: 0 auto; }

body.store section {
  margin: 0;
  height: 100%; }
body.store footer {
  margin-top: 0; }

header#top {
  width: 100%;
  min-width: 1180px;
  float: left;
  color: white;
  position: relative;
  overflow: auto; }
  header#top .bg, header#top .bg div, header#top .fbg, header#top .fbg div {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: black; }
    header#top .bg .bg1, header#top .bg div .bg1, header#top .fbg .bg1, header#top .fbg div .bg1 {
      background: center center no-repeat url(../images/bgs/1.jpg);
      background-size: cover; }
    header#top .bg .bg2, header#top .bg div .bg2, header#top .fbg .bg2, header#top .fbg div .bg2 {
      background: center center no-repeat url(../images/bgs/2.jpg);
      background-size: cover; }
    header#top .bg .bg3, header#top .bg div .bg3, header#top .fbg .bg3, header#top .fbg div .bg3 {
      background: center center no-repeat url(../images/bgs/3.jpg);
      background-size: cover; }
    header#top .bg .bg4, header#top .bg div .bg4, header#top .fbg .bg4, header#top .fbg div .bg4 {
      background: center center no-repeat url(../images/bgs/4.jpg);
      background-size: cover; }
    header#top .bg .bg5, header#top .bg div .bg5, header#top .fbg .bg5, header#top .fbg div .bg5 {
      background: center center no-repeat url(../images/bgs/5.jpg);
      background-size: cover; }
    header#top .bg .bg6, header#top .bg div .bg6, header#top .fbg .bg6, header#top .fbg div .bg6 {
      background: center center no-repeat url(../images/bgs/6.jpg);
      background-size: cover; }
    header#top .bg .bg7, header#top .bg div .bg7, header#top .fbg .bg7, header#top .fbg div .bg7 {
      background: center center no-repeat url(../images/bgs/12.jpg);
      background-size: cover; }
  header#top .nd {
    width: 100%;
    float: left;
    overflow: auto;
    border-bottom: 10px double white;
    background: top left repeat url(../images/nd/p20.png); }
  header#top .intro {
    padding: 90px 0 50px 0;
    margin: 0 auto;
    width: 1030px;
    overflow: auto; }
    header#top .intro .logo {
      text-indent: -9999px;
      overflow: hidden;
      float: left;
      width: 222px;
      height: 222px;
      border: 6px solid black;
      border-radius: 111px;
      margin: 0 0 0 70px; }
      header#top .intro .logo p {
        background: black url(../images/logo.png) no-repeat center 40px;
        text-indent: -9999px;
        overflow: hidden;
        float: left;
        width: 210px;
        height: 210px;
        border: 3px solid white;
        border-radius: 105px; }
    header#top .intro h1 {
      float: right;
      width: 600px;
      margin: 25px 80px 0 0;
      font-size: 1.4em;
      line-height: 1.3em;
      font-weight: 300;
      text-align: left;
      letter-spacing: 0.02em;
      text-shadow: 0 0 15px black;
      padding: 20px 30px;
      /*background-color: rgba(120, 0, 0, 0.8);*/
      background-color:rgba(163, 163, 163, 0.8); }
      header#top .intro h1 a {
        color: #fadd09; }

.nav_container {
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  float: left;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000; }

nav {
  font-weight: 500;
  font-size: .9em;
  margin: 0 auto;
  width: 1180px;
   }
  nav ul li:first-child {
    margin-left: 65px; }
  nav ul li {
    padding: 15px 20px;
    float: left;
    text-align: center; }
    nav ul li a {
      color: white;
      text-transform: uppercase;
      -webkit-transition: color 0.4s;
      -moz-transition: color 0.4s;
      -o-transition: color 0.4s;
      transition: color 0.4s; }
    nav ul li a:hover, nav ul li a.active {
      color: #fadd09; }
  nav ul li.active a {
    color: #fadd09; }

section#vodka header p {
  width: 880px;
  text-align: left;
  margin: 0 auto 20px auto; }
section#vodka .tasting {
  margin-top: 40px;
  float: left;
  width: 100%; }
  section#vodka .tasting p {
    font-weight: 400;
    line-height: 1.6em;
    font-size: 1.1em;
    width: 740px;
    text-align: left;
    margin: 40px auto 40px auto; }
section#vodka .details {
  float: left;
  width: 100%;
  margin: 40px 0 0 0;
  position: relative; }
  section#vodka .details ul.qualities {
    float: left;
    width: 1030px;
    margin: 30px 0 0 75px; }
    section#vodka .details ul.qualities li {
      background-repeat: no-repeat;
      padding: 70px 0 0 0;
      width: 280px;
      margin: 0 0 50px 0;
      clear: right;
      text-align: center; }
    section#vodka .details ul.qualities li.built {
      float: left;
      background-image: url(../images/bottle_icons/built.png);
      background-position: center 5px; }
    section#vodka .details ul.qualities li.nerds {
      float: right;
      background-image: url(../images/bottle_icons/nerds.png);
      background-position: center 6px; }
    section#vodka .details ul.qualities li.efficiency {
      float: left;
      background-image: url(../images/bottle_icons/efficiency.png);
      background-position: center 10px; }
    section#vodka .details ul.qualities li.agile {
      float: right;
      background-image: url(../images/bottle_icons/agile.png);
      background-position: center 10px; }
    section#vodka .details ul.qualities li.blended {
      float: left;
      background-image: url(../images/bottle_icons/blended.png);
      background-position: center 10px; }
    section#vodka .details ul.qualities li.tested {
      float: right;
      background-image: url(../images/bottle_icons/tested.png);
      background-position: center 4px; }
    section#vodka .details ul.qualities h4 {
      font-weight: 600;
      font-size: 1em;
      text-transform: uppercase;
      float: left;
      width: 100%;
      letter-spacing: 0.1em;
      margin: 0 0 10px 0; }
    section#vodka .details ul.qualities p {
      font-weight: 300;
      line-height: 1.4em;
      float: left;
      width: 100%;
      font-size: 0.9em; }
  section#vodka .details .bottle {
    position: absolute;
    top: 0;
    left: 376px;
    width: 355px; }
    section#vodka .details .bottle #industry_standard {
      height: 750px;
      width: 439px; }
      section#vodka .details .bottle #industry_standard img {
        position: absolute;
        top: 0;
        left: 0; }
  section#vodka .details .buy .buttons {
    width: 600px;
    margin: 0 auto 60px auto;
    /* overflow: auto; */}
    section#vodka .details .buy .buttons a {
      float: left;
      text-align: center;
      font-family: "Tungsten A", "Tungsten B";
      font-weight: 500;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      font-size: 3.7em;
      text-transform: uppercase;
      font-weight: 400;
      color: white;
      background-color: #aa0000;
      padding: 10px 15px;
      margin: 0 0 0 20px;
      border: 10px double white;
      width: 290px; }
    section#vodka .details .buy .buttons a:hover {
      color: white;
      background-color: #fadd09;
      border: 10px double white; }
    section#vodka .details .buy .buttons a:first-child {
      margin: 0 0 0 0; }

section#process {
  position: relative;
  overflow: auto; }
  section#process header p, section#process .text p {
    width: 740px;
    margin: 0 auto; }
    section#process header p a, section#process .text p a {
      color: #aa0000; }
    section#process header p a:hover, section#process .text p a:hover {
      border-bottom: 1px solid #aa0000;
      color: #aa0000; }
  section#process .slider {
    float: left;
    width: 100%;
    height: 650px;
    position: relative;
    margin-bottom: 30px;
    color: white; }
  section#process .pbg, section#process .pbg div {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: black; }
  section#process .bg1 {
    background: center center no-repeat url(../images/process_bgs/1.jpg);
    background-size: cover; }
  section#process .bg2 {
    background: center center no-repeat url(../images/process_bgs/2.jpg);
    background-size: cover; }
  section#process .bg3 {
    background: center center no-repeat url(../images/process_bgs/3.jpg);
    background-size: cover; }
  section#process .bg4 {
    background: center center no-repeat url(../images/process_bgs/4.jpg);
    background-size: cover; }
  section#process .nd {
    width: 100%;
    float: left;
    overflow: auto;
    padding: 10px 0;
    height: 650px;
    border-top: 10px double white;
    border-bottom: 10px double white; }
  section#process .process {
    float: left;
    width: 100% !important;
    border-bottom: 1px solid white;
    height: 550px; }
    section#process .process .step {
      width: 100% !important;
      height: 100%; }
      section#process .process .step p {
        font-weight: 300;
        line-height: 1.6em;
        font-size: 1.1em;
        margin: 0 auto; }
      section#process .process .step .s1, section#process .process .step .s2, section#process .process .step .s3, section#process .process .step .s4 {
        width: 960px;
        margin: 0 auto;
        position: relative;
        height: 550px; }
        section#process .process .step .s1 p:first-child, section#process .process .step .s2 p:first-child, section#process .process .step .s3 p:first-child, section#process .process .step .s4 p:first-child {
          margin-top: 0; }
        section#process .process .step .s1 p, section#process .process .step .s2 p, section#process .process .step .s3 p, section#process .process .step .s4 p {
          float: left;
          clear: both;
          width: auto;
          margin-top: 20px; }
        section#process .process .step .s1 img, section#process .process .step .s2 img, section#process .process .step .s3 img, section#process .process .step .s4 img {
          float: right; }
        section#process .process .step .s1 .text, section#process .process .step .s2 .text, section#process .process .step .s3 .text, section#process .process .step .s4 .text {
          float: left;
          width: 740px;
          margin: 50px 0 0 40px; }
      section#process .process .step .diagram {
        background-image: url(../images/process_450.png);
        display: block;
        height: 450px;
        position: absolute;
        bottom: 0;
        right: 0;
        background-repeat: no-repeat; }
    section#process .process .s1 .diagram {
      width: 386px; }
    section#process .process .s2 p:nth-child(2) {
      width: 400px; }
    section#process .process .s2 .diagram {
      width: 478px;
      background-position: -414px 0; }
    section#process .process .s3 p:nth-child(3) {
      width: 600px; }
    section#process .process .s3 .diagram {
      width: 354px;
      background-position: -912px 0; }
    section#process .process .s4 .diagram {
      width: 445px;
      background-position: -1290px 0; }

.slideLeft, .slideRight {
  z-index: 100;
  height: 50px;
  width: 50px;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  border-style: solid;
  border-color: white;
  background-color: transparent; }

.slideRight {
  right: 20px;
  border-width: 0 15px 15px 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.slideLeft {
  left: 20px;
  border-width: 0 0 15px 15px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.slideLeft:hover, .slideRight:hover {
  border-color: #fadd09;
  cursor: pointer; }
  
  
/*VISIT SECTION*/
section#visit {
	position: relative;
	overflow: auto; }
section#visit header p, section#visit .text p {
	width: 900px;
	margin: 0 auto; }
	
section#visit header p.sub-h { padding-bottom: 15px;}
section#visit header p a, section#visit .text p a {
	color: #aa0000; }
section#visit header p a:hover, section#visit .text p a:hover {
	border-bottom: 1px solid #aa0000;
	color: #aa0000; } 
/* four up tour bottling event 
#tour1, #tour2, #bottling_party, #special_event { 
	border: 3px dashed #ccc;
	float: left;
	width: 23.75%;
	margin: 0 .6% 0 .6%;
}*/

/*tour 2 up styles */
/*#tour1, #tour2 { 
	border: 3px dashed #ccc;
	float: left;
	width: 38%;
	
}
#tour1 {
margin: 0 1.5% 0 11%;
}*/
/*end 2 up styles*/
#tour1, #tour2 { 
	border: 3px dashed #ccc;
	margin: 0 auto;
	width: 50%;
	float: none;
}



#visit .float_container {
	position: relative;
	width: 100%;
	margin: 0px auto;
	padding: 40px 0 0 0;
	
}
#visit #guest_pass{
	margin: 0 auto;
	width: 740px;
	padding: 60px 0 0 0;
}
#visit #guest_pass p.side_header{
	text-align: center;
	font-size: 1.1em;
	padding: 3px 0 0 0;
}
#visit #guest_pass p.signup{
	width: 150px;
	margin: 0 auto;
}


.float_content { 
	width: 86%;
	margin: 15px auto; 
	
}
	
#bottling_party {

}

#visit .float_container h4 {
	text-transform: uppercase;
	text-align: center;
	font-size: 1.8em;
	line-height: 1em;
	letter-spacing: 0.1em;
	font-weight: 500;
	color: #333;
	font-weight: 500;
	margin: 0 0 10px 0;
	}

#visit .float_container p {
	font-size: .95em;
	line-height: 1.3em;
	margin: 0 0 15px 0;
	color: #333;
}

	
section#visit p.body-text {
	font-weight: 400;
}

#visit p.body-text em {
	padding-top: 1.3em;
	display: block;
	font-weight: 500
	}


#visit  p.signup {
	text-transform: uppercase;
	font-family: "Tungsten A","Tungsten B";
	font-weight: 400;
	text-align: center;
	letter-spacing: 0.03em;
	width: 100%;
	padding: 10px 0 0 0;
	font-size: 1.5em;
	}
	
#visit  p.signup a {
	line-height: 2em;
	display: block;
	background: #FADD09;
	color: #333;
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out; }
	
#visit p.signup a.last_button {
	margin-top: 10px;
	}
	
#visit  p.signup a:hover, #visit p a {
	color:#A00; }
	

.hov {
	background: #f7f7f7;	
	-webkit-transition: background 0.2s ease-in-out;
	-moz-transition: background 0.2s ease-in-out;
	-o-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;}


.hov:hover {} 




/*ABOUT SECTION*/
section#about header p, section#about .text p {
  width: 740px;
  margin: 0 auto 40px auto; }
section#about img {
  margin: 40px 0 0 0; }
section#about .group {
  position: relative;
  float: left; }
section#about ul {
  float: left;
  width: 100%;
  margin: 10px 0 80px 0; }
  section#about ul li {
    float: left;
    width: 160px;
    margin-left: 44px;
    height: 30px;
    position: relative; }
    section#about ul li .title p {
      float: left;
      text-transform: uppercase;
      font-size: 0.7em;
      letter-spacing: 0.2em;
      width: 100%;
      text-align: center;
      padding: 6px 10px;
      font-weight: 600;
      margin: 0; }
    section#about ul li h3 {
      font-weight: 500;
      text-transform: uppercase;
      text-align: center;
      letter-spacing: 0.2em;
      font-size: 0.9em;
      margin: 0 0 10px 0; }
    section#about ul li p.twitter {
      display: none;
      margin: 0 0 15px 0;
      text-align: center; }
    section#about ul li p.latest {
      opacity: 0;
      position: absolute;
      bottom: 56px;
      left: 0;
      font-weight: 300;
      font-size: 1em;
      font-size: 0.8em;
      line-height: 1.5em;
      padding: 10px 14px 16px 14px;
      color: white;
      background-color: rgba(0, 0, 0, 0.9);
      border-radius: 5px;
      -webkit-transition: opacity 0.2s ease-in-out;
      -moz-transition: opacity 0.2s ease-in-out;
      -o-transition: opacity 0.2s ease-in-out;
      transition: opacity 0.2s ease-in-out; }
      section#about ul li p.latest em {
        color: white;
        text-align: center;
        display: block;
        width: 100%;
        font-size: 0.8em;
        margin: 0 0 5px 0;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        color: yellow; }
      section#about ul li p.latest span {
        display: block;
        position: absolute;
        bottom: -15px;
        left: 70px;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0 15px 15px 0;
        border-color: transparent rgba(0, 0, 0, 0.9) transparent transparent; }
    section#about ul li a {
      color: #acacac;
      -webkit-transition: color 0.2s ease-in-out;
      -moz-transition: color 0.2s ease-in-out;
      -o-transition: color 0.2s ease-in-out;
      transition: color 0.2s ease-in-out; }
    section#about ul li a:hover {
      color: #f00000; }
  section#about ul li:nth-child(1) {
    margin-left: 0; }
  section#about ul li:hover p.latest {
    opacity: 1; }

section#facility {
  width: 100%;
  float: left;
  background-size: cover;
  position: relative; }
  section#facility .content {
    width: 1180px;
    margin: 0 auto;
    position: relative;
    overflow: auto; }
    section#facility .content header p {
      width: 740px;
      margin: 0 auto 40px auto; }
  section#facility #nav {
    float: left;
    margin: 0; }
    section#facility #nav li {
      float: left;
      margin: 0 0 0 20px;
      position: relative; }
    section#facility #nav img {
      margin: 0;
      float: left; }
    section#facility #nav a {
      float: left;
      margin: 0;
      text-decoration: none;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
      opacity: 0.5; }
    section#facility #nav li:first-child {
      margin: 0; }
    section#facility #nav li.activeSlide a {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1; }
    section#facility #nav li.activeSlide a:hover, section#facility #nav li a:hover {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1; }
  section#facility .slideshow {
    width: 100% !important;
    position: relative;
    overflow: auto;
    height: 650px; }
    section#facility .slideshow .stripes {
      width: 100%;
      height: 100% !important;
      border-top: 10px double white;
      border-bottom: 10px double white; }
    section#facility .slideshow .fbg {
      width: 100% !important;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      background-color: black; }
    section#facility .slideshow .fbg > div {
      width: 100% !important;
      height: 100% !important;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover; }
    section#facility .slideshow .fbg .shop {
      background-image: url(../images/facility/shop.jpg); }
    section#facility .slideshow .fbg .print {
      background-image: url(../images/facility/print.jpg); }
    section#facility .slideshow .fbg .lab {
      background-image: url(../images/facility/lab.jpg); }
    section#facility .slideshow .fbg .reactor {
      background-image: url(../images/facility/reactor.jpg); }
    section#facility .slideshow .bg1 {
      width: 100% !important;
      height: 100% !important;
      background: center center no-repeat url(../images/bgs/7.jpg);
      background-size: cover; }
    section#facility .slideshow .bg2 {
      width: 100% !important;
      height: 100% !important;
      background: center center no-repeat url(../images/bgs/9.jpg);
      background-size: cover; }
    section#facility .slideshow .bg3 {
      width: 100% !important;
      height: 100% !important;
      background: center center no-repeat url(../images/bgs/10.jpg);
      background-size: cover; }
    section#facility .slideshow .caption {
      width: 960px;
      margin: 0 auto;
      height: 100%;
      position: relative; }
      section#facility .slideshow .caption p {
        position: absolute;
        bottom: 30px;
        right: 0;
        background-color: white;
        padding: 7px 10px; }

section#cocktails {
  color: black; }
  section#cocktails header p, section#cocktails .text p {
    width: 740px;
    margin: 0 auto; }
    section#cocktails header p a, section#cocktails .text p a {
      color: #aa0000; }
    section#cocktails header p a:hover, section#cocktails .text p a:hover {
      border-bottom: 1px solid #aa0000;
      color: #aa0000; }
  section#cocktails .slider {
    float: left;
    width: 100%;
    height: 650px;
    position: relative;
    margin-bottom: 30px; }
  section#cocktails .cbg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    background-color: black;
    height: 650px; }
    section#cocktails .cbg .bg1, section#cocktails .cbg .bg2, section#cocktails .cbg .bg3 {
      position: absolute;
      top: 0;
      left: 0;
      width: 100% !important;
      background-color: black;
      height: 100%; }
    section#cocktails .cbg .bg3 {
      background: center center no-repeat url(../images/cocktails/1.jpg);
      background-size: cover; }
    section#cocktails .cbg .bg1 {
      background: center center no-repeat url(../images/cocktails/2.jpg);
      background-size: cover; }
    section#cocktails .cbg .bg2 {
      background: center center no-repeat url(../images/cocktails/3.jpg);
      background-size: cover; }
  section#cocktails .cocktails {
    float: left;
    width: 100% !important;
    height: 650px;
    z-index: 100;
    color: white;
    border-top: 10px double white;
    border-bottom: 10px double white; }
  section#cocktails .slide {
    z-index: 10000;
    width: 100% !important;
    height: 100%; }
  section#cocktails .cocktail {
    margin: 0 auto;
    width: 960px;
    position: relative;
    height: 650px; }
  section#cocktails .card {
    width: 450px;
    position: absolute;
    padding: 20px;
    bottom: 60px;
    left: 470px; }
    section#cocktails .card h3 {
      float: left;
      width: 100%;
      text-align: center;
      font-size: 3em;
      font-family: "Tungsten A", "Tungsten B";
      font-weight: 400;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      margin: 0 0 20px 0; }
    section#cocktails .card p.story {
      line-height: 1.6em;
      font-size: 0.9em;
      float: left;
      width: 100%;
      text-align: left; }
    section#cocktails .card p.instructions {
      line-height: 1.6em;
      font-size: 0.9em;
      float: left;
      width: 100%;
      margin: 20px 0 0 0;
      text-align: left; }
    section#cocktails .card ul {
      float: left;
      width: 100%;
      line-height: 1.4em;
      margin: 15px 0 0 0;
      font-size: 0.9em; }
      section#cocktails .card ul li {
        float: left;
        width: 100%;
        border-bottom: 1px solid white; }
        section#cocktails .card ul li em {
          float: left;
          text-align: right;
          width: 25%;
          padding: 10px;
          font-weight: 600;
          letter-spacing: 0.1em; }
        section#cocktails .card ul li span {
          float: right;
          width: 75%;
          padding: 10px;
          border-left: 1px solid white;
          text-align: left;
          letter-spacing: 0.05em; }
      section#cocktails .card ul li:first-child {
        border-top: 1px solid white; }

section#contact {
  float: left;
  width: 100%; }
  section#contact .content {
    width: 1180px;
    margin: 0 auto;
    text-align: left;
    position: relative; }
    section#contact .content p {
      width: 740px;
      margin: 0 auto; }
    section#contact .content h3 {
      width: 100%;
      text-align: center;
      text-transform: uppercase;
      font-weight: 500;
      letter-spacing: 0.1em;
      padding-bottom: 20px; }
      
section#contact .contact_buttons { 	
	width: 740px;
	margin: 0 auto;
	padding: 65px 0 0 0;
	
	
}
      
    section#contact .content ul.buttons {
      float: left;
      margin-top: 10px; }
      section#contact .content ul.buttons li:first-child {
        margin-left: 0; }
      section#contact .content ul.buttons li {
        float: left;
        margin-left: 40px;
        width: 220px!important; }
        section#contact .content ul.buttons li p {
          float: left;
          width: 100%;
          line-height: 1.2em;
          text-align: center;
          margin-bottom: 10px;
          font-size: 1em; }
        section#contact .content ul.buttons li a {
          float: left;
          padding: 20px;
          background-color: #fadd09;
          color: black;
          text-align: center;
          width: 100%;
          font-size: 1.1em;
          -webkit-transition: background-color 0.2s ease-in-out;
          -moz-transition: background-color 0.2s ease-in-out;
          -o-transition: background-color 0.2s ease-in-out;
          transition: background-color 0.2s ease-in-out; }
        section#contact .content ul.buttons li a:hover {
          background-color: #f2c608;
          color: #aa0000; }
    section#contact .content .left {
      float: left;
      width: 655px;
      margin: 60px 0 0 0; }
    section#contact .content .right {
      float: right;
      width: 430px;
      background-color: #fadd09;
      margin: 60px 0 0 0; }
      section#contact .content .right p {
        width: auto;
        margin-bottom: 20px; }
      section#contact .content .right .newsletter input.submit {
        background-color: black;
        color: #fadd09;
        font-weight: 300;
        letter-spacing: 0.1em;
        -webkit-transition: background-color 0.2s ease-in-out;
        -moz-transition: background-color 0.2s ease-in-out;
        -o-transition: background-color 0.2s ease-in-out;
        transition: background-color 0.2s ease-in-out; }
      section#contact .content .right .newsletter input.submit:hover {
        background-color: #aa0000; }
      section#contact .content .right .newsletter .message p {
        position: absolute;
        top: 0;
        left: 20px;
        width: 390px;
        padding: 20px 0;
        font-size: 0.9em;
        color: #aa0000;
        background-color: #fadd09;
        font-weight: 400;
        line-height: 1.4em;
        letter-spacing: 0.1em; }

.social {
  float: left;
  width: 360px;
  margin: 20px 40px; }
  .social div {
    float: left; }
  .social .twitter {
    margin: 0 20px 0 0; }
  .social .facebook {
    margin: 0 10px 0 35px; }
  .social .pinterest {
    margin: 0 10px 0 0; }

.newsletter {
	padding: 40px 0 0 0;
	margin: 0 auto;
	width: 740px;
	position: relative;
		 }
  .newsletter p {
    font-size: 1em;
    font-weight: 400;
    width: 100%;
    text-align: center;
    line-height: 1.2em;
    padding: 0 0 20px 0;
    }
  .newsletter #subForm input:focus::-webkit-input-placeholder {
    color: transparent; }
  .newsletter #subForm input {
    border: none;
    outline: none; }
  .newsletter #subForm input#fieldName, .newsletter #subForm input#fieldEmail {
    padding: 0 10px;
    font-size: 1.1em;
    height: 40px;
    line-height: 40px;
    letter-spacing: 0.05em;
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
    font-weight: 300;
    width: 80%;
    margin: 0;
    float: left; }
    .newsletter #subForm input#fieldEmail, .newsletter #subForm input#fieldEmail:focus{
    border: 1px solid #ccc;
    }
    
  .newsletter #subForm input.submit {
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-size: 1.1em;
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
    background-color: #fadd09;
    padding: 0;
    width: 18%;
    margin:0;
    float: right;
    height: 40px;
    line-height: 40px; }
  .newsletter #subForm input.submit:hover {
    background-color: #f2c608;
    cursor: pointer; }



footer {
  padding: 50px 0 50px 0;
  margin: 80px 0 0 0;
  border-top: 10px double white;
  float: left;
  width: 100%;
  min-width: 1180px;
  padding: 50px 0;
  background-color: black;
  color: white; }
  footer .left {
    float: left;
    width: 440px; }
  footer .content {
    width: 1180px;
    margin: 0 auto;
    color: white;
    text-align: center;
    position: relative; }
    footer .content p.copyright {
      font-size: 0.8em;
      letter-spacing: 0.1em;
      font-weight: 400;
      text-transform: uppercase;
      float: left;
      clear: left;
      width: 440px;
      margin: 0 0 0 0; }
    footer .content .map {
      float: right;
      margin-top: 10px; }
    footer .content .details {
      position: absolute;
      top: 15px;
      right: 210px; }
      footer .content .details p {
        letter-spacing: 0.1em;
        line-height: 1.6em;
        font-size: 0.8em;
        font-weight: 400;
        margin-bottom: 20px; }
    footer .content .logo {
      overflow: hidden;
      position: absolute;
      width: 210px;
      height: 210px;
      top: 0;
      left: 50%;
      border-radius: 105px;
      margin-left: -105px;
      background: transparent url(../images/sunset.jpg) no-repeat center center; }
      footer .content .logo a {
        background: transparent url(../images/logo_b.png) no-repeat center -3px;
        text-indent: -9999px;
        overflow: hidden;
        float: left;
        width: 210px;
        height: 210px;
        border: 3px solid white;
        border-radius: 105px;
        -webkit-transition: background-position 0.4s ease-in-out;
        -moz-transition: background-position 0.4s ease-in-out;
        -o-transition: background-position 0.4s ease-in-out;
        transition: background-position 0.4s ease-in-out; }
      footer .content .logo a:hover {
        background-position: center 210px;
        cursor: pointer; }
       
/*CSS brute force fixes due to... well... yay... !important... */


.process p {font-size: 100%!important; font-weight: 500!important;}
.cf:after {   content: "."; visibility: hidden;  display: block; height: 0; clear: both;  }

/* sorry */
.tech-res p { text-align: left!important}
.tech-res p a { color: #A00!important}
.tech-res h4 { font-size: 1.05em!important;}