/* BUG FIXES AND CONSISTANCY ISSUES - modified version of normalize.css */
/* ! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 8/9.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
  display: block; }

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */
audio, canvas, video {
  display: inline-block; }

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *		 user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/*
 * Removes default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }
a:active, a:hover {
  outline: 0; }

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */
h1 {
  font-size: 2em; }

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b, strong {
  font-weight: bold; }

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/*
 * Addresses styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */
code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em; }

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/*
 * Sets consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * Removes border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */
button, input, select, textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button, input {
  line-height: normal; }

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *		 and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *		 `input` and others.
 */
button, html input[type="button"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled] {
  cursor: default; }

input[disabled] {
  cursor: default; }
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }
  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */
/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *		 (include `-moz` to future-proof).
 */
/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
/*
 * Removes inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* =============================================================================
   Reset
   ========================================================================== */
* {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: bottom;
  -webkit-touch-callout: none;
  -moz-touch-callout: none;
  -ms-touch-callout: none;
  -o-touch-callout: none;
  touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent;
  -ms-tap-highlight-color: transparent;
  -o-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  overflow: hidden;
  cursor: default;
  -webkit-animation-fill-mode: forwards !important;
  -moz-animation-fill-mode: forwards !important;
  -ms-animation-fill-mode: forwards !important;
  -o-animation-fill-mode: forwards !important;
  animation-fill-mode: forwards !important; }

html, body, option {
  display: block; }

head, script, style {
  display: none; }

input, textarea, [contenteditable="true"] {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
  cursor: auto; }

a[href] {
  cursor: pointer; }

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;
  outline: 0;
  border: 0;
  padding: 0;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  color: inherit;
  text-decoration: none;
  background: transparent;
  list-style: none; }

/* Bring back sub/sup font-size that reset blows out */
sub, sup {
  font-size: 75%; }

/* =============================================================================
   360i and H5BP Defaults
   ========================================================================== */
/*
 * Typographic styles
 */
html, button, input, select, textarea {
  color: #595959; }

body {
  position: relative;
  font-size: 16px;
  line-height: 1.4;
  background: #fff; }

/*
 * Horizontal rule
 */
hr {
  display: block;
  clear: both;
  margin: 1em 0;
  border: 0;
  border-top: 1px solid #ccc;
  padding: 0;
  height: 1px; }

em {
  font-style: oblique;
  overflow: visible;
}

/*
 * Remove the gap between images and the bottom of their containers
 */
img {
  vertical-align: middle; }

/*
 * Content in table cells should stick to top by default
 */
td {
  vertical-align: top; }
  td img {
    vertical-align: top; }

/*
 * Call out label element's clickability
 */
label[for] {
  cursor: pointer; }

/* HELPER CLASSES */
.ir {
  border: 0 !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  overflow: hidden !important; }
  .ir:before {
    content: "" !important;
    display: block !important;
    width: 0 !important;
    height: 100% !important;
    background: none !important; }

.hidden {
  display: none !important;
  visibility: hidden !important; }

.vhidden {
  position: absolute;
  margin: -1px;
  border: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
  overflow: hidden; }

.selectable {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
  cursor: auto; }

.valign {
  font-size: 0; }
  .valign:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle; }
  .valign > * {
    display: inline-block;
    vertical-align: middle;
    font-size: medium; }

.clear:before {
  content: " ";
  display: table; }
.clear:after {
  content: " ";
  display: table;
  clear: both; }

/* HELPER ANIMATIONS */
/* FADE OUT */
@-webkit-keyframes fade-out {
  to {
    opacity: 0;
    visibility: hidden; } }

@-moz-keyframes fade-out {
  to {
    opacity: 0;
    visibility: hidden; } }

@-ms-keyframes fade-out {
  to {
    opacity: 0;
    visibility: hidden; } }

@-o-keyframes fade-out {
  to {
    opacity: 0;
    visibility: hidden; } }

@keyframes fade-out {
  to {
    opacity: 0;
    visibility: hidden; } }

/* FADE IN */
@-webkit-keyframes fade-in {
  to {
    opacity: 1; } }

@-moz-keyframes fade-in {
  to {
    opacity: 1; } }

@-ms-keyframes fade-in {
  to {
    opacity: 1; } }

@-o-keyframes fade-in {
  to {
    opacity: 1; } }

@keyframes fade-in {
  to {
    opacity: 1; } }

/* BLINK */
/* Use the "step-start" easing function to recreate the classic <blink> */
@-webkit-keyframes blink {
  0% {
    opacity: 1; }

  50% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes blink {
  0% {
    opacity: 1; }

  50% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-ms-keyframes blink {
  0% {
    opacity: 1; }

  50% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes blink {
  0% {
    opacity: 1; }

  50% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes blink {
  0% {
    opacity: 1; }

  50% {
    opacity: 0; }

  100% {
    opacity: 1; } }

/* ZOOM OUT */
@-webkit-keyframes zoom-out {
  to {
    -webkit-transform: scale(0.01) translateZ(0);
    visibility: hidden; } }

@-moz-keyframes zoom-out {
  to {
    -webkit-transform: scale(0.01) translateZ(0);
    visibility: hidden; } }

@-ms-keyframes zoom-out {
  to {
    -webkit-transform: scale(0.01) translateZ(0);
    visibility: hidden; } }

@-o-keyframes zoom-out {
  to {
    -webkit-transform: scale(0.01) translateZ(0);
    visibility: hidden; } }

@keyframes zoom-out {
  to {
    -webkit-transform: scale(0.01) translateZ(0);
    visibility: hidden; } }

/* ZOOM IN */
@-webkit-keyframes zoom-in {
  0% {
    -webkit-transform: scale(0.01) translateZ(0); }

  100% {
    -webkit-transform: scale(1) translateZ(0); } }

@-moz-keyframes zoom-in {
  0% {
    -moz-transform: scale(0.01) translateZ(0); }

  100% {
    -moz-transform: scale(1) translateZ(0); } }

@-ms-keyframes zoom-in {
  0% {
    -ms-transform: scale(0.01) translateZ(0); }

  100% {
    -ms-transform: scale(1) translateZ(0); } }

@-o-keyframes zoom-in {
  0% {
    -o-transform: scale(0.01) translateZ(0); }

  100% {
    -o-transform: scale(1) translateZ(0); } }

@keyframes zoom-in {
  0% {
    transform: scale(0.01) translateZ(0); }

  100% {
    transform: scale(1) translateZ(0); } }

/* SHAKE */
@-webkit-keyframes shake {
  33% {
    -webkit-transform: translate(-20px, 0) translateZ(0); }

  66% {
    -webkit-transform: translate(20px, 0) translateZ(0); }

  99% {
    -webkit-transform: translateZ(0); } }

@-moz-keyframes shake {
  33% {
    -moz-transform: translate(-20px, 0) translateZ(0); }

  66% {
    -moz-transform: translate(20px, 0) translateZ(0); }

  99% {
    -moz-transform: translateZ(0); } }

@-ms-keyframes shake {
  33% {
    -ms-transform: translate(-20px, 0) translateZ(0); }

  66% {
    -ms-transform: translate(20px, 0) translateZ(0); }

  99% {
    -ms-transform: translateZ(0); } }

@-o-keyframes shake {
  33% {
    -o-transform: translate(-20px, 0) translateZ(0); }

  66% {
    -o-transform: translate(20px, 0) translateZ(0); }

  99% {
    -o-transform: translateZ(0); } }

@keyframes shake {
  33% {
    transform: translate(-20px, 0) translateZ(0); }

  66% {
    transform: translate(20px, 0) translateZ(0); }

  99% {
    transform: translateZ(0); } }

/* BOUNCE */
@-webkit-keyframes bounce {
  16.66% {
    -webkit-transform: translate(0, -20px) translateZ(0); }

  33.33% {
    -webkit-transform: translateZ(0); }

  50% {
    -webkit-transform: translate(0, -10px) translateZ(0); }

  66.66% {
    -webkit-transform: translateZ(0); }

  83.33% {
    -webkit-transform: translate(0, -3px) translateZ(0); }

  100% {
    -webkit-transform: translateZ(0); } }

@-moz-keyframes bounce {
  16.66% {
    -moz-transform: translate(0, -20px) translateZ(0); }

  33.33% {
    -moz-transform: translateZ(0); }

  50% {
    -moz-transform: translate(0, -10px) translateZ(0); }

  66.66% {
    -moz-transform: translateZ(0); }

  83.33% {
    -moz-transform: translate(0, -3px) translateZ(0); }

  100% {
    -moz-transform: translateZ(0); } }

@-ms-keyframes bounce {
  16.66% {
    -ms-transform: translate(0, -20px) translateZ(0); }

  33.33% {
    -ms-transform: translateZ(0); }

  50% {
    -ms-transform: translate(0, -10px) translateZ(0); }

  66.66% {
    -ms-transform: translateZ(0); }

  83.33% {
    -ms-transform: translate(0, -3px) translateZ(0); }

  100% {
    -ms-transform: translateZ(0); } }

@-o-keyframes bounce {
  16.66% {
    -o-transform: translate(0, -20px) translateZ(0); }

  33.33% {
    -o-transform: translateZ(0); }

  50% {
    -o-transform: translate(0, -10px) translateZ(0); }

  66.66% {
    -o-transform: translateZ(0); }

  83.33% {
    -o-transform: translate(0, -3px) translateZ(0); }

  100% {
    -o-transform: translateZ(0); } }

@keyframes bounce {
  16.66% {
    transform: translate(0, -20px) translateZ(0); }

  33.33% {
    transform: translateZ(0); }

  50% {
    transform: translate(0, -10px) translateZ(0); }

  66.66% {
    transform: translateZ(0); }

  83.33% {
    transform: translate(0, -3px) translateZ(0); }

  100% {
    transform: translateZ(0); } }

/* POOF */
@-webkit-keyframes poof-away {
  to {
    -webkit-transform: scale(0.85) translateZ(0);
    opacity: 0;
    visibility: hidden; } }

@-moz-keyframes poof-away {
  to {
    -moz-transform: scale(0.85) translateZ(0);
    opacity: 0;
    visibility: hidden; } }

@-ms-keyframes poof-away {
  to {
    -ms-transform: scale(0.85) translateZ(0);
    opacity: 0;
    visibility: hidden; } }

@-o-keyframes poof-away {
  to {
    -o-transform: scale(0.85) translateZ(0);
    opacity: 0;
    visibility: hidden; } }

@keyframes poof-away {
  to {
    transform: scale(0.85) translateZ(0);
    opacity: 0;
    visibility: hidden; } }

@-webkit-keyframes poof-out {
  to {
    -webkit-transform: scale(1.15) translateZ(0);
    opacity: 0;
    visibility: hidden; } }

@-moz-keyframes poof-out {
  to {
    -moz-transform: scale(1.15) translateZ(0);
    opacity: 0;
    visibility: hidden; } }

@-ms-keyframes poof-out {
  to {
    -ms-transform: scale(1.15) translateZ(0);
    opacity: 0;
    visibility: hidden; } }

@-o-keyframes poof-out {
  to {
    -o-transform: scale(1.15) translateZ(0);
    opacity: 0;
    visibility: hidden; } }

@keyframes poof-out {
  to {
    transform: scale(1.15) translateZ(0);
    opacity: 0;
    visibility: hidden; } }

@-webkit-keyframes poof-up {
  to {
    -webkit-transform: translate(0, -15%) translateZ(0);
    opacity: 0;
    visibility: hidden; } }

@-moz-keyframes poof-up {
  to {
    -moz-transform: translate(0, -15%) translateZ(0);
    opacity: 0;
    visibility: hidden; } }

@-ms-keyframes poof-up {
  to {
    -ms-transform: translate(0, -15%) translateZ(0);
    opacity: 0;
    visibility: hidden; } }

@-o-keyframes poof-up {
  to {
    -o-transform: translate(0, -15%) translateZ(0);
    opacity: 0;
    visibility: hidden; } }

@keyframes poof-up {
  to {
    transform: translate(0, -15%) translateZ(0);
    opacity: 0;
    visibility: hidden; } }

@-webkit-keyframes poof-right {
  to {
    -webkit-transform: translate(15%, 0) translateZ(0);
    opacity: 0;
    visibility: hidden; } }

@-moz-keyframes poof-right {
  to {
    -moz-transform: translate(15%, 0) translateZ(0);
    opacity: 0;
    visibility: hidden; } }

@-ms-keyframes poof-right {
  to {
    -ms-transform: translate(15%, 0) translateZ(0);
    opacity: 0;
    visibility: hidden; } }

@-o-keyframes poof-right {
  to {
    -o-transform: translate(15%, 0) translateZ(0);
    opacity: 0;
    visibility: hidden; } }

@keyframes poof-right {
  to {
    transform: translate(15%, 0) translateZ(0);
    opacity: 0;
    visibility: hidden; } }

@-webkit-keyframes poof-down {
  to {
    -webkit-transform: translate(0, 15%) translateZ(0);
    opacity: 0;
    visibility: hidden; } }

@-moz-keyframes poof-down {
  to {
    -moz-transform: translate(0, 15%) translateZ(0);
    opacity: 0;
    visibility: hidden; } }

@-ms-keyframes poof-down {
  to {
    -ms-transform: translate(0, 15%) translateZ(0);
    opacity: 0;
    visibility: hidden; } }

@-o-keyframes poof-down {
  to {
    -o-transform: translate(0, 15%) translateZ(0);
    opacity: 0;
    visibility: hidden; } }

@keyframes poof-down {
  to {
    transform: translate(0, 15%) translateZ(0);
    opacity: 0;
    visibility: hidden; } }

@-webkit-keyframes poof-left {
  to {
    -webkit-transform: translate(-15%, 0) translateZ(0);
    opacity: 0;
    visibility: hidden; } }

@-moz-keyframes poof-left {
  to {
    -moz-transform: translate(-15%, 0) translateZ(0);
    opacity: 0;
    visibility: hidden; } }

@-ms-keyframes poof-left {
  to {
    -ms-transform: translate(-15%, 0) translateZ(0);
    opacity: 0;
    visibility: hidden; } }

@-o-keyframes poof-left {
  to {
    -o-transform: translate(-15%, 0) translateZ(0);
    opacity: 0;
    visibility: hidden; } }

@keyframes poof-left {
  to {
    transform: translate(-15%, 0) translateZ(0);
    opacity: 0;
    visibility: hidden; } }

/* PRINTING */
@media print {
  @page {
    margin: 0.5cm !important; }

  * {
    color: #000 !important;
    text-shadow: none !important;
    background: none !important;
    box-shadow: none !important; }

  a {
    text-decoration: underline !important; }
    a:visited {
      text-decoration: underline !important; }
    a[href]:after {
      content: " (" attr(href) ")" !important; }

  abbr[title]:after {
    content: " (" attr(title) ") !important"; }

  .ir a:after {
    content: "" !important; }

  a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "" !important; }

  pre, blockquote {
    border: 1px solid #999 !important;
    page-break-inside: avoid !important; }

  thead {
    display: table-header-group !important; }

  tr {
    page-break-inside: avoid !important; }

  img {
    page-break-inside: avoid !important;
    max-width: 100% !important; }

  p, h2, h3 {
    orphans: 3 !important;
    widows: 3 !important; }

  h2, h3 {
    page-break-after: avoid !important; } }
body {
  font-family: sans-serif; }

::-moz-selection, ::selection {
  color: #fff;
  text-shadow: none;
  background: #000; }

a:not([href^="#"]) {
  -webkit-tap-highlight-color: #666;
  -moz-tap-highlight-color: #666;
  -ms-tap-highlight-color: #666;
  -o-tap-highlight-color: #666;
  tap-highlight-color: #666; }

/* This will keep vertical scrollbar on-screen even when there is nowhere to go */
html {
  overflow-y: scroll; }

/* FONTS */
/* ANIMATIONS */
/*
 * EOT file for IE
 * TTF file for CSS3 browsers
 */
@font-face {
  font-family: Knockout;
  src: url("fonts/knockout30juniorwelterwt.eot");
  src: url("fonts/knockout30juniorwelterwt.ttf"); }

/* ===========================================================================================
  BEGIN STYLING
  ============================================================================================ */
body {
    background: #161616 url(../images/body-background-gradient.png) no-repeat scroll 0 -18px ;
}

#warning {
  display: none; }

#main-wrapper {
  display: block;
  position: relative;
  max-width: 1000px;
  margin: 0px auto !important;
  /*background: #050505;*/
  background: #161616;
  font-family: "Oswald", sans-serif;
  overflow: visible; }

::selection {
  color: #020202;
  background-color: #f9e508; }

::-moz-selection {
  color: #020202;
  background-color: #f9e508; }

/* GENERAL LAYOUT
---------------------------------------------------------------------------------------------- */
#goback {
  display: none;
  font-family: "Helvetica Neue", Helvetica; }

/*
 * header
 */
header {
  background: transparent url(../images/logo-background-gradient.png) no-repeat scroll 0 -17px ;
  position: relative;
  width: 100%;
  min-height: 97px;
  overflow: hidden;
  z-index: 1;
}

  header #logo {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    width: 240px;
    height: 97px;
    padding: 10px 0 0 20px;
    /*background: rgba( 255, 0, 0, 0.5);*/ }
    header #logo a {
      display: block;
      width: 100%;
      height: 100%;
      max-width: 220px;
      max-height: 83px;
      text-align: center;
      text-indent: -9999px;
      background-image: url(../images/logo.png);
      background-repeat: no-repeat;
      background-position: 0 50%;
      -webkit-background-size: contain;
      background-size: contain;
      -moz-background-size: contain;
      /* IE doesn't support bg-size so it's using a different logo image (check IE_styles) */ }
  header #mobile-menu {
    display: none;
    font-family: "Helvetica Neue", Helvetica; }

/*
 * top nav
 */
#top-nav {
  position: absolute;
  top: 12px;
  left: 270px;
  right: 10px;
  z-index: 1;
  overflow: visible; }
  #top-nav ul {
    display: block;
    width: 100%;
    height: 65px;
    padding-top: 10px; }
    #top-nav ul li {
      display: inline-block;
      vertical-align: middle;
      text-align: center;
      padding: 0 2.2% 0;
      /* Hide the "HOME" link on desktop. Visible on mobile (see responsive section) */ }
      #top-nav ul li:first-child {
        display: none; }
      #top-nav ul li a {
        display: inline;
        padding: 5px 0;
        color: #f9e508;
        font-size: 13px;
        letter-spacing: 1px;
        text-transform: uppercase; }
        #top-nav ul li a:hover {
          color: #fff1d0; }
      #top-nav ul li.selected a {
        color: #fff1d0; }

	#top-nav .dropbtn {
	    color: #f9e508;
	    text-align: center;
	    text-decoration: none;
	}
	
	#top-nav li.dropdown {
	    display: inline-block;
	}
	
	#top-nav .dropdown-content {
	    display: none;
	    position: absolute;
	    background-color: #1b1b1b;
	    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	}
	
	#top-nav .dropdown-content a {
	    color: #f9e508;
	    padding: 10px;
	    text-decoration: none;
	    display: block;
	    text-align: left;
	}
	
	#top-nav .dropdown-content a:first-child {
		padding-bottom:0px;
	}
	
	#top-nav .dropdown-content a:hover {background-color: #1b1b1b}
	
	#top-nav .dropdown:hover .dropdown-content {
	    display: block;
	}
	
	#top-nav .dropdown-content a.selected {
        color: #fff1D0;
      }
    #top-nav .dropdown-content a.unselected {
      color: #f9e508; }
/*
 * social tab
 */
#social {
  position: absolute;
  top: 97px;
  right: 0px;
  width: 158px;
  height: 50px;
  padding-top: 12px;
  border-radius: 2px 0px 0px 2px;
  background-color: #f9e508;
  text-align: center;
  z-index: 1; }
  #social li {
    display: inline-block;
    width: 28px;
    height: 28px;
    text-align: center; }
    #social li a {
      display: block;
      width: 24px;
      height: 24px;
      cursor: pointer !important;
      /* room to expand */
      margin: 3px 0 0 2px; }
      #social li a img {
        display: block;
        width: 100%;
        cursor: pointer !important; }
  #social li + li {
    margin-left: 10px; }

/*
 * footer
 */
#footer {
  width: 100%;
  height: 68px;
  line-height: 68px;
  font-size: 14px;
  font-family: "Century Schoolbook", serif;
  text-align: center;
  background-color: #020202; }

/*
 * hide mobile elements from desktop
 */
.mobile {
  display: none; }

/* HOMEPAGE
---------------------------------------------------------------------------------------------- */
section#main {
  position: relative;
  color: #fff;
  overflow: hidden;
  margin-top: -115px;
  z-index: 0; }
  section#main > button {
    position: absolute;
    width: 40px;
    height: 100%;
    top: 0;
    font-size: 20px;
    color: #fff;
    border: none;
    z-index: 1;
    border: 10px solid transparent;
    border-top: none;
    border-bottom: none;
    border-color: transparent;
    outline: none;
    box-sizing: content-box;
    -moz-box-sizing: content-box; }
    section#main > button#carousel-left {
      background: url("../images/btn-carousel-prev.png") no-repeat left 300px;
      left: 0;
      border-left: none; }
    section#main > button#carousel-right {
      background: url("../images/btn-carousel-next.png") no-repeat right 300px;
      right: 0;
      border-right: none; }
  section#main > div#carousel-dots {
    left: 50%;
    position: absolute;
    top: 94%;
    z-index: 1; }
    section#main > div#carousel-dots .carousel-dot {
      background: url("../images/icn-carousel-dot.png") no-repeat;
      display: inline-block;
      height: 11px;
      margin: 0 2px;
      width: 11px; }
      section#main > div#carousel-dots .carousel-dot.active {
        background: url("../images/icn-carousel-dot-selected.png") no-repeat; }
      section#main > div#carousel-dots .carousel-dot:hover {
        cursor: pointer; }

ul#main-carousel {
  height: 100%;
  width: 100%;
  overflow: visible; }
  ul#main-carousel li {
    position: absolute;
    display: block;
    width: 100%;
    top: 0;
    overflow: hidden; }
    ul#main-carousel li:first-child {
      position: relative; }
    ul#main-carousel li.slide1 .description {
      top: 50%;
      left: 9%;
      /* width: 44%; */
      width: 434px; }

    ul#main-carousel li.slide2 .description {
      top: 44%;
      left: 47%;
      /* width: 40%; */
      width: 394px; }
    ul#main-carousel li.slide3 .description {
      top: 38%;
      left: 8%;
      /* width: 39%; */
      width: 384px; }
    ul#main-carousel li.slide4 .description {
      top: 30%;
      left: 6%;
      /* width: 30%; */
      width: 350px; }
    ul#main-carousel li > img {
      display: block;
      width: 100%;
      cursor: pointer; }
      ul#main-carousel li > img.mobile {
        display: none;
        /* hide mobile image by default */ }
    ul#main-carousel li > .description {
      position: absolute;
      display: block;
      font-family: "Oswald", sans-serif;
      font-size: 16px;
      line-height: 20px;
      padding: 20px 15px;
      color: #fff0cf;
      cursor: pointer;
      border-radius: 5px;
      box-shadow: 3px 4px 4px 0px rgba(0, 0, 0, 0.4);
      /* 0.7 opacity image */
      background: url(../images/opacity_07.png); }
      ul#main-carousel li > .description > strong {
        display: block;
        text-transform: uppercase;
        font-size: 30px;
        line-height: 44px;
        cursor: pointer; }
      ul#main-carousel li > .description > span {
        display: block;
        font-family: "Century Schoolbook", serif;
        padding-top: 5px;
        cursor: pointer; }
      ul#main-carousel li > .description > a {
        display: block;
        padding-top: 7px;
        text-transform: uppercase;
        text-decoration: underline;
        color: #FEE720; }

/*
 * You be the judge
 */
#bottom-part {
  background: #0F0F0F url(../images/bg_home-bottom-section.png) repeat-x scroll 0 top;
  overflow: hidden;
  height: auto;
  width: 100%;
}

#bottom-part .article-container .thumb{
    min-height: 140px;
    position: relative;
}
#bottom-part .article-container img:hover{
    height: 166px;
    left: -5px;
    width: 348px;
    position: absolute;
}
.video-container{
    text-align: center;
    position: relative;
    padding: 0 0 60px;
}
.video-container img{
    cursor: pointer;
    max-width: 100%;
}

  #bottom-part h2 {
    color: #FFF0CF;
    font-size: 27px;
    text-align: center;
    padding: 30px;
    text-transform: uppercase;
    width: 100%; }
  #bottom-part div {
    width: 759px;
    margin: 0 auto !important;
    display: block;
    overflow: visible; }
    #bottom-part div article {
      display: block;
      float: left;
      width: 376px;
      margin-bottom: 71px;
      overflow: visible;
      padding-right: 36px; }
      #bottom-part div article.tell-us {
        background: url("../images/spacer_twocolor.gif") no-repeat scroll right 29px; }
      #bottom-part div article.discover {
        margin-left: 41px;
        padding: none;
        width: 340px; }
      #bottom-part div article h3 {
        display: block;
        font-size: 16px;
        color: #9c9c94;
        font-family: "Century Schoolbook", serif; }
      #bottom-part div article a {
        clear: both;
        display: block;
        width: 100%;
        height: 100%;
        color: #f9e508;
        text-decoration: underline;
        text-transform: uppercase;
        font-size: 14px;
        margin-bottom: 18px;
        overflow: visible;
        cursor: pointer !important; }
      #bottom-part div article img {
        display: block;
        width: 340px;
        height: 158px;
        position: relative;
        cursor: pointer !important; }

/* OUR CHEESE
---------------------------------------------------------------------------------------------- */
#our-cheese .ss-container-2 .ss-content {
  display: none; }
#our-cheese .ss-container-2 .ss-controls {
  height: 100px; }
  #our-cheese .ss-container-2 .ss-controls li {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: #f9e508;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer !important; }
  #our-cheese .ss-container-2 .ss-controls .ss-prev {
    left: 0px;
    overflow: visible !important; }
  #our-cheese .ss-container-2 .ss-controls .ss-next {
    right: 0px;
    overflow: visible !important; }
#our-cheese .ss-container-2 #item1 {
  left: 13.6%; }
  @media (max-width: 768px) {
    #our-cheese .ss-container-2 #item1 {
      left: 5%; } }
#our-cheese .ss-container-2 #item2 {
  left: 28.2%; }
  @media (max-width: 768px) {
    #our-cheese .ss-container-2 #item2 {
      left: 26%; } }
#our-cheese .ss-container-2 #item3 {
  left: 46.2%; }
  @media (max-width: 768px) {
    #our-cheese .ss-container-2 #item3 {
      left: 42%; } }
#our-cheese .ss-container-2 #item4 {
  left: 66.2%; }
  @media (max-width: 768px) {
    #our-cheese .ss-container-2 #item4 {
      left: 57%; } }
#our-cheese .ss-container-2 #item5 {
  left: 79.9%; }
  @media (max-width: 768px) {
    #our-cheese .ss-container-2 #item5 {
      left: 73%; } }
#our-cheese .ss-container-2 #item6 {
  left: 80.3%; }
  @media (max-width: 768px) {
    #our-cheese .ss-container-2 #item6 {
      left: 85%; } }
#our-cheese .ss-container-2 .ss-active-content {
  display: block; }
#our-cheese .ss-container-2 .ss-carrot {
  position: absolute;
  height: 20px;
  opacity: 0;
  background: url("../images/icn_ss-carrot-light.png") no-repeat center top;
  top: 0px; }
#our-cheese .ss-container-2 h2 {
  display: block;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center top;
  font-family: "Oswald", sans-serif;
  font-size: 13px;
  overflow: visible;
  text-transform: uppercase;
  cursor: pointer;
  color: #303030;
  position: absolute;
  padding-top: 15px;
  z-index: 5000;
  color: #f9e508; }
  #our-cheese .ss-container-2 h2:hover {
    color: #fff1d0; }
  @media (max-width: 768px) {
    #our-cheese .ss-container-2 h2 {
      width: auto; } }
#our-cheese .ss-container-2 .ss-active-control {
  color: #fff1d0; }
  #our-cheese .ss-container-2 .ss-active-control:hover {
    color: #fff1d0; }

#our-cheese .mobile {
  display: none; }

#our-cheese header {
  background-color: #161616; }

#our-cheese section#main {
  margin-top: 0px;
  background-color: #161616; }
  #our-cheese section#main #our-cheese-intro {
    text-align: center; }
    #our-cheese section#main #our-cheese-intro h2 {
      font-family: "Oswald", sans-serif;
      color: #fff1d0;
      font-size: 34px;
      text-transform: uppercase;
      font-size: 32px;
      margin: 15px; }
    #our-cheese section#main #our-cheese-intro p {
      font-family: "Century Schoolbook", serif;
      color: #9c9c94;
      font-size: 18px;
      padding: 0 208px;
      margin-bottom: 21px;
      font-size: 16px; }
  #our-cheese section#main #our-cheese-inner {
    background-color: #020202;
    width: 944px;
    margin: 0 auto 20px auto;
    padding: 0 8px 8px 8px;
    overflow: visible;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    /* ipad portrait */ }
    @media (max-width: 768px) {
      #our-cheese section#main #our-cheese-inner {
        width: 100%;
        overflow: hidden;
        box-sizing: border-box; } }
    #our-cheese section#main #our-cheese-inner > div {
      position: relative;
      background: #161616 url(../images/bg_products.png) repeat-x left -20px; }
    #our-cheese section#main #our-cheese-inner div {
      display: block;
      position: relative;
      width: 100%; }
      #our-cheese section#main #our-cheese-inner div .ss-content {
        padding: 60px 0 62px;
        width: 100%; }
        #our-cheese section#main #our-cheese-inner div .ss-content .inner-ctt{
            width: 100%;
            display: block;
            text-align: center;
        }
        #our-cheese section#main #our-cheese-inner div .ss-content .inner-ctt .cd-top{
            display: inline-block;
            color: #f9e508;
            position: relative;
            padding: 0 31px;
        }
        #our-cheese section#main #our-cheese-inner div .ss-content .inner-ctt .cd-top:hover{
            color: #fff;
        }
        #our-cheese section#main #our-cheese-inner div .ss-content .inner-ctt .cd-top::after{
            content: '';
            background: url(../images/icon_top.png) no-repeat top left; 
            position: absolute;
            width: 23px;
            height: 23px;
            display: block;
            top: 0px;
            background-size: 23px 23px;
            right: 0;
        }
        #our-cheese section#main #our-cheese-inner div .ss-content .prod-award img {
          display: block;
          float: left;
          margin-right: 5px; }
        #our-cheese section#main #our-cheese-inner div .ss-content .prod-award p {
          font-family: Helvetica, sans-serif;
          color: #606060;
          font-size: 14px;
          width: 150px;
          float: left; }
        #our-cheese section#main #our-cheese-inner div .ss-content .poll-wrapper {
          padding-top: 15px;
          padding-left: 11px;
          margin-bottom: 18px;
          background-color: transparent;
          background-image: none; }
          #our-cheese section#main #our-cheese-inner div .ss-content .poll-wrapper > div {
            width: auto;
            float: left;
            background-color: transparent;
            background-image: none; }
          #our-cheese section#main #our-cheese-inner div .ss-content .poll-wrapper .pd_popup_holder {
            display: none; }
          #our-cheese section#main #our-cheese-inner div .ss-content .poll-wrapper .rating-msg, #our-cheese section#main #our-cheese-inner div .ss-content .poll-wrapper p {
            background-color: transparent;
            background-image: none;
            float: left;
            box-sizing: content-box;
            width: auto;
            font-family: "Century Schoolbook", serif;
            color: #606060;
            font-size: 14px;
            font-size: 12px !important;
            font-family: "Century Schoolbook", serif !important;
            padding-right: 10px;
            line-height: 30px !important; }
        #our-cheese section#main #our-cheese-inner div .ss-content h3 {
          font-size: 20px;
          padding-top: 54px;
          padding-left: 14px;
          color: #fff1d0;
          margin-bottom: 38px;
          text-transform: uppercase; }
        #our-cheese section#main #our-cheese-inner div .ss-content h2 {
          font-size: 32px;
          padding-top: 0px !important;
          padding-left: 14px;
          color: #fff1d0;
          margin-bottom: 38px;
          text-transform: uppercase;
          text-transform: center;
          position: static;
          width: 100%; }
          #our-cheese section#main #our-cheese-inner div .ss-content h2.mobile {
            display: none; }
        #our-cheese section#main #our-cheese-inner div .ss-content h2.first {
          border-bottom: 1px solid #161616;
          padding-bottom: 20px; }
        #our-cheese section#main #our-cheese-inner div .ss-content .grid {
          clear: both;
          width: 100%; }
          #our-cheese section#main #our-cheese-inner div .ss-content .grid li.first {
            clear: left; }
          #our-cheese section#main #our-cheese-inner div .ss-content .grid li {
            box-sizing: content-box;
            display: block;
            float: left;
            width: 215px;
            padding-left: 21px;
            min-height: 202px;
            background: url(../images/bg_product.png) no-repeat left top;
            margin-bottom: 41px; }
            @media (max-width: 768px) {
              #our-cheese section#main #our-cheese-inner div .ss-content .grid li {
                width: 25%;
                box-sizing: border-box; } }
            #our-cheese section#main #our-cheese-inner div .ss-content .grid li img {
              margin-bottom: 18px; }
            #our-cheese section#main #our-cheese-inner div .ss-content .grid li h4 {
              color: #fff1d0;
              font-size: 14px;
              display: block; 
               float: left;
			    margin: 0 auto;
			    width: 195px;}
              #our-cheese section#main #our-cheese-inner div .ss-content .grid li h4 span {
                padding-top: 3px;
                display: block;
                font-family: "Century Schoolbook", serif;
                color: #9c9c94;
                font-style: oblique;
                font-size: 14px;
                font-family: Helvetica, sans-serif; }
            #our-cheese section#main #our-cheese-inner div .ss-content .grid li .poll-wrapper {
              padding: 22px 0 0 0; }
              #our-cheese section#main #our-cheese-inner div .ss-content .grid li .poll-wrapper .rating-icons {
                width: 126px; }
          #our-cheese section#main #our-cheese-inner div .ss-content .grid .first {
            background: none; }
        #our-cheese section#main #our-cheese-inner div .ss-content .product-hero {
          display: block;
          position: relative;
          width: 100%; }
          #our-cheese section#main #our-cheese-inner div .ss-content .product-hero img {
            display: block;
            width: 100%;
            height: auto;
            margin: 0; }
          #our-cheese section#main #our-cheese-inner div .ss-content .product-hero .ss-img {
            z-index: 5000; }
          #our-cheese section#main #our-cheese-inner div .ss-content .product-hero .product-hero-text {
            position: absolute;
            left: 590px;
            top: 200px;
            z-index: 9000 !important;
            background: url(../images/hero_products_1_text.png) no-repeat left top;
            font-size: 25px;
            font-style: italic;
            line-height: 32px;
            font-family: "Century Schoolbook", serif;
            padding-left: 41px; }
            @media (max-width: 768px) {
              #our-cheese section#main #our-cheese-inner div .ss-content .product-hero .product-hero-text {
                left: auto;
                top: auto;
                right: 3%;
                bottom: 6%; } }
          #our-cheese section#main #our-cheese-inner div .ss-content .product-hero #product-hero-1-text {
            width: 297px;
            height: 109px;
            padding-top: 18px; }
          #our-cheese section#main #our-cheese-inner div .ss-content .product-hero #product-hero-2-text {
            background: url(../images/hero_products_2_text.png) no-repeat left top;
            width: 373px;
            height: 135px;
            padding-top: 35px;
            left: 550px;
            top: 151px; }
            @media (max-width: 768px) {
              #our-cheese section#main #our-cheese-inner div .ss-content .product-hero #product-hero-2-text {
                left: auto;
                top: auto;
                right: 3%;
                bottom: 14%; } }
          #our-cheese section#main #our-cheese-inner div .ss-content .product-hero #product-hero-3-text {
            background: url(../images/hero_products_3_text.png) no-repeat left top;
            width: 452px;
            height: 114px;
            padding-top: 25px;
            left: 5px;
            top: 208px;
            padding-left: 30px; }
            @media (max-width: 768px) {
              #our-cheese section#main #our-cheese-inner div .ss-content .product-hero #product-hero-3-text {
                top: auto;
                bottom: 6%; } }
          #our-cheese section#main #our-cheese-inner div .ss-content .product-hero #product-hero-4-text {
            background: url(../images/hero_products_4_text.png) no-repeat left top;
            width: 451px;
            height: 114px;
            padding-top: 25px;
            padding-left: 41px;
            left: 472px;
            top: 21px; }
            @media (max-width: 768px) {
              #our-cheese section#main #our-cheese-inner div .ss-content .product-hero #product-hero-4-text {
                left: auto;
                right: 2%;
                top: 5%; } }
          #our-cheese section#main #our-cheese-inner div .ss-content .product-hero #product-hero-5-text {
            background: url(../images/hero_products_5_text.png) no-repeat left top;
            width: 451px;
            height: 114px;
            padding-top: 25px;
            padding-left: 41px;
            left: 42px;
            top: 21px; }
            @media (max-width: 768px) {
              #our-cheese section#main #our-cheese-inner div .ss-content .product-hero #product-hero-5-text {
                left: 5.6%;
                top: 7%; } }
        #our-cheese section#main #our-cheese-inner div .ss-content .product-more {
          height: 198px;
          background: #161616 url("../images/bg_products_hero_sides.png") repeat-x left top;
          -moz-box-sizing: border-box; }
          #our-cheese section#main #our-cheese-inner div .ss-content .product-more div {
            height: 198px; }
            @media (max-width: 768px) {
              #our-cheese section#main #our-cheese-inner div .ss-content .product-more div {
                display: block;
                float: left;
                width: 33%;
                position: relative;
                box-sizing: border-box; } }
          #our-cheese section#main #our-cheese-inner div .ss-content .product-more .button {
            display: block;
            position: absolute;
            bottom: 0px;
            left: 0px;
            box-sizing: content-box;
            height: 28px;
            line-height: 29px;
            font-size: 12px;
            letter-spacing: 1px;
            font-weight: normal;
            width: 312px;
            color: #020202;
            text-transform: uppercase;
            text-align: center; }
            #our-cheese section#main #our-cheese-inner div .ss-content .product-more .button span {
              font-size: 18px;
              position: relative;
              top: -2px;
              left: 11px;
              font-weight: normal; }
            @media (max-width: 768px) {
              #our-cheese section#main #our-cheese-inner div .ss-content .product-more .button {
                box-sizing: border-box;
                width: 100%; } }
          #our-cheese section#main #our-cheese-inner div .ss-content .product-more dl {
            float: left;
            display: block;
            width: 141px;
            padding-top: 19px;
            line-height: 22px; }
            @media (max-width: 768px) {
              #our-cheese section#main #our-cheese-inner div .ss-content .product-more dl {
                width: 50%;
                padding-top: 24px; } }
            #our-cheese section#main #our-cheese-inner div .ss-content .product-more dl dt {
              font-size: 16px;
              color: #fff1d0;
              text-transform: uppercase;
              margin-bottom: 5px; }
            #our-cheese section#main #our-cheese-inner div .ss-content .product-more dl dd {
              font-family: Helvetica, sans-serif;
              font-size: 14px;
              color: #9c9c94; }
              #our-cheese section#main #our-cheese-inner div .ss-content .product-more dl dd a {
                font-size: 12px;
                color: #f9e508; }
          #our-cheese section#main #our-cheese-inner div .ss-content .product-more .left-block {
            float: left;
            width: 312px;
            position: relative;
            z-index: 6000 !important;
            -moz-box-sizing: border-box; }
            @media (max-width: 768px) {
              #our-cheese section#main #our-cheese-inner div .ss-content .product-more .left-block {
                width: 32.5%; } }
            #our-cheese section#main #our-cheese-inner div .ss-content .product-more .left-block .button {
              background: #fee720 url(../images/btn_bg.png) repeat-x center top; }
            #our-cheese section#main #our-cheese-inner div .ss-content .product-more .left-block img {
              display: block;
              margin: 20px 18px 0px 18px;
              float: left; }
              @media (max-width: 768px) {
                #our-cheese section#main #our-cheese-inner div .ss-content .product-more .left-block img {
                  width: 40%;
                  height: auto;
                  margin: 27px 10px 0 10px; } }
          #our-cheese section#main #our-cheese-inner div .ss-content .product-more .center-block {
            width: 320px;
            float: left;
            background: #1c1c1c url(../images/bg_products_hero_center.png) no-repeat left top;
            text-align: center;
            padding-top: 18px;
            -moz-box-sizing: border-box; }
            @media (max-width: 768px) {
              #our-cheese section#main #our-cheese-inner div .ss-content .product-more .center-block {
                width: 35%;
                background-position: 50% 0;
                border-left: 1px solid #2e2e2e;
                border-right: 1px solid #2e2e2e; } }
            #our-cheese section#main #our-cheese-inner div .ss-content .product-more .center-block p {
              margin-bottom: 13px;
              color: #fff1d0;
              font-size: 14px;
                display: block;
              text-transform: uppercase; }
              #our-cheese section#main #our-cheese-inner div .ss-content .product-more .center-block p sup {
                display: inline;
                font-size: 10px; }
          #our-cheese section#main #our-cheese-inner div .ss-content .product-more .right-block {
            width: 312px;
            float: left;
            -moz-box-sizing: border-box; }
            @media (max-width: 768px) {
              #our-cheese section#main #our-cheese-inner div .ss-content .product-more .right-block {
                width: 32.5%; } }
            #our-cheese section#main #our-cheese-inner div .ss-content .product-more .right-block .button {
              background: #fee720 url(../images/btn_bg.png) repeat-x center top; }
            #our-cheese section#main #our-cheese-inner div .ss-content .product-more .right-block blockquote {
              padding-left: 27px;
              padding-top: 55px;
              padding-bottom: 22px;
              padding-right: 79px;
              font-family: "Century Schoolbook", serif;
              color: #9c9c94;
              font-style: oblique;
              font-size: 14px;
              position: relative;
              width: 100%; }
              #our-cheese section#main #our-cheese-inner div .ss-content .product-more .right-block blockquote span {
                position: absolute;
                bottom: 0px;
                right: 0px;
                padding-right: 30px; }
        #our-cheese section#main #our-cheese-inner div .ss-content #product-more-1 blockquote {
          padding-right: 27px; }
        #our-cheese section#main #our-cheese-inner div .ss-content #product-more-3 blockquote {
          padding-right: 29px; }
        #our-cheese section#main #our-cheese-inner div .ss-content #product-more-5 blockquote {
          padding-right: 0px; }
        #our-cheese section#main #our-cheese-inner div .ss-content .product-more.two-col {
          width: 100%; }
          #our-cheese section#main #our-cheese-inner div .ss-content .product-more.two-col .button {
            bottom: 47px;
            left: 206px; }
            @media (max-width: 768px) {
              #our-cheese section#main #our-cheese-inner div .ss-content .product-more.two-col .button {
                left: 45.5%; } }
          #our-cheese section#main #our-cheese-inner div .ss-content .product-more.two-col .left-block {
            border-right: 1px solid #282828;
            width: 470px; }
            @media (max-width: 768px) {
              #our-cheese section#main #our-cheese-inner div .ss-content .product-more.two-col .left-block {
                width: 50%; } }
            #our-cheese section#main #our-cheese-inner div .ss-content .product-more.two-col .left-block .button {
              width: 185px;
              height: 27px;
              background: #fee720 url(../images/btn_bg.png) repeat-x center top; }
            #our-cheese section#main #our-cheese-inner div .ss-content .product-more.two-col .left-block img {
              margin: 20px 24px 0px 47px; }
              @media (max-width: 768px) {
                #our-cheese section#main #our-cheese-inner div .ss-content .product-more.two-col .left-block img {
                  width: 40%;
                  height: auto;
                  margin: 27px 10px 0 10px; } }
            #our-cheese section#main #our-cheese-inner div .ss-content .product-more.two-col .left-block dl {
              width: 263px;
              padding-top: 25px; }
              @media (max-width: 768px) {
                #our-cheese section#main #our-cheese-inner div .ss-content .product-more.two-col .left-block dl {
                  width: 53%; } }
          #our-cheese section#main #our-cheese-inner div .ss-content .product-more.two-col .right-block {
            border-left: 1px solid #1c1c1c;
            width: 472px; }
            @media (max-width: 768px) {
              #our-cheese section#main #our-cheese-inner div .ss-content .product-more.two-col .right-block {
                width: 50%; } }
            #our-cheese section#main #our-cheese-inner div .ss-content .product-more.two-col .right-block blockquote {
              padding-left: 104px;
              padding-top: 45px; }
              @media (max-width: 768px) {
                #our-cheese section#main #our-cheese-inner div .ss-content .product-more.two-col .right-block blockquote {
                  padding-left: 15%; } }
              #our-cheese section#main #our-cheese-inner div .ss-content .product-more.two-col .right-block blockquote span {
                right: 75px; }
            #our-cheese section#main #our-cheese-inner div .ss-content .product-more.two-col .right-block .button {
              width: 185px;
              left: 128px;
              background: #fee720 url(../images/btn_bg.png) repeat-x center top; }
              @media (max-width: 768px) {
                #our-cheese section#main #our-cheese-inner div .ss-content .product-more.two-col .right-block .button {
                  left: 90px; } }
        #our-cheese section#main #our-cheese-inner div .ss-content .product-more.three-col-mod .left-block {
          border-right: 1px solid #282828;
          padding-top: 26px; }
          #our-cheese section#main #our-cheese-inner div .ss-content .product-more.three-col-mod .left-block dl {
            width: 225px;
            padding-left: 26px; }
        #our-cheese section#main #our-cheese-inner div .ss-content .product-more.three-col-mod .center-block {
          padding-top: 26px;
          background: none;
          border-right: 1px solid #282828;
          border-left: 1px solid #1c1c1c;
          text-align: left; }
          #our-cheese section#main #our-cheese-inner div .ss-content .product-more.three-col-mod .center-block dl {
            width: 225px;
            padding-left: 26px; }
        #our-cheese section#main #our-cheese-inner div .ss-content .product-more.three-col-mod .right-block {
          border-left: 1px solid #1c1c1c; }
      #our-cheese section#main #our-cheese-inner div #item2content .right-block blockquote {
        padding-left: 74px; }
  #our-cheese section#main #our-cheese-inner.all-prod > div {
    background-position: left -450px !important; }

/* PERFECT PAIRINGS
---------------------------------------------------------------------------------------------- */
#pairing .ss-container-2 .ss-content {
  display: none; }
#pairing .ss-container-2 .ss-controls {
  height: 100px; }
  #pairing .ss-container-2 .ss-controls li {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: #f9e508;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer !important; }
  #pairing .ss-container-2 .ss-controls .ss-prev {
    left: 0px;
    overflow: visible !important; }
  #pairing .ss-container-2 .ss-controls .ss-next {
    right: 0px;
    overflow: visible !important; }
#pairing .ss-container-2 #item1 {
  left: 14.8%; }
  @media (max-width: 768px) {
    #pairing .ss-container-2 #item1 {
      left: 4%; } }
#pairing .ss-container-2 #item2 {
  left: 29.2%; }
  @media (max-width: 768px) {
    #pairing .ss-container-2 #item2 {
      left: 23%; } }
#pairing .ss-container-2 #item3 {
  left: 47.5%; }
  @media (max-width: 768px) {
    #pairing .ss-container-2 #item3 {
      left: 47%; } }
#pairing .ss-container-2 #item4 {
  left: 62.4%; }
  @media (max-width: 768px) {
    #pairing .ss-container-2 #item4 {
      left: 66.9%; } }
#pairing .ss-container-2 #item5 {
  left: 76%; }
  @media (max-width: 768px) {
    #pairing .ss-container-2 #item5 {
      left: 85%; } }
#pairing .ss-container-2 #item6 {
  left: 76.8%;
  display: none; }
  @media (max-width: 768px) {
    #pairing .ss-container-2 #item6 {
      left: 82%; } }
#pairing .ss-container-2 .ss-active-content {
  display: block; }
#pairing .ss-container-2 .ss-carrot {
  position: absolute;
  height: 20px;
  background: url("../images/icn_ss-carrot-light.png") no-repeat center top;
  top: 0px; }
#pairing .ss-container-2 h2 {
  display: block;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center top;
  font-family: "Oswald", sans-serif;
  font-size: 13px;
  overflow: visible;
  text-transform: uppercase;
  cursor: pointer;
  color: #303030;
  position: absolute;
  padding-top: 15px;
  z-index: 5000;
  color: #f9e508; }
  #pairing .ss-container-2 h2:hover {
    color: #fff1d0; }
  @media (max-width: 768px) {
    #pairing .ss-container-2 h2 {
      width: auto; } }
#pairing .ss-container-2 .ss-active-control {
  color: #fff1d0; }
  #pairing .ss-container-2 .ss-active-control:hover {
    color: #fff1d0; }

#mobile-nav {
  display: none; }

#pairing header {
  background-color: #161616; }

#pairing section#main {
  margin-top: 0px;
  background-color: #161616; }
  #pairing section#main #pairing-intro {
    text-align: center; }
    #pairing section#main #pairing-intro h2 {
      font-family: "Oswald", sans-serif;
      color: #fff1d0;
      font-size: 34px;
      text-transform: uppercase;
      font-size: 32px;
      margin: 15px; }
    #pairing section#main #pairing-intro p {
      font-family: "Century Schoolbook", serif;
      color: #fff1d0;
      font-size: 18px;
      padding: 0 208px;
      margin-bottom: 21px;
      font-size: 16px; }
  #pairing section#main #pairings-inner {
    background-color: #020202;
    width: 944px;
    margin: 0 auto;
    padding: 0 8px 24px 8px;
    overflow: visible;
    box-sizing: content-box;
    -moz-box-sizing: content-box !important;
    margin-bottom: 20px;
    /* ipad portrait */ }
    @media (max-width: 768px) {
      #pairing section#main #pairings-inner {
        width: 100%;
        overflow: hidden;
        box-sizing: border-box; } }
    #pairing section#main #pairings-inner div {
      display: block;
      position: relative;
      width: 100%; }
      #pairing section#main #pairings-inner div .more-pin {
        width: 100%;
        margin-bottom: 55px; }
        #pairing section#main #pairings-inner div .more-pin a {
          display: block;
          width: 257px;
          height: 52px;
          margin: 0 auto;
          text-indent: -5000em;
          background: url(../images/btn_more_pintrest.png) no-repeat left top; }
      #pairing section#main #pairings-inner div .ss-content {
        padding: 89px 0 42px;
        width: 100%; }
        #pairing section#main #pairings-inner div .ss-content .mobile {
          display: none; }
        #pairing section#main #pairings-inner div .ss-content h3 {
          font-family: "Century Schoolbook", serif;
          font-style: oblique;
          color: #fff1d0;
          font-size: 25px;
          font-size: 20px;
          margin-bottom: 62px;
          text-align: center;
          width: 100%; }
        #pairing section#main #pairings-inner div .ss-content #create {
          background: url("../images/pairing_board.png") no-repeat left bottom;
          display: block;
          height: 699px;
          /* iPad portrait */ }
          #pairing section#main #pairings-inner div .ss-content #create .more-tips {
            display: block; }
          @media screen and (max-width: 768px) {
            #pairing section#main #pairings-inner div .ss-content #create {
              height: 720px;
              -webkit-background-size: cover;
              background-size: cover; } }
          #pairing section#main #pairings-inner div .ss-content #create .col {
            position: absolute;
            width: 26%; }
            #pairing section#main #pairings-inner div .ss-content #create .col div > * {
              margin-bottom: 22px; }
            #pairing section#main #pairings-inner div .ss-content #create .col #timing {
              background: url("../images/icn_pairing_timing.png") no-repeat 4px 0px; }
              #pairing section#main #pairings-inner div .ss-content #create .col #timing p .see-more-tips {
                display: none; }
            #pairing section#main #pairings-inner div .ss-content #create .col #texture {
              background: url("../images/icn_pairing_texture.png") no-repeat 0px 0px; }
            #pairing section#main #pairings-inner div .ss-content #create .col #slice {
              background: url("../images/icn_pairing_slice.png") no-repeat 6px 0px; }
            #pairing section#main #pairings-inner div .ss-content #create .col #staple {
              background: url("../images/icn_pairing_staple.png") no-repeat 0px 0px; }
            #pairing section#main #pairings-inner div .ss-content #create .col #position {
              background: url("../images/icn_pairing_position.png") no-repeat 0px 0px; }
            #pairing section#main #pairings-inner div .ss-content #create .col #flavor {
              background: url("../images/icn_pairing_flavor.png") no-repeat 0px 0px; }
            #pairing section#main #pairings-inner div .ss-content #create .col #visual {
              background: url("../images/icn_pairing_visual.png") no-repeat 6px 0px; }
            #pairing section#main #pairings-inner div .ss-content #create .col #tools {
              background: url("../images/icn_pairing_tools.png") no-repeat 16px 0px; }
            #pairing section#main #pairings-inner div .ss-content #create .col h4 {
              font-family: "Oswald", sans-serif;
              color: #fff1d0;
              font-size: 27px;
              background: #353535;
              font-size: 10px;
              line-height: 23px;
              padding: 0 15px 0 6px;
              text-transform: uppercase; }
            #pairing section#main #pairings-inner div .ss-content #create .col p {
              color: #9c9c94;
              font-family: "Helvetica", sans;
              font-size: 12px; }
          #pairing section#main #pairings-inner div .ss-content #create #col1 {
            left: 7.6%; }
            #pairing section#main #pairings-inner div .ss-content #create #col1 div > * {
              margin-left: 54px; }
          #pairing section#main #pairings-inner div .ss-content #create #col2 {
            left: 39.9%; }
            #pairing section#main #pairings-inner div .ss-content #create #col2 div > * {
              margin-left: 44px; }
          #pairing section#main #pairings-inner div .ss-content #create #col3 {
            left: 69.4%; }
            #pairing section#main #pairings-inner div .ss-content #create #col3 div > * {
              margin-left: 61px; }
        #pairing section#main #pairings-inner div .ss-content #download {
          padding: 56px 0 63px; }
          #pairing section#main #pairings-inner div .ss-content #download h2 {
            font-family: "Oswald", sans-serif;
            color: #fff1d0;
            font-size: 30px;
            text-transform: uppercase;
            font-size: 26px;
            margin-bottom: 20px;
            padding: 0 20%;
            position: static;
            width: 100%; }
          #pairing section#main #pairings-inner div .ss-content #download a {
            display: block;
            background: url("../images/btn_pairings_cheatsheet_download.png") no-repeat left top;
            width: 270px;
            height: 34px;
            text-indent: -5000em;
            cursor: pointer;
            margin: 0 auto; }
        #pairing section#main #pairings-inner div .ss-content #match {
          background: #1b1b1b;
          padding-bottom: 12px; }
          #pairing section#main #pairings-inner div .ss-content #match h3 {
            margin: 31px 0 45px; }
          #pairing section#main #pairings-inner div .ss-content #match table {
            color: #fff1d0;
            display: table;
            margin: 0 auto;
            width: 84.8%; }
            #pairing section#main #pairings-inner div .ss-content #match table tr {
              display: table-row; }
              #pairing section#main #pairings-inner div .ss-content #match table tr td {
                display: table-cell;
                height: 82px;
                vertical-align: middle;
                font-size: 14px; }
              #pairing section#main #pairings-inner div .ss-content #match table tr td:first-child {
                width: 26%; }
              #pairing section#main #pairings-inner div .ss-content #match table tr td:first-child + td {
                width: 29%; }
              #pairing section#main #pairings-inner div .ss-content #match table tr td:first-child + td + td {
                width: 22.5%; }
              #pairing section#main #pairings-inner div .ss-content #match table tr td:first-child + td + td + td {
                width: 22.5%; }
            #pairing section#main #pairings-inner div .ss-content #match table thead {
              display: table-row-group; }
              #pairing section#main #pairings-inner div .ss-content #match table thead tr {
                border-bottom: 1px solid #353535; }
                #pairing section#main #pairings-inner div .ss-content #match table thead tr td {
                  background: #020202;
                  font-family: "Oswald", sans-serif;
                  height: 57px;
                  text-transform: uppercase; }
                #pairing section#main #pairings-inner div .ss-content #match table thead tr td:first-child {
                  text-indent: 16px; }
            #pairing section#main #pairings-inner div .ss-content #match table tbody {
              display: table-row-group; }
              #pairing section#main #pairings-inner div .ss-content #match table tbody tr {
                border-bottom: 1px solid #292929; }
                #pairing section#main #pairings-inner div .ss-content #match table tbody tr td {
                  font-family: Helvetica, sans-serif; }
              #pairing section#main #pairings-inner div .ss-content #match table tbody tr:last-child {
                border-bottom: 1px solid #222222; }
        #pairing section#main #pairings-inner div .ss-content .pairing-detail {
          border-bottom: 6px solid #f9e508;
          position: relative;
          background: #0f0f0f;
          padding-bottom: 32px;
          padding-top: 35px; }
          #pairing section#main #pairings-inner div .ss-content .pairing-detail .magnify {
            position: absolute;
            bottom: 40px;
            right: 40px;
            width: 25px !important;
            cursor: pointer !important; }
          #pairing section#main #pairings-inner div .ss-content .pairing-detail .expander {
            cursor: pointer !important; }
          #pairing section#main #pairings-inner div .ss-content .pairing-detail .expanded, #pairing section#main #pairings-inner div .ss-content .pairing-detail .close {
            display: none;
            position: absolute;
            top: 35px;
            left: 21px;
            z-index: 5000; }
          @media (max-width: 768px) {
            #pairing section#main #pairings-inner div .ss-content .pairing-detail .expanded {
              height: 367px;
              width: auto; } }
          #pairing section#main #pairings-inner div .ss-content .pairing-detail .close {
            z-index: 9000;
            cursor: pointer !important;
            left: auto;
            right: 12px;
            top: 47px; }
            @media (max-width: 768px) {
              #pairing section#main #pairings-inner div .ss-content .pairing-detail .close {
                right: 50px; } }
          #pairing section#main #pairings-inner div .ss-content .pairing-detail .col {
            display: block;
            float: left;
            box-sizing: content-box !important;
            -moz-box-sizing: content-box !important;
            clear: none; }
          #pairing section#main #pairings-inner div .ss-content .pairing-detail .col1 {
            width: 398px;
            float: left;
            padding-left: 21px;
            padding-right: 33px;
            box-sizing: content-box !important;
            -moz-box-sizing: content-box !important;
            /* ipad portrait */ }
            @media (max-width: 768px) {
              #pairing section#main #pairings-inner div .ss-content .pairing-detail .col1 {
                width: 39.8%; } }
            #pairing section#main #pairings-inner div .ss-content .pairing-detail .col1 img {
              margin-bottom: 10px;
              /* ipad portrait */ }
              @media (max-width: 768px) {
                #pairing section#main #pairings-inner div .ss-content .pairing-detail .col1 img {
                  display: block;
                  width: 100%;
                  height: auto; } }
          #pairing section#main #pairings-inner div .ss-content .pairing-detail .col2 {
            width: 476px;
            float: left;
            box-sizing: content-box !important;
            -moz-box-sizing: content-box !important;
            /* ipad portrait */ }
            @media (max-width: 768px) {
              #pairing section#main #pairings-inner div .ss-content .pairing-detail .col2 {
                width: 50%; } }
            #pairing section#main #pairings-inner div .ss-content .pairing-detail .col2 > h2 {
              font-family: "Century Schoolbook", serif;
              color: #fff1d0;
              font-size: 32px;
              padding: 0 0 20px 11px;
              position: static;
              text-align: left;
              width: 100%;
              text-transform: capitalize; }
            #pairing section#main #pairings-inner div .ss-content .pairing-detail .col2 > p {
              padding-left: 11px;
              padding-right: 29px; }
            #pairing section#main #pairings-inner div .ss-content .pairing-detail .col2 .poll-wrapper {
              padding-top: 15px;
              padding-left: 11px;
              margin-bottom: 18px; }
              #pairing section#main #pairings-inner div .ss-content .pairing-detail .col2 .poll-wrapper > div {
                width: auto;
                float: left; }
              #pairing section#main #pairings-inner div .ss-content .pairing-detail .col2 .poll-wrapper .pd_popup_holder {
                display: none; }
              #pairing section#main #pairings-inner div .ss-content .pairing-detail .col2 .poll-wrapper .rating-msg, #pairing section#main #pairings-inner div .ss-content .pairing-detail .col2 .poll-wrapper p {
                float: left;
                box-sizing: content-box;
                width: auto;
                font-family: "Century Schoolbook", serif;
                color: #606060;
                font-size: 14px;
                font-size: 12px !important;
                font-family: "Century Schoolbook", serif !important;
                padding-right: 10px;
                line-height: 30px !important; }
              #pairing section#main #pairings-inner div .ss-content .pairing-detail .col2 .poll-wrapper .rating-icons {
                float: left;
                width: auto; }
            #pairing section#main #pairings-inner div .ss-content .pairing-detail .col2 p {
              font-family: "Century Schoolbook", serif;
              color: #fff1d0;
              font-size: 16px; }
            #pairing section#main #pairings-inner div .ss-content .pairing-detail .col2 .tips .bottle {
              float: left;
              margin-right: 30px;
              width: 75px; }
            #pairing section#main #pairings-inner div .ss-content .pairing-detail .col2 .tips p {
              font-family: Helvetica, sans-serif;
              color: #606060;
              font-size: 14px;
              font-size: 12px;
              margin-bottom: 15px;
              float: left;
              width: 321px; }
              @media (max-width: 768px) {
                #pairing section#main #pairings-inner div .ss-content .pairing-detail .col2 .tips p {
                  width: 67%; } }
            #pairing section#main #pairings-inner div .ss-content .pairing-detail .col2 .tips .title {
              font-family: "Oswald", sans-serif;
              color: #000;
              font-size: 10px;
              text-transform: uppercase; }
              #pairing section#main #pairings-inner div .ss-content .pairing-detail .col2 .tips .title span {
                background: #fff1d0;
                border-radius: 2px;
                padding: 5px 7px; }
            #pairing section#main #pairings-inner div .ss-content .pairing-detail .col2 .no-bottle {
              padding-left: 11px; }

#pairing .ss-controls li {
  text-indent: 0;
  color: #f9e508;
  overflow: visible; }
  #pairing .ss-controls li span {
    position: absolute;
    right: 57px;
    z-index: 9000;
    top: 50%;
    height: 18px;
    margin-top: -9px;
    cursor: pointer;
    text-align: right;
    width: 198px;
    text-transform: uppercase;
    font-size: 14px; }
  #pairing .ss-controls li img {
    height: 100%;
    width: auto !important; }

#pairing .ss-controls .ss-prev span {
  left: 57px;
  text-align: left; }

/* FAN FEEDBACK
---------------------------------------------------------------------------------------------- */
#feedback section#main {
  background-color: #161616;
  padding-top: 115px; }
  #feedback section#main #feedback-intro {
    text-align: center; }
    #feedback section#main #feedback-intro h2 {
      font-family: "Oswald", sans-serif;
      color: #fff1d0;
      font-size: 34px;
      text-transform: uppercase;
      font-size: 32px;
      margin: 15px; }
    #feedback section#main #feedback-intro p {
      font-family: "Century Schoolbook", serif;
      color: #fff1d0;
      font-size: 18px;
      padding: 0 208px;
      margin-bottom: 21px;
      font-size: 16px; }
  #feedback section#main #fan-feedback {
    background-color: #020202;
    width: 94.4%;
    margin: 0 auto 58px;
    padding: 8px;
    overflow: visible;
    box-sizing: content-box; }
    #feedback section#main #fan-feedback > img {
      width: 100%; }
      #feedback section#main #fan-feedback > img.mobile {
        display: none;
        /* hide mobile image by default */ }
    #feedback section#main #fan-feedback #fan-feedback-inner {
      width: 100%;
      background: #161616 url(../images/bg_feedback_leanmore.png) repeat-x left top; }
      #feedback section#main #fan-feedback #fan-feedback-inner > div {
        float: left; }
        #feedback section#main #fan-feedback #fan-feedback-inner > div h2 {
          font-family: "Oswald", sans-serif;
          color: #fff1d0;
          font-size: 34px;
          text-transform: uppercase;
          font-size: 28px;
          text-align: center;
          width: 100%; }
      #feedback section#main #fan-feedback #fan-feedback-inner #chosen-comments {
        border-top: 8px solid #f9e508;
        min-height: 450px;
        width: 58%;
        background: url(../images/bg_feedback_fans.png) repeat-x left top; }
        #feedback section#main #fan-feedback #fan-feedback-inner #chosen-comments h2 {
          line-height: 97px; }
        #feedback section#main #fan-feedback #fan-feedback-inner #chosen-comments #filter {
          display: block;
          width: 100%;
          margin: 0 auto 48px;
          font-family: "Oswald", sans-serif;
          line-height: 19px; }
          #feedback section#main #fan-feedback #fan-feedback-inner #chosen-comments #filter #label {
            display: block;
            float: left;
            width: 15%;
            text-align: right;
            color: #fff1d0;
            font-size: 10px;
            padding: 2px 10px; }
          #feedback section#main #fan-feedback #fan-feedback-inner #chosen-comments #filter #options {
            display: block;
            float: left;
            width: 85%; }
            #feedback section#main #fan-feedback #fan-feedback-inner #chosen-comments #filter #options span {
              display: block;
              float: left;
              overflow: hidden;
              background-color: #fff1d0;
              border-radius: 3px;
              color: #161616;
              cursor: pointer;
              height: 26px;
              font-size: 14px;
              line-height: 22px;
              margin-left: 2px;
              padding: 2px 4.8%;
              text-align: center;
              text-transform: uppercase;
              /* iPad portrait */ }
              #feedback section#main #fan-feedback #fan-feedback-inner #chosen-comments #filter #options span.selected {
                background: #f9e508 url("../images/icn_remove_filter.png") no-repeat right 8px; }
              @media (max-width: 768px) {
                #feedback section#main #fan-feedback #fan-feedback-inner #chosen-comments #filter #options span {
                  font-size: 11px; }
                  #feedback section#main #fan-feedback #fan-feedback-inner #chosen-comments #filter #options span.selected {
                    background-position: 104% 50%; } }
        #feedback section#main #fan-feedback #fan-feedback-inner #chosen-comments ul#comments li {
          background: url("../images/icn_quote.png") no-repeat 20px 7px;
          color: #fff1d0;
          display: block;
          margin-bottom: 96px;
          padding: 0 80px 0 85px;
          /* iPad portrait */ }
          @media screen and (max-width: 768px) {
            #feedback section#main #fan-feedback #fan-feedback-inner #chosen-comments ul#comments li {
              padding: 0 20px 0 70px; } }
          #feedback section#main #fan-feedback #fan-feedback-inner #chosen-comments ul#comments li p {
            font-family: "Century Schoolbook", serif;
            font-size: 17px;
            line-height: 26px;
            margin-bottom: 15px; }
          #feedback section#main #fan-feedback #fan-feedback-inner #chosen-comments ul#comments li span {
            font-family: "Oswald", sans-serif;
            line-height: 17px;
            text-transform: uppercase; }
          #feedback section#main #fan-feedback #fan-feedback-inner #chosen-comments ul#comments li span.name {
            font-size: 12px;
            width: 20%; }
          #feedback section#main #fan-feedback #fan-feedback-inner #chosen-comments ul#comments li span.hashtag {
            color: #808080;
            font-size: 11px;
            width: 78%; }
      #feedback section#main #fan-feedback #fan-feedback-inner #learn-more {
        background: #1b1b1b;
        border-top: 1px solid #030303;
        border-left: 1px solid #131313;
        border-radius: 3px;
        margin: 3% 2%;
        width: 38%; }
        #feedback section#main #fan-feedback #fan-feedback-inner #learn-more a {
          display: block;
          height: 100%;
          padding: 5% 17.7%;
          width: 100%;
          /* iPad portrait */ }
          @media screen and (max-width: 768px) {
            #feedback section#main #fan-feedback #fan-feedback-inner #learn-more a {
              padding-left: 9%;
              padding-right: 9%; }
              #feedback section#main #fan-feedback #fan-feedback-inner #learn-more a h2 {
                font-size: 24px; } }
          #feedback section#main #fan-feedback #fan-feedback-inner #learn-more a img {
            width: 100%;
            height: auto;
            margin: 15px 0 8px; }
          #feedback section#main #fan-feedback #fan-feedback-inner #learn-more a #learn-more-arrow {
            background: url("../images/icn_circle_arrow.png") no-repeat;
            background-position: 0 0;
            display: block;
            height: 24px;
            margin: 0 auto;
            width: 24px; }
        #feedback section#main #fan-feedback #fan-feedback-inner #learn-more:hover {
          cursor: pointer; }
          #feedback section#main #fan-feedback #fan-feedback-inner #learn-more:hover * {
            cursor: pointer; }
          #feedback section#main #fan-feedback #fan-feedback-inner #learn-more:hover #learn-more-arrow {
            background-position: -24px 0; }
      #feedback section#main #fan-feedback #fan-feedback-inner #fb-feed {
        background: #000000;
        border-top: 8px solid #f9e508;
        margin: 0 2% 3%;
        padding: 3% 0 2% 2%;
        width: 38%;
        /* force fb-comments to behave */ }
        #feedback section#main #fan-feedback #fan-feedback-inner #fb-feed h2 {
          text-align: left; }
          @media (max-width: 768px) {
            #feedback section#main #fan-feedback #fan-feedback-inner #fb-feed h2 {
              font-size: 24px; } }
        #feedback section#main #fan-feedback #fan-feedback-inner #fb-feed a {
          font-family: "Oswald", sans-serif;
          color: #f9e508;
          font-size: 14px;
          display: block;
          text-decoration: underline;
          text-transform: uppercase; }
        #feedback section#main #fan-feedback #fan-feedback-inner #fb-feed p {
          color: #606060;
          font-size: 11px;
          padding: 10px 10px 0 0;
          width: 100%;
          font-family: Helvetica, sans-serif; }
        #feedback section#main #fan-feedback #fan-feedback-inner #fb-feed .fb-comments,
        #feedback section#main #fan-feedback #fan-feedback-inner #fb-feed .fb-comments span,
        #feedback section#main #fan-feedback #fan-feedback-inner #fb-feed .fb-comments iframe {
          display: block;
          width: 100% !important; }

/* JUDGING 101
---------------------------------------------------------------------------------------------- */
.ss-container #ss-image-container {
  width: 944px;
    text-align: center;
  height: 364px; }
.ss-container .ss-content-wrapper {
  position: relative;
  background-color: transparent !important;
  z-index: 100 !important;
  width: 944px;
}
.ss-container .ss-content {
  display: none;
  padding: 0 0 0 154px;
  position: relative;
  z-index: 1; }
  @media (max-width: 768px) {
    .ss-container .ss-content {
      padding-left: 110px; } }
  .ss-container .ss-content h3 {
    font-family: "Oswald", sans-serif;
    color: #fff1d0;
    font-size: 27px;
    font-size: 25px;
    margin-bottom: 26px;
    padding-right: 105px;
    font-size: 26px; }
  .ss-container .ss-content p {
    font-family: "Century Schoolbook", serif;
    color: #9c9c94;
    font-size: 16px;
    width: 356px;
    padding-right: 40px;
    float: left;
    margin-bottom: 36px;
    font-size: 13px; }
    @media (max-width: 768px) {
      .ss-container .ss-content p {
        width: 270px; } }
.ss-container .ss-controls li {
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  background-color: #f9e508;
  background-repeat: no-repeat;
  background-position: center center;
  top: 637px;
  cursor: pointer !important;
  z-index: 5000; }
  .ss-container .ss-controls li img {
    width: 100%;
    height: 100%; }
.ss-container .ss-controls .ss-prev {
  background-image: url(../images/icn_carousel_lt.png);
  left: 0px;
  z-index: 5000; }
.ss-container .ss-controls .ss-next {
  background-image: url(../images/icn_carousel_gt.png);
  left: 902px;
  z-index: 5000; }
  @media (max-width: 768px) {
    .ss-container .ss-controls .ss-next {
      left: 702px; } }
.ss-container #item1 {
  background-image: url(../images/icn_judge_smell.png);
  left: 67px; }
  @media (max-width: 768px) {
    .ss-container #item1 {
      left: 40px; } }
.ss-container #item2 {
  background-image: url(../images/icn_judge_look.png);
  left: 223px; }
  @media (max-width: 768px) {
    .ss-container #item2 {
      left: 180px; } }
.ss-container #item3 {
  background-image: url(../images/icn_judge_cut.png);
  left: 380px; }
  @media (max-width: 768px) {
    .ss-container #item3 {
      left: 320px; } }
.ss-container #item4 {
  background-image: url(../images/icn_judge_feel.png);
  left: 536px; }
  @media (max-width: 768px) {
    .ss-container #item4 {
      left: 460px; } }
.ss-container #item5 {
  background-image: url(../images/icn_judge_taste.png);
  left: 703px; }
  @media (max-width: 768px) {
    .ss-container #item5 {
      left: 600px; } }
.ss-container .ss-active-content {
  display: block;
  padding-top: 177px;
  min-height: 395px; }
.ss-container .ss-carrot {
  display: block;
  height: 25px;
  width: 156px;
  position: absolute;
  top: 416px;
  left: 64px;
  background: url("../images/icn_ss-carrot.png") no-repeat center top;
  z-index: 9000; }
  @media (max-width: 768px) {
    .ss-container .ss-carrot {
      top: 326px; } }

#judge-learn h2, #story-learn h2 {
  display: block;
  width: 156px;
  padding-top: 119px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center top;
  font-family: "Oswald", sans-serif;
  font-size: 20px;
  letter-spacing: 2px;
  overflow: visible;
  text-transform: uppercase;
  cursor: pointer;
  color: #303030;
  position: absolute;
  top: 465px;
  z-index: 9000; }
  #judge-learn h2:hover, #story-learn h2:hover {
    color: #fff1d0; }
  @media (max-width: 768px) {
    #judge-learn h2, #story-learn h2 {
      top: 375px;
      /*width: 15%;*/
      width: 91px;
      min-width: 91px; } }
#judge-learn .ss-active-control, #story-learn .ss-active-control {
  color: #f9e508; }
  #judge-learn .ss-active-control:hover, #story-learn .ss-active-control:hover {
    color: #f9e508; }

#judging header {
  background-color: #161616; }

#judging section#main {
  margin-top: 0px;
  background-color: #161616; }
  #judging section#main #judge-intro {
    text-align: center; }
    #judging section#main #judge-intro h2 {
      font-family: "Oswald", sans-serif;
      color: #fff1d0;
      font-size: 34px;
      text-transform: uppercase;
      font-size: 32px;
      margin: 15px; }
    #judging section#main #judge-intro p {
      font-family: "Century Schoolbook", serif;
      color: #fff1d0;
      font-size: 18px;
      padding: 0 208px;
      margin-bottom: 21px;
      font-size: 16px; }
    #judging section#main #judge-intro p {
      padding: 0 195px; }
      @media (max-width: 768px) {
        #judging section#main #judge-intro p {
          padding: 0 185px; } }
  #judging section#main #judge-learn {
    background-color: #020202;
    width: 944px;
    margin: 0 auto;
    padding: 8px 8px 8px 8px;
    overflow: visible;
    box-sizing: content-box;
    height: 898px;
    /* ipad portrait */ }
    #judging section#main #judge-learn .ss-active-content {
      min-height: 390px; }
    @media (max-width: 768px) {
      #judging section#main #judge-learn {
        width: 99%;
        overflow: hidden;
        box-sizing: border-box;
        height: 770px; } }
    #judging section#main #judge-learn > div {
      background: url("../images/bg_judge_ss.png") left 416px repeat-x #010302;
      position: relative;
      /* ipad portrait */ }
      @media (max-width: 768px) {
        #judging section#main #judge-learn > div {
          display: block;
          width: 100%;
          background-position: left 288px; } }
      #judging section#main #judge-learn > div img {
        margin-bottom: 48px;
        /* ipad portrait */ }
        #judging section#main #judge-learn > div img.mobile {
          display: none;
          /* hide mobile image */ }
        @media (max-width: 768px) {
          #judging section#main #judge-learn > div img {
            display: block;
            width: 100%;
            height: auto; } }
  #judging section#main #judge-resources {
    height: 314px;
    background: #020202;
    position: relative;
    overflow: visible;
    width: 960px;
    margin: 0 auto;
    /* ipad portrait */
    /* old fixed-width code */
    /*
    ul {
      margin-left: 87px;

      li {
        display: block;
        float: left;
        width: 220px;
        margin-right: 59px;
        width: 220px;

        &:last-child {
          margin-right: 0;
        }
        a {
          display: block;
          cursor: pointer;
        }
        img {
          width: 100%;
          display: block;
          cursor: pointer;
        }
        span {
          display: block;
          font-size: 14px;
          color: $medGray;
          font-family: $serifMain;
          cursor: pointer;
        }
      }
    }
    */
    /* new flexible-width code */ }
    @media (max-width: 768px) {
      #judging section#main #judge-resources {
        width: 99%; } }
    #judging section#main #judge-resources h4 {
      display: none;
      text-align: center;
      text-transform: uppercase;
      color: #020202;
      font-family: "Oswald", sans-serif;
      font-size: 27px;
      padding-top: 45px;
      margin-bottom: 29px; }
    #judging section#main #judge-resources .download {
      display: block;
      background: url(../images/btn_judge_download.png) no-repeat left top;
      width: 525px;
      height: 51px;
      text-indent: -5000em;
      position: absolute;
      top: -36px;
      left: 217px;
      cursor: pointer;
      /* ipad portrait */ }
      @media (max-width: 768px) {
        #judging section#main #judge-resources .download {
          left: 110px; } }
    #judging section#main #judge-resources ul {
      display: none;
      position: relative;
      /*width: 784px;*/
      width: 81.7%;
      margin: 0 auto;
      padding-bottom: 65px;
      text-align: center; }
      #judging section#main #judge-resources ul li {
        display: block;
        float: left;
        /* width: 221px; */
        width: 28.3%;
        min-height: 140px; }
        #judging section#main #judge-resources ul li img {
          display: block;
          width: 100%;
          height: auto;
          cursor: pointer; }
        #judging section#main #judge-resources ul li span {
          display: block;
          clear: both;
          padding-top: 6px;
          text-align: left;
          font-size: 14px;
          color: #606060;
          font-family: "Century Schoolbook", serif;
          cursor: pointer; }
      #judging section#main #judge-resources ul li + li {
        /* margin-left: 59px; */
        margin-left: 7.5%; }

.pop_bg {
  display: none;
  background: #000;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.7;
  filter: alpha(opacity=70);
  /* For IE8 and earlier */
  z-index: 5000; }

.pop_wrapper {
  display: none;
  position: fixed;
  z-index: 7000;
  top: 40%;
  left: 50%;
  margin: -140px 0 0 -320px;
  border: 1px solid #fff2d2;
  overflow: visible; }
  .pop_wrapper .close {
    display: block;
    cursor: pointer !important;
    border: 1px solid #fff2d2;
    width: 57px;
    height: 57px;
    background: #020202 url(../images/btn_close.png) no-repeat center;
    position: absolute;
    right: -57px;
    top: -1px;
    z-index: 500;
    -webkit-transform-style: preserve-3d; }
  .pop_wrapper iframe {
    z-index: 100 !important;
    position: relative;
    -webkit-transform-style: preserve-3d; }
  .pop_wrapper .pop_content {
    display: block; }

/* OUR STORY
---------------------------------------------------------------------------------------------- */
#story-learn .ss-content {
  display: none;
  padding: 0 0 0 154px;
  position: relative;
  z-index: 1; }
  #story-learn .ss-content h3 {
    font-family: "Oswald", sans-serif;
    color: #fff1d0;
    font-size: 27px;
    font-size: 25px;
    margin-bottom: 26px;
    padding-right: 105px;
    font-size: 26px; }
  #story-learn .ss-content p {
    font-family: "Century Schoolbook", serif;
    color: #9c9c94;
    font-size: 16px;
    width: 356px;
    padding-right: 40px;
    float: left;
    margin-bottom: 88px;
    font-size: 13px; }
#story-learn .ss-controls li {
  display: block;
  position: absolute;
  width: 41px;
  height: 41px;
  background-color: #f9e508;
  background-repeat: no-repeat;
  background-position: center center;
  top: 637px;
  cursor: pointer !important;
  z-index: 5000; }
  @media (max-width: 768px) {
    #story-learn .ss-controls li {
      top: 565px; } }
#story-learn .ss-controls .ss-prev {
  background-image: url(../images/icn_carousel_lt.png);
  left: 0px;
  z-index: 5000; }
#story-learn .ss-controls .ss-next {
  background-image: url(../images/icn_carousel_gt.png);
  left: 902px;
  z-index: 5000; }
  @media (max-width: 768px) {
    #story-learn .ss-controls .ss-next {
      left: 705px; } }
#story-learn .ss-active-content {
  display: block;
  padding-top: 95px;
  min-height: 395px; }
#story-learn .ss-carrot {
  position: absolute;
  height: 20px;
  width: 156px;
  background: url("../images/icn_ss-carrot-light.png") no-repeat center top;
  top: 362px;
  left: 123px; }
  @media (max-width: 768px) {
    #story-learn .ss-carrot {
      top: 288px; } }
#story-learn h2 {
  display: block;
  background-image: none !important;
  padding-top: 0px;
  width: auto;
  text-align: center;
  font-family: "Oswald", sans-serif;
  font-size: 12px;
  letter-spacing: .1em;
  overflow: visible;
  text-transform: uppercase;
  cursor: pointer;
  color: #303030;
  position: absolute;
  top: 398px;
  z-index: 9000;
  color: #f9e508; }
  #story-learn h2:hover {
    color: #fff1d0; }
  @media (max-width: 768px) {
    #story-learn h2 {
      top: 324px; } }
#story-learn #item1 {
  left: 123px; }
  @media (max-width: 768px) {
    #story-learn #item1 {
      left: 10px; } }
#story-learn #item2 {
  left: 303px; }
  @media (max-width: 768px) {
    #story-learn #item2 {
      left: 198px; } }
#story-learn #item3 {
  left: 515px; }
  @media (max-width: 768px) {
    #story-learn #item3 {
      left: 408px; } }
#story-learn #item4 {
  left: 654px; }
  @media (max-width: 768px) {
    #story-learn #item4 {
      left: 547px; } }
#story-learn #item5 {
  left: 774px; }
  @media (max-width: 768px) {
    #story-learn #item5 {
      left: 651px; } }
#story-learn .ss-active-control {
  color: #fff1d0; }
  #story-learn .ss-active-control:hover {
    color: #fff1d0; }

#story header {
  background-color: #161616; }

#story section#main {
  margin-top: 0px;
  background-color: #161616;
  /* hide mobile nav on Desktop */ }
  #story section#main #story-intro {
    text-align: center; }
    #story section#main #story-intro h2 {
      font-family: "Oswald", sans-serif;
      color: #fff1d0;
      font-size: 34px;
      text-transform: uppercase;
      font-size: 32px;
      margin: 15px; }
    #story section#main #story-intro p {
      font-family: "Century Schoolbook", serif;
      color: #fff1d0;
      font-size: 18px;
      padding: 0 208px;
      margin-bottom: 21px;
      font-size: 16px; }
    @media (max-width: 768px) {
      #story section#main #story-intro p {
        padding-left: 22%;
        padding-right: 22%; } }
  #story section#main #story-learn {
    background-color: #020202;
    width: 944px;
    margin: 0 auto 20px;
    padding: 8px 8px 8px 8px;
    overflow: visible;
    box-sizing: content-box;
    /* ipad portrait */ }
    @media (max-width: 768px) {
      #story section#main #story-learn {
        width: 100%;
        box-sizing: border-box; } }
    #story section#main #story-learn > div {
      position: relative;
      background: url("../images/bg_story_content.png") left 362px repeat-x #171717;
      /* ipad portrait */ }
      @media (max-width: 768px) {
        #story section#main #story-learn > div {
          width: 100%;
          margin: 0 auto;
          background-position: left 288px;
          box-sizing: border-box; } }
      #story section#main #story-learn > div img {
        margin-bottom: 0px; }
        #story section#main #story-learn > div img.mobile {
          display: none;
          /* hide mobile image */ }
        @media (max-width: 768px) {
          #story section#main #story-learn > div img {
            display: block;
            width: 100%; } }
      @media (max-width: 768px) {
        #story section#main #story-learn > div #ss-image-container {
          display: block;
          width: 100%;
          height: auto; } }
      #story section#main #story-learn > div h3 {
        font-family: "Century Schoolbook", serif;
        color: #fff1d0;
        font-size: 32px;
        padding: 0;
        margin-bottom: 35px; }
      #story section#main #story-learn > div p {
        font-family: Helvetica, sans-serif;
        color: #606060;
        font-size: 14px;
        float: none;
        width: 100%;
        margin-bottom: 25px;
        padding-right: 0;
        color: #9c9c94;
        font-size: 16px; }
      #story section#main #story-learn > div a {
        color: #fde53d; }
        #story section#main #story-learn > div a:hover {
          text-decoration: underline; }
      #story section#main #story-learn > div p.special {
        color: #9c9c94;
        border-top: 1px solid #9c9c94;
        border-bottom: 1px solid #9c9c94;
        font-family: "Oswald", sans-serif;
        font-size: 12px;
        padding: 7px 0;
        margin-bottom: 20px; }
      #story section#main #story-learn > div #item1content {
        padding: 95px 18% 0;
        margin-bottom: 275px;
    }
        @media (max-width: 768px) {
          #story section#main #story-learn > div #item1content {
            padding-left: 120px;
            padding-right: 96px; } }
      #story section#main #story-learn > div #item2content {
        padding-left: 150px;
        margin-bottom: 100px; }
        @media (max-width: 768px) {
          #story section#main #story-learn > div #item2content {
            padding-left: 85px;
            margin-bottom: 100px; } }
        #story section#main #story-learn > div #item2content h3 {
          padding-right: 166px; }
          @media (max-width: 768px) {
            #story section#main #story-learn > div #item2content h3 {
              padding-right: 66px; } }
        #story section#main #story-learn > div #item2content .col1 {
          width: 262px;
          padding-right: 18px;
          float: left; }
          #story section#main #story-learn > div #item2content .col1 img {
            margin-bottom: 23px;
            display: block;
            width: 100%;
            height: auto; }
          #story section#main #story-learn > div #item2content .col1 p {
            font-family: "Oswald", sans-serif;
            color: #fff1d0;
            font-size: 10px;
            line-height: 21px;
            padding-left: 10px;
            margin-bottom: 15px; }
        #story section#main #story-learn > div #item2content .col2 {
          float: right;
          padding-right: 30%;
          width: 508px; }
          @media (max-width: 768px) {
            #story section#main #story-learn > div #item2content .col2 {
              padding-right: 57px;
              width: 397px; } }
        #story section#main #story-learn > div #item2content .quotes {
          display: inline-block;
          border-top: 5px solid #fff0d0;
          padding-top: 25px;
          width: 620px; }
          #story section#main #story-learn > div #item2content .quotes p {
            width: 290px;
            display: block;
            float: left;
            font-family: "Century Schoolbook", serif;
            color: #fff1d0;
            font-size: 32px;
            font-size: 16px;
            padding-right: 30px;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box; }
          #story section#main #story-learn > div #item2content .quotes .second {
            padding-right: 0; }
      #story section#main #story-learn > div #item3content {
        padding-left: 165px;
        padding-right: 126px;
        margin-bottom: 75px; }
        @media (max-width: 768px) {
          #story section#main #story-learn > div #item3content {
            padding-left: 100px;
            padding-right: 100px; } }
        #story section#main #story-learn > div #item3content img {
          margin-bottom: 40px;
          margin-top: 60px;
          margin-left: 0px;
          width: 418px;
          float: left;
          margin-right: 10px; }
          @media (max-width: 768px) {
            #story section#main #story-learn > div #item3content img {
              width: 300px; } }
        #story section#main #story-learn > div #item3content h3 {
          padding: 0 18px; }
        #story section#main #story-learn > div #item3content p {
          padding-left: 18px;
          padding-right: 57px;
          margin-bottom: 30px; }
        #story section#main #story-learn > div #item3content .special {
          display: inline-block;
          border-top: 5px solid #fff0d0;
          padding-top: 25px;
          width: 200px;
          border-bottom: 0px;
          font-family: "Century Schoolbook", serif;
          color: #fff1d0;
          font-size: 32px;
          font-size: 16px;
          line-height: 26px;
          padding-right: 5px;
          padding-left: 5px;
          float: left;
          margin-top: 40px; }
      #story section#main #story-learn > div #item4content {
        padding-left: 150px;
        padding-right: 150px;
        margin-bottom: 275px;
        /* hide people slider on Desktop */ }
        #story section#main #story-learn > div #item4content .col1 {
          width: 307px;
          float: left; }
          @media (max-width: 768px) {
            #story section#main #story-learn > div #item4content .col1 {
              width: 257px; } }
          #story section#main #story-learn > div #item4content .col1 p {
            padding-right: 36px; }
        #story section#main #story-learn > div #item4content .col2 {
          width: 330px;
          float: left;
          display: inline-block;
          border-top: 5px solid #fff0d0;
          padding-top: 25px;
          padding-left: 8px;
          padding-right: 8px; }
          @media (max-width: 768px) {
            #story section#main #story-learn > div #item4content .col2 {
              width: 274px; } }
          #story section#main #story-learn > div #item4content .col2 p {
            font-family: "Century Schoolbook", serif;
            color: #fff1d0;
            font-size: 32px;
            font-size: 14px;
            line-height: 26px;
            font-style: oblique; }
        @media (max-width: 768px) {
          #story section#main #story-learn > div #item4content {
            padding-left: 119px;
            padding-right: 96px; } }
        #story section#main #story-learn > div #item4content #people-slider {
          display: none; }
      #story section#main #story-learn > div #item5content {
        padding-left: 120px;
        padding-right: 120px;
        margin-bottom: 166px; }
        @media (max-width: 768px) {
          #story section#main #story-learn > div #item5content {
            padding-left: 70px;
            padding-right: 70px; } }
        #story section#main #story-learn > div #item5content h3 {
          padding: 0 18px; }
        #story section#main #story-learn > div #item5content p {
          padding-left: 18px;
          padding-right: 18px; }
        #story section#main #story-learn > div #item5content .special {
          margin: 10px 0 20px 0; }
        #story section#main #story-learn > div #item5content .col1 {
          width: 536px;
          float: left; }
          @media (max-width: 768px) {
            #story section#main #story-learn > div #item5content .col1 {
              width: 436px; } }
        #story section#main #story-learn > div #item5content .col2 {
          float: right; }
          #story section#main #story-learn > div #item5content .col2 img {
            margin-left: 20px; }
            @media (max-width: 768px) {
              #story section#main #story-learn > div #item5content .col2 img {
                width: auto;
                margin-left: 10px; } }
  #story section#main #mobile-nav {
    display: none; }

/* FIND PRODUCT
---------------------------------------------------------------------------------------------- */
/* ============================================================================================
  RESPONSIVE LAYOUT
  ============================================================================================ */
@media only screen and (max-width: 639px) {

#bottom-part .desktop-tab-video-container{
    display: none;
}

#bottom-part .tell-us{
    padding-top: 60px;
}

#main-carousel .video-container{
    border-bottom: 2px solid #fff;
    padding: 0 0 30px;
    width: 100%;
}
#main-carousel .carousel-video{
    display: block;
    width:100%;
}
#main-carousel .carousel-video h2{
    text-transform: uppercase;
    text-align: center;
    padding: 20px;
    width: 100%;
    color: #fff0cf;
}


  #main-wrapper {
    padding-bottom: 235px;
    /* bottom space to fit the <footer> and #social */ }

  #goback.mobile {
    display: none; }

  /* Responsive --> GENERAL LAYOUT
  --------------------------------------------------- */
  #goback {
    display: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    width: 55px;
    height: 86px;
    padding: 50px 15px 0px 15px;
    z-index: 2;
    border: none;
    background-image: url(../images/btn_arr_back.png);
    background-repeat: no-repeat;
    background-position: 50% 20px;
    -webkit-background-size: 20px;
    background-size: 20px;
    font-family: sans-serif;
    font-size: 8px;
    text-transform: uppercase;
    color: #8F8F8F;
    text-align: center;
    background-color: #1e1d1d; }

  /*
   * Header
   */
  header {
    height: 95px;
    min-height: 95px !important;
    background-position: 0 -20px; }
    header #logo {
      width: 183px;
      height: 80px;
      padding: 0 0 0 27px; }
      header #logo a {
        -webkit-background-size: contain;
        background-size: contain; }

  /*
   * Top Nav
   */
  /*
   *responsive top-nav
   */
  header button#mobile-menu {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    right: 0;
    /*width: 17%;*/
    width: 55px;
    height: 71px;
    overflow: hidden;
    margin-top: 0px;
    padding: 17px 15px;
    z-index: 2;
    border: none;
    color: #8F8F8F;
    text-align: center;
    background: #1D1D1D; }
    header button#mobile-menu .icon-bar {
      display: block;
      margin: 0 auto;
      width: 23px;
      height: 4px;
      background-color: #F9E508; }
    header button#mobile-menu .icon-bar + .icon-bar {
      margin-top: 3px; }
    header button#mobile-menu .icon-text {
      display: block;
      margin-top: 9px;
      font-size: 8px; }

  #top-nav {
    display: none;
    /* nav is hidden by default. Displays onClick (javascript) */
    top: 71px;
    left: 0px;
    right: 0px;
    font-family: Knockout;
    z-index: 2;
    background-color: #000; }
    #top-nav ul {
      height: auto;
      padding: 15px; }
      #top-nav ul li {
        display: block;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        text-align: right;
        border-bottom: 1px solid #f9e508;
        /* Display "Home" link */ }
        #top-nav ul li:first-child {
          display: block; }
        #top-nav ul li a {
          display: block;
          width: 100%;
          font-size: 150%;
          padding: 10px 0; }

	#top-nav li.dropdown{
		display:block;
	}
	
	#top-nav .dropbtn{
		text-align:right;
		/*border-bottom:1px solid #f9e508;*/
		cursor:none;
	}
	
	/*#top-nav .dropbtn:hover{
		color:#f9e508;'
	}*/
	
	#top-nav .dropdown-content{
		display:block;
		position:relative;
		background-color:transparent;
		box-shadow:none;
		padding-right:50px;
	}
	
	#top-nav .dropdown-content a{
		/*border-bottom:1px solid #f9e508;*/
		text-align:right;
		padding-top:0;
		padding-right:0;
	}
	
	#top-nav .dropdown-content a:hover{
		background-color:transparent;
	}
	
	#top-nav .dropdown-content a:first-child{
		padding-bottom:10px;
	}
	
	#top-nav .dropdown-content a:last-child{
		border-bottom:none;
	}
  /*
   * Social tab
   */
  #social {
    position: absolute;
    top: auto !important;
    bottom: 135px;
    width: 100%;
    height: 100px;
    padding: 25px 0;
    border-radius: 0;
    /* add margin on subsequent LI's only */ }
    #social li {
      width: 53px;
      height: 53px;
      margin: 0;
      vertical-align: middle; }
      #social li a {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0; }
        #social li a img {
          display: block;
          width: 100%; }
    #social li + li {
      margin-left: 5.2%; }

  /*
   * Footer
   */
  #footer {
    position: absolute;
    bottom: 0;
    height: 135px;
    font-size: 108%; }

  /* Responsive --> HOMEPAGE
  --------------------------------------------------- */
  /*
   * Homepage Carousel (responsive)
   */
  section#main > button#carousel-left, section#main > button#carousel-right {
    display: none; }
  section#main > #carousel-dots {
    display: none; }

  ul#main-carousel {
    margin-top: 95px;
    height: auto;
    width: 100%;
    background: #161616;
    -webkit-transition: none;
    -webkit-transform: translate3d(0, 0, 0) !important; }

    #bottom-part .article-container .thumb{
        min-height: 0;
    }

    ul#main-carousel li {
      position: relative;
      height: 100%;
      left: 0 !important;
      /* overide javascript styles */
      border-bottom: 3px solid #fff1d0; }
      ul#main-carousel li.duplicate {
        display: none !important; }
      ul#main-carousel li:nth-child(1n+0) {
        left: 0; }
      ul#main-carousel li.perfect-pairings img {
        /* hide desktop image */
        display: none !important; }
        ul#main-carousel li.perfect-pairings img.mobile {
          /* show mobile image */
          display: block !important; }
      ul#main-carousel li > .description {
        /* overides */
        top: auto !important;
        left: 0 !important;
        width: 100% !important;
        opacity: 1 !important;
        bottom: 0;
        padding: 0;
        border-radius: 0;
        background: rgba(0, 0, 0, 0.6);
        box-shadow: none;
        font-size: 16px;
        /* set the stage */
        display: block;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        /* vertically align center */
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        /* pack them to the right */
        -webkit-box-pack: end;
        -moz-box-pack: end;
        box-pack: end;
        height: 60px; }
        ul#main-carousel li > .description > {
          /* pseudo-center the titles */ }
          ul#main-carousel li > .description > strong {
            display: block;
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            box-flex: 1;
            width: 200px;
            min-height: px;
            font-size: 20px;
            line-height: 28px;
            text-align: center; }
          ul#main-carousel li > .description > strong:before {
            display: block;
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            box-flex: 1;
            float: left;
            width: 20%;
            height: 31px;
            content: ' ';
            /* required */ }
          ul#main-carousel li > .description > span {
            display: none !important; }
          ul#main-carousel li > .description > a {
            display: block;
            /*
                    -webkit-box-flex: 1;
                    -moz-box-flex: 1;
                    box-flex: 1;
            */
            height: 100%;
            width: 35%;
            max-width: 60px;
            margin: 0;
            text-indent: -9999px;
            background: url(../images/icn_carousel_ylw_gt.png) no-repeat 50%;
            -webkit-background-size: 25%;
            background-size: 25%; }

  /*
   * You be the judge (responsive)
   */
  #bottom-part {
    position: static !important;
    clear: both;
    text-align: center;
    height: auto;
    padding-bottom: 60px;
    background-color: #0F0F0F; }
    #bottom-part h2 {
      padding: 24px;
      font-size: 15px;
  }
    #bottom-part div {
      width: 100%;
      overflow: hidden; }
      #bottom-part div article {
        width: 100%;
        float: none;
        margin: 0 0 10px 0;
        overflow: hidden;
        padding: 0; }
        #bottom-part div article:first-child {
          background-image: none; }
        #bottom-part div article:nth-child(2) {
          margin: 0;
          padding: none;
          width: 100%; }
        #bottom-part div article a {
          display: block;
          width: 100%;
          text-decoration: underline; }
        #bottom-part div article img {
          display: none; }


    .video-container iframe{
      width: 100%;
      height: auto;
    }

    ul#main-carousel  li .description > strong{
        font-size: 15px;
    }




  /* Responsive --> OUR CHEESE
  --------------------------------------------------- */
  .ss-container {
    width: 100%; }
    .ss-container .ss-indicator {
      display: none; }
    .ss-container .ss-controls {
      display: none; }
    .ss-container .ss-active-content {
      padding: 0;
      height: auto; }
    .ss-container .ss-carrot {
      display: none; }

  #judge-learn h2 {
    position: static;
    clear: both;
    width: 100%;
    height: 150px;
    border-top: 3px solid #f9e508;
    line-height: 150px;
    text-align: left;
    color: #f9e508;
    cursor: auto;
    padding: 0 0 0 120px;
    margin: 0;
    background-position: 15px 50%; }
  #judge-learn .ss-content {
    display: block;
    /* unhide all content */
    width: 100%;
    margin: 0 auto 20px auto;
    padding: 0 15px 15px; }
    #judge-learn .ss-content h3 {
      padding: 0; }
    #judge-learn .ss-content p {
      width: 100%;
      padding: 0;
      float: none;
      margin-bottom: 20px;
      font-family: sans-serif;
      font-size: 130%; }
  #judge-learn .ss-active-control {
    color: #f9e508; }
    #judge-learn .ss-active-control:hover {
      color: #f9e508; }

  #our-cheese {
    /*
    * Bottom Nav
    */
    /* display mobile nav on mobile devices */
    /*
    .mobile-nav {
      li {
        display: block;
        width: 100%;
        height: 100px;
        background: #040404 url(../images/icn_carousel_ylw_gt.png) no-repeat right center;
        background-position: 95% 50%;
        border-top: 2px solid #e4e2d2;
        text-transform: uppercase;
        color: $brightYellow;
        line-height: 100px;
        text-indent: 20px;
        cursor: pointer;
      }
      .mobile-active {
        color: #9C9C94;
        background: none;
      }
    }
    */ }
    #our-cheese .mobile {
      display: block; }
    #our-cheese #mobile-nav {
      clear: both;
      display: block;
      width: 100%;
      margin: 0;
      background-color: #040404; }
      #our-cheese #mobile-nav li {
        display: block;
        border-top: 2px solid #fff1d0; }
        #our-cheese #mobile-nav li a {
          display: block;
          width: 100%;
          line-height: 100px;
          text-indent: 20px;
          font-size: 130%;
          text-transform: uppercase;
          color: #f9e508;
          background-image: url(../images/icn_carousel_ylw_gt.png);
          background-repeat: no-repeat;
          background-position: 95% 50%; }
          #our-cheese #mobile-nav li a:hover {
            color: #9c9c94; }
        #our-cheese #mobile-nav li.selected a {
          color: #9c9c94;
          background-image: none; }

  #our-cheese section#main {
    margin-top: 0px;
    background-color: #161616; }
    #our-cheese section#main #our-cheese-intro h2 {
      font-size: 300%;
      margin: 4%; }
    #our-cheese section#main #our-cheese-intro p {
      font-size: 130%;
      padding: 0 4%;
      color: #9C9C94; }
    #our-cheese section#main .ss-control {
      display: none !important; }
    #our-cheese section#main #our-cheese-inner {
      margin-bottom: 0px;
      padding-bottom: 0px;
      width: 100% !important;
      height: auto !important;
      box-sizing: border-box;
      text-align: center; }
      #our-cheese section#main #our-cheese-inner .ss-carrot {
        display: none;
        width: 85% !important;
        text-align: center;
        margin: 0 0 15px 0;
        position: static !important; }
      #our-cheese section#main #our-cheese-inner > div {
        background-color: transparent !important; }
      #our-cheese section#main #our-cheese-inner div .ss-content {
        display: none;
        padding-top: 0px;
        padding-bottom: 0px; }
        #our-cheese section#main #our-cheese-inner div .ss-content h2.mobile {
          display: block;
          padding-left: 0; }
        #our-cheese section#main #our-cheese-inner div .ss-content h2.first {
          display: none; }
        #our-cheese section#main #our-cheese-inner div .ss-content .product-hero {
          width: 100%; }
          #our-cheese section#main #our-cheese-inner div .ss-content .product-hero .product-hero-text {
            left: 0px !important;
            top: auto !important;
            bottom: 0px !important;
            padding: 0 !important;
            box-sizing: border-box;
            width: 90% !important;
            margin: 0 60px 20px 20px;
            background-image: url(../images/bg_product_hero_text_mobile.png) !important;
            background-size: cover;
            padding-left: 20px !important;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            font-size: 20px;
            height: auto !important;
            text-align: left; }
          #our-cheese section#main #our-cheese-inner div .ss-content .product-hero img {
            display: block !important;
            width: 150%;
            height: auto;
            position: relative;
            left: 0%; }
          #our-cheese section#main #our-cheese-inner div .ss-content .product-hero h2 {
            font-size: 18px; }
        #our-cheese section#main #our-cheese-inner div .ss-content .product-more {
          height: auto !important; }
          #our-cheese section#main #our-cheese-inner div .ss-content .product-more > div {
            float: none !important;
            clear: both;
            width: 100% !important; }
          #our-cheese section#main #our-cheese-inner div .ss-content .product-more .left-block {
            width: 100%;
            height: 302px !important;
            background: none; }
            #our-cheese section#main #our-cheese-inner div .ss-content .product-more .left-block dl {
              text-align: center;
              clear: both;
              width: 100% !important; }
              #our-cheese section#main #our-cheese-inner div .ss-content .product-more .left-block dl dt, #our-cheese section#main #our-cheese-inner div .ss-content .product-more .left-block dl dd {
                display: block;
                width: 230px;
                margin: 0 auto;
                float: none;
                clear: both; }
            #our-cheese section#main #our-cheese-inner div .ss-content .product-more .left-block img {
              position: absolute;
              left: 50%;
              margin-left: -75px;
              margin-top: 110px;
              width: 150px; }
            #our-cheese section#main #our-cheese-inner div .ss-content .product-more .left-block a {
              width: 100%; }
          #our-cheese section#main #our-cheese-inner div .ss-content .product-more .center-block {
            background-image: url(../images/bg_products_hero_center_mobile.png);
            background-size: cover;
            background-position: center top;
            border-bottom: 1px solid #303030;
            border-left: none !important;
            border-right: none !important;
            height: 250px !important; }
            #our-cheese section#main #our-cheese-inner div .ss-content .product-more .center-block p {
              width: 100%;
              background-position: center !important;
              margin-top: 10px;
              margin-bottom: 40px; }
          #our-cheese section#main #our-cheese-inner div .ss-content .product-more .right-block {
            background: none;
            width: 100%; }
            #our-cheese section#main #our-cheese-inner div .ss-content .product-more .right-block blockquote {
              display: block;
              width: 320px;
              padding-left: 0;
              margin: 0 auto;
              font-size: 20px; }
              #our-cheese section#main #our-cheese-inner div .ss-content .product-more .right-block blockquote span {
                font-size: 14px; }
            #our-cheese section#main #our-cheese-inner div .ss-content .product-more .right-block a {
              width: 100%; }
        #our-cheese section#main #our-cheese-inner div .ss-content #product-more-1 blockquote {
          padding-top: 35px;
          padding-right: 50px;
          padding-left: 30px;
          font-size: 17px; }
        #our-cheese section#main #our-cheese-inner div .ss-content #product-more-2 blockquote,
        #our-cheese section#main #our-cheese-inner div .ss-content #product-more-3 blockquote {
          padding-top: 51px;
          padding-right: 50px;
          padding-left: 30px; }
        #our-cheese section#main #our-cheese-inner div .ss-content #product-more-3 .testimonial {
          height: 222px; }
          #our-cheese section#main #our-cheese-inner div .ss-content #product-more-3 .testimonial blockquote {
            font-size: 17px;
            padding-right: 50px; }
        #our-cheese section#main #our-cheese-inner div .ss-content #product-more-4 .left-block img {
          margin: 110px 0 0 -63px; }
        #our-cheese section#main #our-cheese-inner div .ss-content #product-more-4 .left-block dl {
          text-align: center;
          clear: both;
          width: 100% !important; }
          #our-cheese section#main #our-cheese-inner div .ss-content #product-more-4 .left-block dl dt, #our-cheese section#main #our-cheese-inner div .ss-content #product-more-4 .left-block dl dd {
            display: block;
            width: 230px;
            margin: 0 auto;
            float: none;
            clear: both; }
        #our-cheese section#main #our-cheese-inner div .ss-content #product-more-4 .left-block a {
          width: 100%;
          bottom: 0;
          left: 0;
          text-indent: 0px;
          background: url("../images/btn_more_pairings.png") repeat-x scroll center top; }
        #our-cheese section#main #our-cheese-inner div .ss-content #product-more-4 .right-block a {
          width: 100%;
          bottom: 0;
          left: 0;
          text-indent: 0px;
          background: url("../images/btn_more_pairings.png") repeat-x scroll center top; }
        #our-cheese section#main #our-cheese-inner div .ss-content #product-more-4 .right-block blockquote {
          padding-left: 0;
          width: 270px;
          font-size: 17px;
          padding-right: 0; }
        #our-cheese section#main #our-cheese-inner div .ss-content #product-more-5 .left-block {
          height: 185px !important;
          padding-top: 14px;
          border-bottom: 1px solid #303030;
          border-right: none; }
          #our-cheese section#main #our-cheese-inner div .ss-content #product-more-5 .left-block dl {
            padding-left: 0; }
            #our-cheese section#main #our-cheese-inner div .ss-content #product-more-5 .left-block dl a {
              margin-top: 10px; }
        #our-cheese section#main #our-cheese-inner div .ss-content #product-more-5 .center-block {
          width: 100%;
          height: 165px !important;
          text-align: center;
          padding-top: 14px; }
          #our-cheese section#main #our-cheese-inner div .ss-content #product-more-5 .center-block dl {
            text-align: center;
            clear: both;
            width: 100% !important;
            padding-left: 0px; }
            #our-cheese section#main #our-cheese-inner div .ss-content #product-more-5 .center-block dl dt, #our-cheese section#main #our-cheese-inner div .ss-content #product-more-5 .center-block dl dd {
              display: block;
              width: 230px;
              margin: 0 auto;
              float: none;
              clear: both; }
            #our-cheese section#main #our-cheese-inner div .ss-content #product-more-5 .center-block dl a {
              margin-top: 10px; }
        #our-cheese section#main #our-cheese-inner div .ss-content #product-more-5 .right-block blockquote {
          width: 270px !important;
          font-size: 17px;
          padding-right: 0; }
        #our-cheese section#main #our-cheese-inner div .ss-content h3 {
          width: 100%;
          text-align: center;
          background-color: #020202;
          margin-bottom: 0;
          padding-bottom: 38px; }
        #our-cheese section#main #our-cheese-inner div .ss-content .grid {
          background-color: #161616;
          width: 100%;
          padding-top: 20px;
          padding-right: 40px; }
          #our-cheese section#main #our-cheese-inner div .ss-content .grid li {
            background: none;
            float: none;
            width: 100%;
            text-align: center;
            padding: 30px 0 0 0;
            margin: 0 0 0 20px;
            border-bottom: 1px solid #3b3b3b; }
             #our-cheese section#main #our-cheese-inner .our-products .ss-content .grid li {
             padding-bottom:30px;
             }
            #our-cheese section#main #our-cheese-inner div .ss-content .grid li:last-child {
              border-bottom: none;
              padding-bottom: 20px; }
            #our-cheese section#main #our-cheese-inner div .ss-content .grid li img {
              float: none;
              display: block;
              margin: 0 auto;
              margin-bottom: 20px; }
            #our-cheese section#main #our-cheese-inner div .ss-content .grid li > img {
              width: 240px;
              height: auto; }
              #our-cheese section#main #our-cheese-inner div .ss-content .grid li h4{
              float:none;
              }
            #our-cheese section#main #our-cheese-inner div .ss-content .grid li > .snack {
              width: 140px; }
            #our-cheese section#main #our-cheese-inner div .ss-content .grid li .poll-wrapper > div {
              display: block;
              width: 100%; }
              #our-cheese section#main #our-cheese-inner div .ss-content .grid li .poll-wrapper > div .rating-icons {
                margin: 0 auto;
                float: none !important; }
              #our-cheese section#main #our-cheese-inner div .ss-content .grid li .poll-wrapper > div span {
                display: none; }
              #our-cheese section#main #our-cheese-inner div .ss-content .grid li .poll-wrapper > div .rating-msg {
                width: 100%;
                text-align: center !important; }
            #our-cheese section#main #our-cheese-inner div .ss-content .grid li .prod-award {
              width: 268px;
              margin: 0 auto;
              padding-left: 33px; }
              #our-cheese section#main #our-cheese-inner div .ss-content .grid li .prod-award p {
                padding-left: 16px;
                text-align: left;
                width: 182px; }
              #our-cheese section#main #our-cheese-inner div .ss-content .grid li .prod-award img {
                float: left; }
      #our-cheese section#main #our-cheese-inner div #product-hero-5 img {
        left: -18%; }
      #our-cheese section#main #our-cheese-inner div #item6content h2 {
        padding: 30px 0 0 0 !important; }
      #our-cheese section#main #our-cheese-inner div #item6content h2.first {
        border: none;
        margin: 0;
        background-color: #161616;
        border-top: 1px solid #3B3B3B; }
      #our-cheese section#main #our-cheese-inner div #item6content .mobile {
        padding: 0;
        background: transparent;
        margin-bottom: 50px; }
    #our-cheese section#main #our-cheese-learn {
      width: 100%;
      padding: 8px;
      box-sizing: border-box; }
      #our-cheese section#main #our-cheese-learn div {
        background: #161616; }
        #our-cheese section#main #our-cheese-learn div img {
          display: none;
          /* hide desktop image */
          width: 100%;
          margin: 0; }
          #our-cheese section#main #our-cheese-learn div img.mobile {
            display: block;
            /* show mobile image */ }
    #our-cheese section#main #our-cheese-resources {
      height: auto;
      overflow: hidden;
      width: 100%;
      background: #fff1d0; }
      #our-cheese section#main #our-cheese-resources > a {
        display: none; }
      #our-cheese section#main #our-cheese-resources h4 {
        text-transform: uppercase;
        font-size: 130%;
        letter-spacing: 1px;
        padding: 10% 1%;
        margin: 0; }
      #our-cheese section#main #our-cheese-resources ul {
        margin: 0;
        padding: 8px;
        width: 100%; }
        #our-cheese section#main #our-cheese-resources ul li {
          float: none;
          margin: 0 auto 8px auto;
          width: 100%; }
          #our-cheese section#main #our-cheese-resources ul li span {
            font-size: 150%;
            color: #9C9C94;
            font-family: sans-serif;
            cursor: pointer;
            padding: 10px 0; }

  /* Responsive --> PERFECT PAIRINGS
  --------------------------------------------------- */
  #pairing .ss-container-2 {
    /*
     * These items get duplicated using javascript
     * then prepended into their matching content
     * therefore lets hide the original Tab
     */ }
    #pairing .ss-container-2 .ss-content {
      /* hidden by default. Opens using JS */
      display: none;
      width: 100%; }
    #pairing .ss-container-2 .ss-controls {
      display: none;
      /*
      height: 100px;

      li {
        display: block;
        position: absolute;
        width: 41px;
        height: 41px;
        background-color: $brightYellow;
        text-indent: -5000em;
        background-repeat: no-repeat;
        background-position: center center;
        cursor: pointer !important;
      }
      .ss-prev {
        background-image: url(../images/icn_carousel_lt.png);
        left: 0px;
      }
      .ss-next {
        background-image: url(../images/icn_carousel_gt.png);
        right: 0px;
      }
      */ }
    #pairing .ss-container-2 .ss-control {
      background-color: #020202;
      clear: both;
      color: #fff1d0;
      cursor: pointer;
      display: block;
      font-family: "Oswald", sans-serif;
      font-size: 130%;
      letter-spacing: .1em;
      text-indent: 20px;
      text-transform: uppercase;
      margin: 0;
      padding: 40px 0px;
      position: static;
      width: 100%;
      z-index: 9000; }
    #pairing .ss-container-2 #item1 {
      left: 0;
      display: none; }
    #pairing .ss-container-2 #item2 {
      left: 0;
      display: none; }
    #pairing .ss-container-2 #item3 {
      left: 0;
      display: none; }
    #pairing .ss-container-2 #item4 {
      left: 0;
      display: none; }
    #pairing .ss-container-2 #item5 {
      left: 0;
      display: none; }
    #pairing .ss-container-2 #item6 {
      left: 0;
      display: none; }
    #pairing .ss-container-2 .ss-active-content {
      display: none; }
    #pairing .ss-container-2 .ss-carrot {
      position: absolute;
      height: 20px;
      width: 122px;
      background: url("../images/icn_ss-carrot-light.png") no-repeat center top;
      top: 0px; }
    #pairing .ss-container-2 h2 {
      display: block;
      width: 13%;
      text-align: center;
      background-repeat: no-repeat;
      background-position: center top;
      font-family: "Oswald", sans-serif;
      font-size: 13px;
      overflow: visible;
      text-transform: uppercase;
      cursor: pointer;
      color: #303030;
      position: absolute;
      padding-top: 15px;
      z-index: 5000;
      color: #f9e508; }
      #pairing .ss-container-2 h2:hover {
        color: #fff1d0; }
    #pairing .ss-container-2 .ss-active-control {
      color: #fff1d0; }
      #pairing .ss-container-2 .ss-active-control:hover {
        color: #fff1d0; }

  #pairing header {
    background-color: #161616; }

  #pairing section#main {
    margin-top: 0px;
    background-color: #161616; }
    #pairing section#main #pairing-intro {
      display: block;
      width: 100%; }
      #pairing section#main #pairing-intro h2 {
        font-size: 340%;
        margin: 4%; }
      #pairing section#main #pairing-intro p {
        font-size: 130%;
        padding: 0 4%;
        color: #fff1d0; }
    #pairing section#main #pairings-inner {
      /*
      background-color: $black;
      width: 944px;
      margin: 0 auto;
      padding: 0 8px 24px 8px;
      overflow: visible;
      box-sizing: content-box;
      margin-bottom: 20px;
      */
      display: block;
      width: 100%;
      margin: 0 auto;
      padding: 0;
      background-color: #020202; }
      #pairing section#main #pairings-inner div {
        display: block;
        position: relative;
        padding: 0 5px; }
        #pairing section#main #pairings-inner div img {
          display: block;
          width: 100%;
          height: auto;
          /* hide desktop images */
          /* show mobile images */ }
          #pairing section#main #pairings-inner div img.desktop {
            display: none; }
          #pairing section#main #pairings-inner div img.mobile {
            display: block !important;
            width: 100%;
            height: auto; }
        #pairing section#main #pairings-inner div .more-pin {
          display: none;
        /*
        width: 100%;
        margin-bottom: 55px;

        a {
          display: block;
          width: 257px;
          height: 52px;
          margin: 0 auto;
          text-indent: -5000em;
          background: url(../images/btn_more_pintrest.png) no-repeat left top;
        }
        */ }
        #pairing section#main #pairings-inner div .ss-carrot {
          display: none;
          padding: 0;
          width: 100% !important; }
        #pairing section#main #pairings-inner div .ss-content {
          padding: 0;
          width: 100%; }
          #pairing section#main #pairings-inner div .ss-content h3 {
            font-style: normal;
            font-size: 171%;
            margin: 0px auto 0px 0px;
            padding: 40px 20px 10px 20px;
            text-align: left;
            width: 100%;
            background-color: #161616; }
          #pairing section#main #pairings-inner div .ss-content #create {
            display: block;
            height: auto;
            padding-top: 60px;
            background-color: #161616;
            background-image: url(../images/bg_pairing_mobile_grad.png);
            background-repeat: repeat-x;
            background-position: left top;
            background-size: auto; }
            #pairing section#main #pairings-inner div .ss-content #create .see-more-tips {
              color: #f9e508;
              text-transform: uppercase;
              text-decoration: underline;
              padding: 20px 0;
              font-size: 18px; }
              #pairing section#main #pairings-inner div .ss-content #create .see-more-tips:visited {
                color: #f9e508; }
            #pairing section#main #pairings-inner div .ss-content #create .more-tips {
              display: none;
              width: 100%; }
            #pairing section#main #pairings-inner div .ss-content #create .col {
              position: static;
              display: block;
              width: 100%;
              padding: 0 20px; }
              #pairing section#main #pairings-inner div .ss-content #create .col div > * {
                margin-bottom: 22px; }
              #pairing section#main #pairings-inner div .ss-content #create .col #timing {
                background: url("../images/icn_pairing_timing.png") no-repeat 0px 5px; }
                #pairing section#main #pairings-inner div .ss-content #create .col #timing p .see-more-tips {
                  display: inline-block; }
              #pairing section#main #pairings-inner div .ss-content #create .col #texture {
                background: url("../images/icn_pairing_texture.png") no-repeat 0px 10px; }
              #pairing section#main #pairings-inner div .ss-content #create .col #slice {
                background: url("../images/icn_pairing_slice.png") no-repeat 0px 20px; }
              #pairing section#main #pairings-inner div .ss-content #create .col #staple {
                background: url("../images/icn_pairing_staple.png") no-repeat 0px 15px; }
              #pairing section#main #pairings-inner div .ss-content #create .col #position {
                background: url("../images/icn_pairing_position.png") no-repeat 0px 15px; }
              #pairing section#main #pairings-inner div .ss-content #create .col #flavor {
                background: url("../images/icn_pairing_flavor.png") no-repeat 0px 10px; }
              #pairing section#main #pairings-inner div .ss-content #create .col #visual {
                background: url("../images/icn_pairing_visual.png") no-repeat 0px 15px; }
              #pairing section#main #pairings-inner div .ss-content #create .col #tools {
                background: url("../images/icn_pairing_tools.png") no-repeat 0px 0px; }
              #pairing section#main #pairings-inner div .ss-content #create .col h4 {
                font-family: "Oswald", sans-serif;
                color: #fff1d0;
                font-size: 27px;
                background: #2B2A2A;
                font-size: 100%;
                line-height: 23px;
                padding: 15px;
                text-transform: uppercase;
                width: 100%; }
              #pairing section#main #pairings-inner div .ss-content #create .col p {
                color: #9c9c94;
                font-family: "Helvetica", sans;
                font-size: 110%;
                padding-left: 20px; }
            #pairing section#main #pairings-inner div .ss-content #create #col1 {
              left: 0; }
              #pairing section#main #pairings-inner div .ss-content #create #col1 div > * {
                margin-left: 62px; }
            #pairing section#main #pairings-inner div .ss-content #create #col2 {
              left: 0; }
              #pairing section#main #pairings-inner div .ss-content #create #col2 div > * {
                margin-left: 62px; }
            #pairing section#main #pairings-inner div .ss-content #create #col3 {
              left: 0; }
              #pairing section#main #pairings-inner div .ss-content #create #col3 div > * {
                margin-left: 62px; }
          #pairing section#main #pairings-inner div .ss-content #download {
            display: none;
          /*
          padding: 56px 0 63px;

          h2 {
            @include commonH3;
            font-size: 26px;
            margin-bottom: 20px;
            padding: 0 20%;
            position: static;
            width: 100%;
          }

          a {
            display: block;
            background: url('../images/btn_pairings_cheatsheet_download.png') no-repeat left top;
            width: 270px;
            height: 34px;
            text-indent: -5000em;
            cursor: pointer;
            margin: 0 auto;
          }
          */ }
          #pairing section#main #pairings-inner div .ss-content #match {
            background: #1b1b1b;
            padding-bottom: 135px;
            background-color: #161616;
            background-image: url(../images/bg_pairing_mobile_grad.png);
            background-repeat: repeat-x;
            background-position: left top;
            background-size: auto; }
            #pairing section#main #pairings-inner div .ss-content #match h3 {
              margin: 0 0 45px;
              background-color: #020202; }
            #pairing section#main #pairings-inner div .ss-content #match .box {
              display: block;
              background-color: #161616;
              color: #fff1d0; }
              #pairing section#main #pairings-inner div .ss-content #match .box .inner {
                border-bottom: 3px solid #f9e508; }
                #pairing section#main #pairings-inner div .ss-content #match .box .inner .row-1 {
                  background-color: transparent;
                  text-transform: uppercase;
                  margin-bottom: 10px; }
                #pairing section#main #pairings-inner div .ss-content #match .box .inner .label-1 {
                  padding: 10px 20px;
                  background-color: #040404;
                  width: 100%;
                  margin-bottom: 10px; }
                #pairing section#main #pairings-inner div .ss-content #match .box .inner .data-1 {
                  clear: both;
                  display: block;
                  width: 100%;
                  padding: 10px 0; }
                  #pairing section#main #pairings-inner div .ss-content #match .box .inner .data-1 img {
                    display: block;
                    width: auto;
                    height: 60px; }
                #pairing section#main #pairings-inner div .ss-content #match .box .inner .label-2,
                #pairing section#main #pairings-inner div .ss-content #match .box .inner .label-3,
                #pairing section#main #pairings-inner div .ss-content #match .box .inner .label-4 {
                  display: block;
                  width: 100%;
                  text-transform: uppercase;
                  background-color: #040404;
                  padding: 5px 20px; }
                #pairing section#main #pairings-inner div .ss-content #match .box .inner .label-2:after,
                #pairing section#main #pairings-inner div .ss-content #match .box .inner .label-3:after,
                #pairing section#main #pairings-inner div .ss-content #match .box .inner .label-4:after {
                  content: ' :'; }
                #pairing section#main #pairings-inner div .ss-content #match .box .inner .data-2,
                #pairing section#main #pairings-inner div .ss-content #match .box .inner .data-3,
                #pairing section#main #pairings-inner div .ss-content #match .box .inner .data-4 {
                  display: block;
                  padding: 5px 20px 30px 20px;
                  color: #9c9c94;
                  font-family: sans-serif; }
          #pairing section#main #pairings-inner div .ss-content .pairing-detail {
            border-bottom: 0px;
            position: relative;
            padding: 0; }
            #pairing section#main #pairings-inner div .ss-content .pairing-detail .expander {
              cursor: pointer !important; }
            #pairing section#main #pairings-inner div .ss-content .pairing-detail .expanded, #pairing section#main #pairings-inner div .ss-content .pairing-detail .close {
              display: none;
              position: absolute;
              top: 35px;
              left: 21px;
              z-index: 5000; }
            #pairing section#main #pairings-inner div .ss-content .pairing-detail .close {
              z-index: 9000;
              cursor: pointer !important;
              left: auto;
              right: 12px;
              top: 47px; }
            #pairing section#main #pairings-inner div .ss-content .pairing-detail .col {
              display: block;
              float: left;
              box-sizing: content-box !important;
              clear: none; }
            #pairing section#main #pairings-inner div .ss-content .pairing-detail .col1 {
              display: block;
              width: 100%;
              float: none;
              padding: 0;
              position: static; }
              #pairing section#main #pairings-inner div .ss-content .pairing-detail .col1 a {
                position: absolute !important;
                bottom: 20px;
                left: 32%;
                z-index: 900; }
              #pairing section#main #pairings-inner div .ss-content .pairing-detail .col1 img.magnify {
                display: none; }
              #pairing section#main #pairings-inner div .ss-content .pairing-detail .col1 img.expander {
                display: block;
                width: 100%;
                height: auto;
                margin: 0; }
              #pairing section#main #pairings-inner div .ss-content .pairing-detail .col1 .magnify {
                display: none; }
            #pairing section#main #pairings-inner div .ss-content .pairing-detail .col2 {
              display: block;
              width: 70%;
              float: right;
              box-sizing: content-box !important;
              position: relative;
              overflow: visible; }
              #pairing section#main #pairings-inner div .ss-content .pairing-detail .col2 > h2 {
                font-family: "Century Schoolbook", serif;
                color: #fff1d0;
                font-size: 32px;
                padding: 0 0 20px 11px;
                position: static;
                text-align: left;
                width: 100%;
                font-size: 150%; }
              #pairing section#main #pairings-inner div .ss-content .pairing-detail .col2 > p {
                padding-left: 11px;
                padding-right: 29px;
                font-size: 100%; }
              #pairing section#main #pairings-inner div .ss-content .pairing-detail .col2 .poll-wrapper {
                padding-top: 15px;
                padding-left: 11px;
                margin-bottom: 18px; }
                #pairing section#main #pairings-inner div .ss-content .pairing-detail .col2 .poll-wrapper > div {
                  width: auto;
                  float: left; }
                #pairing section#main #pairings-inner div .ss-content .pairing-detail .col2 .poll-wrapper .pd_popup_holder {
                  display: none; }
                #pairing section#main #pairings-inner div .ss-content .pairing-detail .col2 .poll-wrapper .rating-msg, #pairing section#main #pairings-inner div .ss-content .pairing-detail .col2 .poll-wrapper p {
                  float: left;
                  box-sizing: content-box;
                  width: auto;
                  font-family: "Century Schoolbook", serif;
                  color: #606060;
                  font-size: 14px;
                  font-size: 12px !important;
                  font-family: "Century Schoolbook", serif !important;
                  padding-right: 10px;
                  line-height: 30px !important; }
                #pairing section#main #pairings-inner div .ss-content .pairing-detail .col2 .poll-wrapper .rating-icons {
                  float: left;
                  width: auto; }
              #pairing section#main #pairings-inner div .ss-content .pairing-detail .col2 p {
                font-family: "Century Schoolbook", serif;
                color: #fff1d0;
                font-size: 16px;
                font-size: 100%; }
              #pairing section#main #pairings-inner div .ss-content .pairing-detail .col2 .tips {
                clear: both;
                position: static;
                display: inline-block;
                width: 100%;
                padding-bottom: 30px;
                overflow: visible; }
                #pairing section#main #pairings-inner div .ss-content .pairing-detail .col2 .tips .bottle {
                  position: absolute;
                  width: 30%;
                  left: -36%;
                  top: 10px; }
                #pairing section#main #pairings-inner div .ss-content .pairing-detail .col2 .tips .tips:after {
                  content: ".";
                  display: block;
                  clear: both;
                  visibility: hidden;
                  line-height: 0;
                  height: 0; }
                #pairing section#main #pairings-inner div .ss-content .pairing-detail .col2 .tips p {
                  display: block;
                  font-family: Helvetica, sans-serif;
                  color: #606060;
                  font-size: 14px;
                  font-size: 100%;
                  margin-bottom: 15px;
                  width: 98%;
                  padding-left: 10px; }
                #pairing section#main #pairings-inner div .ss-content .pairing-detail .col2 .tips .title {
                  position: absolute;
                  font-family: "Oswald", sans-serif;
                  color: #000;
                  font-size: 130%;
                  text-transform: uppercase;
                  left: -80px; }
                  #pairing section#main #pairings-inner div .ss-content .pairing-detail .col2 .tips .title span {
                    background: #fff1d0;
                    border-radius: 2px;
                    padding: 5px 7px; }

  #pairing .ss-controls li {
    text-indent: 0;
    color: #f9e508;
    overflow: visible; }
    #pairing .ss-controls li span {
      position: relative;
      right: 157px;
      z-index: 9000;
      top: 10px;
      cursor: pointer;
      text-align: right;
      width: 141px;
      text-transform: uppercase;
      font-size: 14px; }

  #pairing .ss-controls .ss-prev span {
    left: 57px;
    text-align: left; }

  /*
  * Bottom Nav
  */
  /* display mobile nav on mobile devices */
  #mobile-nav {
    clear: both;
    display: block;
    width: 100%;
    margin: 0;
    background-color: #040404; }
    #mobile-nav li {
      display: block;
      border-top: 2px solid #fff1d0; }
      #mobile-nav li a {
        display: block;
        width: 100%;
        line-height: 100px;
        text-indent: 20px;
        font-size: 130%;
        text-transform: uppercase;
        color: #f9e508;
        background-image: url(../images/icn_carousel_ylw_gt.png);
        background-repeat: no-repeat;
        background-position: 95% 50%; }
        #mobile-nav li a:hover {
          color: #9c9c94; }
      #mobile-nav li.selected a {
        color: #9c9c94;
        background-image: none; }

  /* Responsive --> FAN FEEDBACK
  --------------------------------------------------- */
  #feedback section#main #feedback-intro h2 {
    font-size: 300%;
    margin: 4%; }
  #feedback section#main #feedback-intro p {
    font-size: 130%;
    padding: 0 4%;
    color: #fff1d0; }
  #feedback section#main #fan-feedback {
    background-color: #020202;
    margin: 0 auto;
    padding-bottom: 0px; }
    #feedback section#main #fan-feedback > img {
      display: none;
      /* hide desktop image */ }
      #feedback section#main #fan-feedback > img.mobile {
        display: block;
        /* show mobile image */ }
    #feedback section#main #fan-feedback #fan-feedback-inner {
      position: relative;
      /*
            background: $darkGray;
      */
      padding-bottom: 240px;
      /* make room for "learn-more" at the bottom */
      height: auto; }
      #feedback section#main #fan-feedback #fan-feedback-inner > div {
        float: none; }
        #feedback section#main #fan-feedback #fan-feedback-inner > div > h2 {
          font-family: "Oswald", sans-serif;
          color: #fff1d0;
          font-size: 34px;
          text-transform: uppercase;
          font-size: 130%;
          text-align: center;
          width: 100%; }
      #feedback section#main #fan-feedback #fan-feedback-inner #chosen-comments {
        border-top: 3px solid #f9e508;
        min-height: 450px;
        width: 100%;
        background: #161616; }
        #feedback section#main #fan-feedback #fan-feedback-inner #chosen-comments h2 {
          line-height: 50px; }
        #feedback section#main #fan-feedback #fan-feedback-inner #chosen-comments #filter {
          /* flexible content */ }
          #feedback section#main #fan-feedback #fan-feedback-inner #chosen-comments #filter #label {
            float: none;
            width: 100%;
            text-align: center;
            color: #fff1d0;
            font-size: 90%;
            margin-bottom: 5px; }
          #feedback section#main #fan-feedback #fan-feedback-inner #chosen-comments #filter #options {
            display: -webkit-box;
            display: -moz-box;
            display: box;
            float: none;
            width: 100%;
            /* set left margin on subsequent LIs */ }
            #feedback section#main #fan-feedback #fan-feedback-inner #chosen-comments #filter #options span {
              float: none;
              -webkit-box-flex: 1;
              -moz-box-flex: 1;
              box-flex: 1;
              border-radius: 0px;
              margin: 0;
              padding: 4px 2%; }
            #feedback section#main #fan-feedback #fan-feedback-inner #chosen-comments #filter #options span + span {
              margin-left: 2px; }
        #feedback section#main #fan-feedback #fan-feedback-inner #chosen-comments ul#comments li {
          margin-bottom: 45px;
          padding: 0 20px 0 75px; }
          #feedback section#main #fan-feedback #fan-feedback-inner #chosen-comments ul#comments li p {
            margin-bottom: 10px; }
          #feedback section#main #fan-feedback #fan-feedback-inner #chosen-comments ul#comments li span.name {
            width: 40%;
            float: left; }
          #feedback section#main #fan-feedback #fan-feedback-inner #chosen-comments ul#comments li span.hashtag {
            width: 40%;
            float: right;
            text-align: right; }
      #feedback section#main #fan-feedback #fan-feedback-inner #fb-feed {
        width: 100%;
        padding: 0 0 60px 0;
        margin: 0;
        border-top: 3px solid #f9e508; }
        #feedback section#main #fan-feedback #fan-feedback-inner #fb-feed h2 {
          margin: 20px 0px 0 20px; }
        #feedback section#main #fan-feedback #fan-feedback-inner #fb-feed a {
          margin: 0px 0px 20px 20px; }
        #feedback section#main #fan-feedback #fan-feedback-inner #fb-feed p {
          font-size: 13px;
          padding: 0 33px; }
        #feedback section#main #fan-feedback #fan-feedback-inner #fb-feed > span {
          display: block;
          margin: 0px 0px 40px 20px;
          font-size: 80%; }
      #feedback section#main #fan-feedback #fan-feedback-inner #learn-more {
        position: absolute;
        bottom: 0;
        left: 2%;
        width: 97%;
        margin: 0 auto 50px;
        padding: 0 0 10px 0;
        border: none;
        background: #2b2a2a;
        height: auto; }
        #feedback section#main #fan-feedback #fan-feedback-inner #learn-more a {
          display: block;
          min-height: 165px;
          width: 100%;
          padding: 5% 10%;
          position: relative; }
          #feedback section#main #fan-feedback #fan-feedback-inner #learn-more a h2 {
            margin-bottom: 10px;
            font-size: 26px; }
          #feedback section#main #fan-feedback #fan-feedback-inner #learn-more a img {
            position: absolute;
            right: 30%;
            height: 60px;
            width: auto; }
          #feedback section#main #fan-feedback #fan-feedback-inner #learn-more a #learn-more-arrow {
            position: absolute;
            right: 10%;
            background: url("../images/btn_arr_fwd.png") no-repeat 50%;
            height: 60px;
            width: 50px;
            margin: 15px 0 0 10px; }
        #feedback section#main #fan-feedback #fan-feedback-inner #learn-more:hover #learn-more-arrow {
          background-position: 50%;
          /* no hover state on mobile devices */ }

  /* Responsive --> JUDGING 101
  --------------------------------------------------- */
  .ss-container {
    width: 100%; }
    .ss-container .ss-indicator {
      display: none; }
    .ss-container .ss-controls {
      display: none; }
    .ss-container .ss-active-content {
      padding: 0;
      height: auto; }
    .ss-container .ss-carrot {
      display: none; }

  #judge-learn h2 {
    position: static;
    clear: both;
    width: 100%;
    height: 150px;
    border-top: 3px solid #f9e508;
    line-height: 150px;
    text-align: left;
    color: #f9e508;
    cursor: auto;
    padding: 0 0 0 120px;
    margin: 0;
    background-position: 15px 50%; }
  #judge-learn .ss-content {
    display: block;
    /* unhide all content */
    width: 100%;
    margin: 0 auto 20px auto;
    padding: 0 15px 15px; }
    #judge-learn .ss-content h3 {
      padding: 0; }
    #judge-learn .ss-content p {
      width: 100%;
      padding: 0;
      float: none;
      margin-bottom: 20px;
      font-family: sans-serif;
      font-size: 130%; }
  #judge-learn .ss-active-control {
    color: #f9e508; }
    #judge-learn .ss-active-control:hover {
      color: #f9e508; }

  #judging section#main {
    margin-top: 0px;
    background-color: #161616; }
    #judging section#main #judge-intro h2 {
      font-size: 300%;
      margin: 4%; }
    #judging section#main #judge-intro p {
      font-size: 130%;
      padding: 0 4%;
      color: #fff1d0; }
    #judging section#main .ss-container .ss-active-content {
      min-height: 0px !important; }
    #judging section#main #judge-learn {
      width: 100%;
      padding: 8px;
      box-sizing: border-box;
      height: auto; }
      #judging section#main #judge-learn h2 {
        font-size: 32px; }
      #judging section#main #judge-learn div {
        background: #161616; }
        #judging section#main #judge-learn div img {
          display: none;
          /* hide desktop image */
          width: 100%;
          margin: 0; }
          #judging section#main #judge-learn div img.mobile {
            display: block;
            /* show mobile image */ }
    #judging section#main #judge-resources {
      height: auto;
      overflow: hidden;
      width: 100%;
      background: #fff1d0; }
      #judging section#main #judge-resources .download {
        display: none; }
      #judging section#main #judge-resources h4 {
        text-transform: uppercase;
        font-size: 130%;
        letter-spacing: 1px;
        padding: 10% 1%;
        margin: 0; }
      #judging section#main #judge-resources ul {
        margin: 0;
        padding: 8px;
        width: 100%; }
        #judging section#main #judge-resources ul li {
          float: none;
          margin: 0 auto 8px auto;
          width: 100%; }
          #judging section#main #judge-resources ul li span {
            font-size: 150%;
            color: #9C9C94;
            font-family: sans-serif;
            cursor: pointer;
            padding: 10px 0; }
        #judging section#main #judge-resources ul li + li {
          margin-left: 0; }

  .pop_wrapper {
    display: none;
    position: fixed !important;
    z-index: 6000;
    left: 0 !important;
    margin: 0 !important;
    width: 100%;
    border: 1px solid #fff2d2 !important;
    top: 15%;
    }
    .pop_wrapper .close {
      display: block;
      cursor: pointer !important;
      width: 47px !important;
      height: 47px !important;
      background: #020202 url(../images/btn_close.png) no-repeat center !important;
      position: absolute;
      right: -1px !important;
      top: -47px !important;
      z-index: 7000;
    }


  /*
  - Wrap the responsive youtube embed code with a <div>.
  - Specify a 50% to 60% padding-bottom.
  - Absolutely position the child elements (iframe, object embed) with 100% width/height.
  */
  #vid-content {
    display: block;
    position: relative;
    overflow: hidden;
    height: 360px; }
    #vid-content iframe,
    #vid-content object,
    #vid-content embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

  .pop_bg {
    /*
    display: none;
    background: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity:0.7;
    filter:alpha(opacity=70);
    z-index: 5000;
    */ }

  /* Responsive --> OUR STORY
  --------------------------------------------------- */
  #story-learn .ss-controls {
    display: none; }
  #story-learn .ss-controls li {
    /*
    display: block;
    position: absolute;
    width: 41px;
    height: 41px;
    background-color: $brightYellow;
    text-indent: -5000em;
    background-repeat: no-repeat;
    background-position: center center;
    top: 637px;
    cursor: pointer !important;
    z-index: 5000;
    */ }
  #story-learn .ss-controls .ss-prev {
    /*
    background-image: url(../images/icn_carousel_lt.png);
    left: 0px;
    z-index: 5000;
    */ }
  #story-learn .ss-controls .ss-next {
    /*
    background-image: url(../images/icn_carousel_gt.png);
    left: 902px;
    z-index: 5000;
    */ }
  #story-learn .ss-carrot {
    display: none !important;
    /*
    display: block;
    position: absolute;
    top: 0px;
    left: 16px;
    right: 0px;
    height: 20px;
    background: url('../images/icn_ss-carrot-light.png') no-repeat center top;
    */ }
  #story-learn .ss-content {
    display: block;
    width: 100%;
    margin: 0px !important;
    padding: 0px 20px 50px 20px !important;
    position: relative;
    z-index: 1; }
    #story-learn .ss-content h3 {
      /*
      @include commonH4;
      font-size: 25px;
      margin: 0px 0px 20px 0px;
      padding: 0px;
      font-size: 26px;
      */ }
    #story-learn .ss-content p {
      /*
      @include commonSmallGrayP;
      width: 100%;
      padding: 0px;
      display: block;
      float: none;
      margin-bottom: 88px;
      font-size: 200%;
      background: lightgreen;
      */ }
  #story-learn .ss-active-content {
    display: block;
    padding-top: 95px;
    min-height: 395px; }
  #story-learn h2 {
    background-image: url("../images/icn_ss-carrot-light.png") !important;
    background-repeat: no-repeat !important;
    background-position: 50% 0;
    background-color: #020202;
    clear: both;
    color: #fff1d0;
    cursor: pointer;
    display: block;
    font-family: "Oswald", sans-serif;
    font-size: 130%;
    letter-spacing: .1em;
    text-indent: 20px;
    text-transform: uppercase;
    margin: 0;
    padding: 40px 0px;
    position: static;
    width: 100%;
    z-index: 9000; }
    #story-learn h2:hover {
      color: #fff1d0; }
  #story-learn #item1 {
    left: 0px; }
  #story-learn #item2 {
    width: 100%;
    left: 0px; }
  #story-learn #item3 {
    width: 100%;
    left: 0px; }
  #story-learn #item4 {
    width: 100%;
    left: 0px; }
  #story-learn #item5 {
    width: 100%;
    left: 0px; }
  #story-learn .ss-active-control {
    color: #fff1d0; }
    #story-learn .ss-active-control:hover {
      color: #fff1d0; }

  #story section#main {
    width: 100%;
    margin: 0px auto;
    /*
    background-color: $darkGray;
    */
    /*
    * Bottom Nav
    */
    /* display mobile nav on mobile devices */ }
    #story section#main #story-intro h2 {
      font-size: 300%;
      margin: 4%; }
    #story section#main #story-intro p {
      font-size: 130%;
      padding: 0 4%;
      color: #fff1d0; }
    #story section#main #story-learn {
      position: relative;
      width: 100%;
      margin: 0 auto;
      padding: 0px 16px;
      box-sizing: border-box; }
      #story section#main #story-learn div {
        background: #161616;
        display: block;
        width: 100%;
        /* hide titles by default. Display using JS */
        /* hide content by default. Display using JS */ }
        #story section#main #story-learn div #ss-image-container {
          display: none;
          width: 100%;
          margin: 0 auto; }
        #story section#main #story-learn div img {
          display: block;
          width: 100%;
          height: auto;
          /* hide desktop images */
          /* show mobile images */ }
          #story section#main #story-learn div img.desktop {
            display: none; }
          #story section#main #story-learn div img.mobile {
            display: block; }
        #story section#main #story-learn div .ss-control {
          display: none; }
        #story section#main #story-learn div .ss-content {
          display: none; }
        #story section#main #story-learn div h3 {
          font-family: "Century Schoolbook", serif;
          color: #fff1d0;
          font-size: 32px;
          padding: 0 !important;
          margin-top: 40px;
          font-size: 148%; }
        #story section#main #story-learn div p {
          font-family: Helvetica, sans-serif;
          color: #606060;
          font-size: 14px;
          float: none;
          width: 100%;
          margin-bottom: 10px;
          padding-right: 0;
          font-size: 93%;
          color: #9c9c94; }
        #story section#main #story-learn div p.special {
          color: #FFF;
          border-top: 1px solid #FFF;
          border-bottom: 1px solid #FFF;
          font-family: "Oswald", sans-serif;
          font-size: 110%;
          padding: 10px 0;
          margin-bottom: 20px; }
        #story section#main #story-learn div em {
          /* prevent oblique text from getting chopped off on the right */
          padding-right: 5px; }
        #story section#main #story-learn div #item1content {
          /*
          padding-left: 219px;
          padding-right: 196px;
          margin-bottom: 275px;
          */ }
          #story section#main #story-learn div #item1content > img {
            margin-top: 20px; }
        #story section#main #story-learn div #item2content {
          /*
          padding-left: 150px;
          margin-bottom: 100px;
          */ }
          #story section#main #story-learn div #item2content > img {
            margin-top: 20px; }
          #story section#main #story-learn div #item2content h3 {
            /*
            padding-right: 166px;
            */ }
          #story section#main #story-learn div #item2content .col1 {
            /*
            width: 262px;
            padding-right: 18px;
            float: left;
            */
            width: 100%;
            padding: 0;
            float: none; }
            #story section#main #story-learn div #item2content .col1 img {
              margin-bottom: 20px; }
            #story section#main #story-learn div #item2content .col1 p {
              /*
              font-family: $sansMain;
              color: $lightYellow;
              font-size: 10px;
              line-height: 21px;
              padding-left: 10px;
              margin-bottom: 15px;
              */
              border-top: 1px solid #fff1d0;
              border-bottom: 1px solid #fff1d0;
              font-size: 100%;
              line-height: 25px;
              color: #FFF;
              margin-bottom: 20px; }
          #story section#main #story-learn div #item2content .col2 {
            /*
            float: right;
            padding-right: 157px;
            width: 508px;
            */
            float: none;
            padding: 0px 0px 20px 0px;
            width: 100%; }
          #story section#main #story-learn div #item2content .quotes {
            width: 248px; }
            #story section#main #story-learn div #item2content .quotes p {
              width: 240px; }
        #story section#main #story-learn div #item3content {
          /*
          padding-left: 200px;
          padding-right: 200px;
          margin-bottom: 75px;
          */ }
          #story section#main #story-learn div #item3content img {
            display: block;
            width: 100%;
            height: auto;
            margin: 10px auto; }
          #story section#main #story-learn div #item3content > img {
            margin-top: 20px; }
          #story section#main #story-learn div #item3content h3 {
            padding: 0 18px; }
          #story section#main #story-learn div #item3content p {
            /*
            padding-left: 18px;
            padding-right: 18px;
            */
            padding: 0; }
          #story section#main #story-learn div #item3content .special {
            width: 248px; }
        #story section#main #story-learn div #item4content {
          /*
          padding-left: 219px;
          padding-right: 196px;
          margin-bottom: 275px;
          */ }
          #story section#main #story-learn div #item4content #people-slider {
            position: relative;
            display: block;
            width: 100%;
            height: auto;
            padding-top: 20px; }
            #story section#main #story-learn div #item4content #people-slider .swipe {
              overflow: hidden;
              visibility: hidden;
              position: relative; }
            #story section#main #story-learn div #item4content #people-slider .swipe-wrap {
              overflow: hidden;
              position: relative; }
            #story section#main #story-learn div #item4content #people-slider .swipe-wrap > div {
              float: left;
              width: 100%;
              position: relative; }
            #story section#main #story-learn div #item4content #people-slider #position {
              position: absolute;
              bottom: 20px;
              display: block;
              width: 100%;
              text-align: center; }
            #story section#main #story-learn div #item4content #people-slider #position li {
              display: inline-block;
              width: 15px;
              height: 15px;
              background: #161616;
              margin: 0 2px; }
            #story section#main #story-learn div #item4content #people-slider #position li.on {
              background-color: #f9e508; }
          #story section#main #story-learn div #item4content .col2 {
            width: 247px;
            margin-top: 20px; }
        #story section#main #story-learn div #item5content {
          /*
          padding-left: 140px;
          padding-right: 140px;
          margin-bottom: 166px;
          */ }
          #story section#main #story-learn div #item5content > img {
            margin-top: 20px; }
          #story section#main #story-learn div #item5content h3 {
            /*
            display: block;
            width: 100%;
            margin: 0;
            padding: 0 18px;
            */
            font-size: 148%; }
          #story section#main #story-learn div #item5content p {
            /*
            padding-left: 18px;
            padding-right: 18px;
            */ }
          #story section#main #story-learn div #item5content .special {
            margin: 10px 0 20px 0; }
          #story section#main #story-learn div #item5content .col1 {
            width: 100%;
            float: none; }
            #story section#main #story-learn div #item5content .col1 img {
              margin-bottom: 20px;
              width: 95%; }
          #story section#main #story-learn div #item5content .col2 {
            display: none; }
    #story section#main #mobile-nav {
      clear: both;
      display: block;
      width: 100%;
      margin: 0;
      background-color: #040404; }
      #story section#main #mobile-nav li {
        display: block;
        border-top: 2px solid #fff1d0; }
        #story section#main #mobile-nav li a {
          display: block;
          width: 100%;
          line-height: 100px;
          text-indent: 20px;
          font-size: 130%;
          text-transform: uppercase;
          color: #f9e508;
          background-image: url(../images/icn_carousel_ylw_gt.png);
          background-repeat: no-repeat;
          background-position: 95% 50%; }
          #story section#main #mobile-nav li a:hover {
            color: #9c9c94; }
        #story section#main #mobile-nav li.selected a {
          color: #9c9c94;
          background-image: none; }
    #story section#main #story-resources {
      height: auto;
      overflow: hidden;
      width: 100%;
      background: #fff1d0; }
      #story section#main #story-resources > a {
        display: none; }
      #story section#main #story-resources h4 {
        text-transform: uppercase;
        font-size: 130%;
        letter-spacing: 1px;
        padding: 10% 1%;
        margin: 0; }
      #story section#main #story-resources ul {
        margin: 0;
        padding: 8px;
        width: 100%; }
        #story section#main #story-resources ul li {
          float: none;
          margin: 0 auto 8px auto;
          width: 100%; }
          #story section#main #story-resources ul li span {
            font-size: 150%;
            color: #9C9C94;
            font-family: sans-serif;
            cursor: pointer;
            padding: 10px 0; } }
  @media only screen and (max-width: 639px) and (orientation: portrait) {
    .pop_wrapper {
      top: 25%; } }
  @media only screen and (max-width: 639px) and (orientation: landscape) {
    .pop_wrapper {
      top: 10%;
      bottom: 10%;
      left: 3% !important;
      width: 94%; } }
  @media only screen and (max-width: 639px) and (orientation: portrait) {
    #vid-content {
      padding-bottom: 56.25%; } }
  @media only screen and (max-width: 639px) and (orientation: landscape) {
    #vid-content {
      padding-bottom: 50%; } }
/* end responsive */


/* YouTube Mobile View */
.carousel-video{
    display: none;
}


.prod-award {
 margin-top: 25px !important;
}