/*
  Mixins are slightly modified from Benjamin Doherty's first implementations: http://gist.github.com/377912
  rgba-background mixin can now be passed an option $dir variable
*/
/* line 2, ../../../sass/neat/grid/_grid.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* normalize.css v1.1.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
/* line 22, ../../../sass/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
/* line 32, ../../../sass/_normalize.scss */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
/* line 43, ../../../sass/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
/* line 53, ../../../sass/_normalize.scss */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 72, ../../../sass/_normalize.scss */
html {
  background: #fff;
  /* 1 */
  color: #000;
  /* 2 */
  font-size: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 4 */
  -ms-text-size-adjust: 100%;
  /* 4 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
/* line 89, ../../../sass/_normalize.scss */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */
/* line 97, ../../../sass/_normalize.scss */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/* line 109, ../../../sass/_normalize.scss */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* line 118, ../../../sass/_normalize.scss */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
/* line 132, ../../../sass/_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
  line-height: 1em;
}

/* line 138, ../../../sass/_normalize.scss */
h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

/* line 143, ../../../sass/_normalize.scss */
h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

/* line 148, ../../../sass/_normalize.scss */
h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

/* line 153, ../../../sass/_normalize.scss */
h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

/* line 158, ../../../sass/_normalize.scss */
h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
/* line 167, ../../../sass/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
/* line 176, ../../../sass/_normalize.scss */
b,
strong {
  font-weight: bold;
}

/* line 180, ../../../sass/_normalize.scss */
blockquote {
  margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
/* line 188, ../../../sass/_normalize.scss */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
/* line 197, ../../../sass/_normalize.scss */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */
/* line 207, ../../../sass/_normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */
/* line 217, ../../../sass/_normalize.scss */
p,
pre {
  margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
/* line 228, ../../../sass/_normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
/* line 238, ../../../sass/_normalize.scss */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */
/* line 248, ../../../sass/_normalize.scss */
q {
  quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */
/* line 257, ../../../sass/_normalize.scss */
q:before,
q:after {
  content: '';
  content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 266, ../../../sass/_normalize.scss */
small {
  font-size: 80%;
}

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

/* line 282, ../../../sass/_normalize.scss */
sup {
  top: -0.5em;
}

/* line 286, ../../../sass/_normalize.scss */
sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
/* line 301, ../../../sass/_normalize.scss */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

/* line 305, ../../../sass/_normalize.scss */
dd {
  margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */
/* line 315, ../../../sass/_normalize.scss */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */
/* line 324, ../../../sass/_normalize.scss */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
/* line 338, ../../../sass/_normalize.scss */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
/* line 347, ../../../sass/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
/* line 359, ../../../sass/_normalize.scss */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
/* line 371, ../../../sass/_normalize.scss */
form {
  margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */
/* line 379, ../../../sass/_normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
/* line 391, ../../../sass/_normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
/* line 408, ../../../sass/_normalize.scss */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 421, ../../../sass/_normalize.scss */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
/* line 433, ../../../sass/_normalize.scss */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
/* line 450, ../../../sass/_normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */
/* line 461, ../../../sass/_normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
/* line 473, ../../../sass/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
/* line 486, ../../../sass/_normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
/* line 499, ../../../sass/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */
/* line 508, ../../../sass/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
/* line 518, ../../../sass/_normalize.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 531, ../../../sass/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
/* line 17, ../../../sass/_main.scss */
html,
button,
input,
select,
textarea {
  color: #222;
}

/* line 21, ../../../sass/_main.scss */
body {
  font-size: 1em;
  line-height: 1.4;
  font-family: 'Rokkitt', serif;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
/* line 33, ../../../sass/_main.scss */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

/* line 38, ../../../sass/_main.scss */
::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
/* line 47, ../../../sass/_main.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
/* line 60, ../../../sass/_main.scss */
img {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
/* line 68, ../../../sass/_main.scss */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
/* line 78, ../../../sass/_main.scss */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
/* line 86, ../../../sass/_main.scss */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
/* line 103, ../../../sass/_main.scss */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

/* line 111, ../../../sass/_main.scss */
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
/* line 122, ../../../sass/_main.scss */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
/* line 131, ../../../sass/_main.scss */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
/* line 148, ../../../sass/_main.scss */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
/* line 161, ../../../sass/_main.scss */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/* line 178, ../../../sass/_main.scss */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

/* line 183, ../../../sass/_main.scss */
.clearfix:after {
  clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
/* line 192, ../../../sass/_main.scss */
.clearfix {
  *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
@media print, (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  /* line 219, ../../../sass/_main.scss */
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  /* line 227, ../../../sass/_main.scss */
  a,
  a:visited {
    text-decoration: underline;
  }

  /* line 231, ../../../sass/_main.scss */
  a[href]:after {
    content: " (" attr(href) ")";
  }

  /* line 235, ../../../sass/_main.scss */
  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links for images, or javascript/internal links
   */
  /* line 245, ../../../sass/_main.scss */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  /* line 250, ../../../sass/_main.scss */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /* line 255, ../../../sass/_main.scss */
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  /* line 260, ../../../sass/_main.scss */
  tr,
  img {
    page-break-inside: avoid;
  }

  /* line 264, ../../../sass/_main.scss */
  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
}

  /* line 274, ../../../sass/_main.scss */
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  /* line 280, ../../../sass/_main.scss */
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

  Mixins available:
    -   background-gradient     - arguments: Start Color: #3C3C3C, End Color: #999999
    -   background-size         - arguments: Width: 100%, Height: 100%
    -   border-radius           - arguments: Radius: 5px
    -   border-radius-separate  - arguments: Top Left: 5px, Top Left: 5px, Bottom Left: 5px, Bottom Right: 5px
    -   box                     - arguments: Orientation: horizontal, Pack: center, Align: center
    -   box-rgba                - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C
    -   box-shadow              - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   box-sizing              - arguments: Type: border-box
    -   columns                 - arguments: Count: 3, Gap: 10
    -   double-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0
    -   flex                    - arguments: Value: 1
    -   flip                    - arguments: ScaleX: -1
    -   font-face               - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf
    -   opacity                 - arguments: Opacity: 0.5
    -   outline radius          - arguments: Radius: 5px
    -   resize                  - arguments: Direction: both
    -   rotate                  - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0
    CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html
    -   text-shadow             - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   transform               - arguments: Parameters: null
    -   transition              - arguments: What: all, Length: 1s, Easing: ease-in-out
    -   triple-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0

------------------------------------------------------------- */
/* BACKGROUND GRADIENT */
/* BACKGROUND SIZE */
/* BORDER RADIUS */
/* BOX */
/* BOX RGBA */
/* BOX SHADOW */
/* BOX SIZING */
/* COLUMNS */
/* DOUBLE BORDERS */
/* FLEX */
/* FLIP */
/* FONT FACE */
/* OPACITY */
/* OUTLINE RADIUS */
/* RESIZE */
/* ROTATE*/
/* TEXT SHADOW */
/* TRANSFORM  */
/* TRANSITION */
/* TRIPLE BORDERS */
/* line 247, ../../../sass/_helpers.scss */
.tar {
  text-align: right;
}

/* line 10, ../../../sass/_oo.scss */
.mts,
.mvs {
  margin-top: 10px !important;
}

/* line 13, ../../../sass/_oo.scss */
.mtm,
.mvm {
  margin-top: 20px !important;
}

/* line 16, ../../../sass/_oo.scss */
.mtl,
.mvl {
  margin-top: 50px !important;
}

/* line 19, ../../../sass/_oo.scss */
.mtxl,
.mvxl {
  margin-top: 100px !important;
}

/* line 23, ../../../sass/_oo.scss */
.mbs,
.mvs {
  margin-bottom: 10px !important;
}

/* line 26, ../../../sass/_oo.scss */
.mbm,
.mvm {
  margin-bottom: 20px !important;
}

/* line 29, ../../../sass/_oo.scss */
.mbl,
.mvl {
  margin-bottom: 50px !important;
}

/* line 33, ../../../sass/_oo.scss */
.mrs,
.mhs {
  margin-right: 10px !important;
}

/* line 36, ../../../sass/_oo.scss */
.mrm,
.mhm {
  margin-right: 20px !important;
}

/* line 39, ../../../sass/_oo.scss */
.mrl,
.mhl {
  margin-right: 50px !important;
}

/* line 42, ../../../sass/_oo.scss */
.mrxl,
.mhxl {
  margin-right: 100px !important;
}

/* line 46, ../../../sass/_oo.scss */
.mls,
.mhs {
  margin-left: 10px !important;
}

/* line 49, ../../../sass/_oo.scss */
.mlm,
.mhm {
  margin-left: 20px !important;
}

/* line 52, ../../../sass/_oo.scss */
.mll,
.mhl {
  margin-left: 50px !important;
}

/* line 55, ../../../sass/_oo.scss */
.mlxl,
.mhxl {
  margin-left: 100px !important;
}

/* line 61, ../../../sass/_oo.scss */
.pas,
.pts,
.pvs {
  padding-top: 10px !important;
}

/* line 65, ../../../sass/_oo.scss */
.pam,
.ptm,
.pvm {
  padding-top: 20px !important;
}

/* line 69, ../../../sass/_oo.scss */
.pal,
.ptl,
.pvl {
  padding-top: 50px !important;
}

/* line 75, ../../../sass/_oo.scss */
.pas,
.pbs,
.pvs {
  padding-bottom: 10px !important;
}

/* line 79, ../../../sass/_oo.scss */
.pam,
.pbm,
.pvm {
  padding-bottom: 20px !important;
}

/* line 83, ../../../sass/_oo.scss */
.pal,
.pbl,
.pvl {
  padding-bottom: 50px !important;
}

/* line 88, ../../../sass/_oo.scss */
.pas,
.prs,
.phs {
  padding-right: 10px !important;
}

/* line 92, ../../../sass/_oo.scss */
.pam,
.prm,
.phm {
  padding-right: 20px !important;
}

/* line 96, ../../../sass/_oo.scss */
.pal,
.prl,
.phl {
  padding-right: 50px !important;
}

/* line 101, ../../../sass/_oo.scss */
.pas,
.pls,
.phs {
  padding-left: 10px !important;
}

/* line 105, ../../../sass/_oo.scss */
.pam,
.plm,
.phm {
  padding-left: 20px !important;
}

/* line 109, ../../../sass/_oo.scss */
.pal,
.pll,
.phl {
  padding-left: 50px !important;
}

/* line 113, ../../../sass/_oo.scss */
.fr {
  float: right;
}

/* line 114, ../../../sass/_oo.scss */
.fl {
  float: left;
}

/* line 117, ../../../sass/_oo.scss */
.tac {
  text-align: center;
}

/* line 118, ../../../sass/_oo.scss */
.tal {
  text-align: left;
}

/* line 119, ../../../sass/_oo.scss */
.tar {
  text-align: right;
}

/* line 121, ../../../sass/_oo.scss */
.oh {
  overflow: hidden;
  display: block;
}

/* line 514, base/*.png */
.base-sprite, .base-SEARCH-ROLLOVER, .base-back-to-top-arrow, .base-btn-send-over, .base-btn-send, .base-button-next-over, .base-button-next, .base-button-prev-over, .base-button-prev, .base-button-search-over, .base-button-search, .base-daily-drawings, .base-menu-icon, .base-mobile-menu, .base-new-banner, .base-pause-icon, .base-sale-banner, .base-search-icon, .base-social-behance, .base-social-dribbble, .base-social-email, .base-social-facebook, .base-social-flickr, .base-social-instagram, .base-social-linkedin, .base-social-pinterest, .base-social-rss, .base-social-tumblr, .base-social-twitter, .base-text-bio-white, .base-text-bio, .base-text-blog-white, .base-text-blog, .base-text-contact-white, .base-text-contact, .base-text-drawings-white, .base-text-drawings, .base-text-listen-to-playlist-over, .base-text-listen-to-playlist, .base-text-portfolio-white, .base-text-portfolio, .base-text-shop-white, .base-text-shop, header nav #primary li .base-text-drawings, header nav #primary li .base-text-portfolio, header nav #primary li .base-text-bio, header nav #primary li .base-text-blog, header nav #primary li .base-text-contact, header nav #primary li .base-text-shop, #primary-scrolled-wrapper #primary-scrolled .base-text-drawings, #primary-scrolled-wrapper #primary-scrolled .base-text-portfolio, #primary-scrolled-wrapper #primary-scrolled .base-text-bio, #primary-scrolled-wrapper #primary-scrolled .base-text-blog, #primary-scrolled-wrapper #primary-scrolled .base-text-contact, #primary-scrolled-wrapper #primary-scrolled .base-text-shop, #primary-scrolled-wrapper #primary-scrolled .base-text-drawings.active,
#primary-scrolled-wrapper #primary-scrolled .base-text-drawings:hover, #primary-scrolled-wrapper #primary-scrolled .base-text-portfolio.active,
#primary-scrolled-wrapper #primary-scrolled .base-text-portfolio:hover, #primary-scrolled-wrapper #primary-scrolled .base-text-bio.active,
#primary-scrolled-wrapper #primary-scrolled .base-text-bio:hover, #primary-scrolled-wrapper #primary-scrolled .base-text-blog.active,
#primary-scrolled-wrapper #primary-scrolled .base-text-blog:hover, #primary-scrolled-wrapper #primary-scrolled .base-text-contact.active,
#primary-scrolled-wrapper #primary-scrolled .base-text-contact:hover, #primary-scrolled-wrapper #primary-scrolled .base-text-shop.active,
#primary-scrolled-wrapper #primary-scrolled .base-text-shop:hover, .base-btn-send:hover, .slideshow .base-pause-icon-hover, #search .submit, #search .submit:hover, footer.site #playlist .base-text-listen-to-playlist:hover, footer.site #social .base-social-twitter:hover, footer.site #social .base-social-facebook:hover, footer.site #social .base-social-rss:hover, footer.site #social .base-social-pinterest:hover, footer.site #social .base-social-dribbble:hover, footer.site #social .base-social-flickr:hover, footer.site #social .base-social-linkedin:hover, footer.site #social .base-social-behance:hover, footer.site #social .base-social-tumblr:hover, .pagination .base-button-prev:hover,
.pagination .base-button-next:hover, header nav #primary .base-text-drawings, header nav #primary .base-text-portfolio, header nav #primary .base-text-bio, header nav #primary .base-text-blog, header nav #primary .base-text-contact, header nav #primary .base-text-shop, header nav #primary .base-text-drawings.active,
header nav #primary .base-text-drawings:hover, header nav #primary .base-text-portfolio.active,
header nav #primary .base-text-portfolio:hover, header nav #primary .base-text-bio.active,
header nav #primary .base-text-bio:hover, header nav #primary .base-text-blog.active,
header nav #primary .base-text-blog:hover, header nav #primary .base-text-contact.active,
header nav #primary .base-text-contact:hover, header nav #primary .base-text-shop.active,
header nav #primary .base-text-shop:hover {
  background: url('/assets/images/base-sa8f834a3ed.png') no-repeat;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-SEARCH-ROLLOVER {
  background-position: 0 -1211px;
  height: 45px;
  width: 112px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-back-to-top-arrow {
  background-position: 0 -1654px;
  height: 107px;
  width: 94px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-btn-send-over {
  background-position: 0 -765px;
  height: 81px;
  width: 180px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-btn-send {
  background-position: 0 -846px;
  height: 81px;
  width: 180px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-button-next-over {
  background-position: 0 -927px;
  height: 71px;
  width: 151px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-button-next {
  background-position: 0 -1069px;
  height: 71px;
  width: 151px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-button-prev-over {
  background-position: 0 -998px;
  height: 71px;
  width: 151px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-button-prev {
  background-position: 0 -1140px;
  height: 71px;
  width: 151px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-button-search-over {
  background-position: 0 -1256px;
  height: 45px;
  width: 112px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-button-search {
  background-position: 0 -1301px;
  height: 45px;
  width: 112px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-daily-drawings {
  background-position: 0 -610px;
  height: 155px;
  width: 207px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-menu-icon {
  background-position: 0 -2578px;
  height: 35px;
  width: 35px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-mobile-menu {
  background-position: 0 -2547px;
  height: 31px;
  width: 31px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-new-banner {
  background-position: 0 -1523px;
  height: 85px;
  width: 85px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-pause-icon {
  background-position: 0 -2700px;
  height: 20px;
  width: 20px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-sale-banner {
  background-position: 0 -1392px;
  height: 85px;
  width: 85px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-search-icon {
  background-position: 0 -2633px;
  height: 35px;
  width: 35px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-social-behance {
  background-position: 0 -2912px;
  height: 32px;
  width: 32px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-social-dribbble {
  background-position: 0 -2784px;
  height: 32px;
  width: 32px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-social-email {
  background-position: 0 -3072px;
  height: 32px;
  width: 32px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-social-facebook {
  background-position: 0 -2515px;
  height: 32px;
  width: 32px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-social-flickr {
  background-position: 0 -3200px;
  height: 32px;
  width: 32px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-social-instagram {
  background-position: 0 -2175px;
  height: 32px;
  width: 32px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-social-linkedin {
  background-position: 0 -3168px;
  height: 32px;
  width: 32px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-social-pinterest {
  background-position: 0 -2816px;
  height: 32px;
  width: 32px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-social-rss {
  background-position: 0 -2848px;
  height: 32px;
  width: 32px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-social-tumblr {
  background-position: 0 -3232px;
  height: 32px;
  width: 32px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-social-twitter {
  background-position: 0 -3040px;
  height: 32px;
  width: 32px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-text-bio-white {
  background-position: 0 -2469px;
  height: 46px;
  width: 54px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-text-bio {
  background-position: 0 -2423px;
  height: 46px;
  width: 54px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-text-blog-white {
  background-position: 0 -2331px;
  height: 46px;
  width: 56px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-text-blog {
  background-position: 0 -2377px;
  height: 46px;
  width: 56px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-text-contact-white {
  background-position: 0 -2129px;
  height: 46px;
  width: 88px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-text-contact {
  background-position: 0 -2083px;
  height: 46px;
  width: 88px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-text-drawings-white {
  background-position: 0 -1945px;
  height: 46px;
  width: 94px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-text-drawings {
  background-position: 0 -1991px;
  height: 46px;
  width: 94px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-text-listen-to-playlist-over {
  background-position: 0 0;
  height: 305px;
  width: 315px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-text-listen-to-playlist {
  background-position: 0 -305px;
  height: 305px;
  width: 315px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-text-portfolio-white {
  background-position: 0 -1807px;
  height: 46px;
  width: 124px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-text-portfolio {
  background-position: 0 -1853px;
  height: 46px;
  width: 124px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-text-shop-white {
  background-position: 0 -2239px;
  height: 46px;
  width: 71px;
}

/* line 60, ../../../../../.rvm/gems/ruby-2.2.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.base-text-shop {
  background-position: 0 -2285px;
  height: 46px;
  width: 71px;
}

/* line 4, ../../../sass/_jayroeder.scss */
header nav #primary li .base-text-drawings {
  background-position: 0 -1945px;
}
/* line 5, ../../../sass/_jayroeder.scss */
header nav #primary li .base-text-portfolio {
  background-position: 0 -1807px;
}
/* line 6, ../../../sass/_jayroeder.scss */
header nav #primary li .base-text-bio {
  background-position: 0 -2469px;
}
/* line 7, ../../../sass/_jayroeder.scss */
header nav #primary li .base-text-blog {
  background-position: 0 -2331px;
}
/* line 8, ../../../sass/_jayroeder.scss */
header nav #primary li .base-text-contact {
  background-position: 0 -2129px;
}
/* line 9, ../../../sass/_jayroeder.scss */
header nav #primary li .base-text-shop {
  background-position: 0 -2239px;
}

/* line 12, ../../../sass/_jayroeder.scss */
body {
  background: transparent url("/assets/images/single/bg.jpg") top center;
  box-sizing: border-box;
}

/* line 19, ../../../sass/_jayroeder.scss */
.hide,
.desktop-only,
.tablet-up {
  display: none !important;
}

/* line 24, ../../../sass/_jayroeder.scss */
select,
input {
  border: 2px solid #000;
  text-align: center;
  padding: 3px;
  font-family: "Rokkitt", serif;
  font-size: 18px;
}

/* line 32, ../../../sass/_jayroeder.scss */
button {
  font-family: "Rokkitt", serif;
}

/* line 44, ../../../sass/_jayroeder.scss */
h3 {
  font-size: 32px;
  line-height: 24px;
}

/* line 49, ../../../sass/_jayroeder.scss */
h4 {
  font-size: 24px;
  line-height: 24px;
  margin: 0;
}

/* line 58, ../../../sass/_jayroeder.scss */
ul, ol,
p {
  font-size: 18px;
  line-height: 24px;
}

/* line 63, ../../../sass/_jayroeder.scss */
.search_results {
  text-align: left;
}

/* line 67, ../../../sass/_jayroeder.scss */
a {
  color: black;
  text-decoration: none;
  -moz-transition: background-color 0.15s ease-in opacity 0.15s ease-in color 0.35s ease;
  -o-transition: background-color 0.15s ease-in opacity 0.15s ease-in color 0.35s ease;
  -webkit-transition: background-color 0.15s ease-in opacity 0.15s ease-in color 0.35s ease;
  -ms-transition: background-color 0.15s ease-in opacity 0.15s ease-in color 0.35s ease;
  transition: background-color 0.15s ease-in opacity 0.15s ease-in color 0.35s ease;
}
/* line 75, ../../../sass/_jayroeder.scss */
a:hover {
  text-decoration: none;
  color: #e9098c;
}

/* line 83, ../../../sass/_jayroeder.scss */
img.small-border {
  border: 2px solid #666;
}

/* line 88, ../../../sass/_jayroeder.scss */
#logo {
  background: transparent url("/assets/images/single/mobile-blue-logo.png") top center no-repeat;
  margin: 20px auto 10px;
  display: block;
  text-indent: -9990px;
  width: 100%;
  height: 100px;
  background-size: 300px auto;
}
/* line 98, ../../../sass/_jayroeder.scss */
#logo.pink {
  background: transparent url("/assets/images/single/mobile-pink-logo.png") top center no-repeat;
  background-size: 300px auto;
}
/* line 103, ../../../sass/_jayroeder.scss */
#logo.yellow {
  background: transparent url("/assets/images/single/mobile-yellow-logo.png") top center no-repeat;
  background-size: 300px auto;
}

/* line 110, ../../../sass/_jayroeder.scss */
#primary-scrolled,
#primary {
  width: 100%;
  max-width: 560px;
  display: block;
  overflow: hidden;
  clear: both;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}
/* line 120, ../../../sass/_jayroeder.scss */
#primary-scrolled li,
#primary li {
  padding: 10px;
  float: left;
}
/* line 124, ../../../sass/_jayroeder.scss */
#primary-scrolled a,
#primary a {
  text-indent: -9999px;
  display: block;
  float: left;
}

/* line 131, ../../../sass/_jayroeder.scss */
#primary-scrolled-wrapper {
  display: none;
  position: absolute;
  width: 100%;
  max-width: none;
  top: -200px;
  left: 0;
  position: fixed;
  background: transparent url(../images/single/black-grunge-top.gif) bottom left;
  z-index: 99999;
  text-align: center;
  -moz-transition: top 0.45s ease-out;
  -o-transition: top 0.45s ease-out;
  -webkit-transition: top 0.45s ease-out;
  -ms-transition: top 0.45s ease-out;
  transition: top 0.45s ease-out;
}
/* line 145, ../../../sass/_jayroeder.scss */
#primary-scrolled-wrapper #primary-scrolled .base-text-drawings {
  background-position: 0 -1945px;
}
/* line 146, ../../../sass/_jayroeder.scss */
#primary-scrolled-wrapper #primary-scrolled .base-text-portfolio {
  background-position: 0 -1807px;
}
/* line 147, ../../../sass/_jayroeder.scss */
#primary-scrolled-wrapper #primary-scrolled .base-text-bio {
  background-position: 0 -2469px;
}
/* line 148, ../../../sass/_jayroeder.scss */
#primary-scrolled-wrapper #primary-scrolled .base-text-blog {
  background-position: 0 -2331px;
}
/* line 149, ../../../sass/_jayroeder.scss */
#primary-scrolled-wrapper #primary-scrolled .base-text-contact {
  background-position: 0 -2129px;
}
/* line 150, ../../../sass/_jayroeder.scss */
#primary-scrolled-wrapper #primary-scrolled .base-text-shop {
  background-position: 0 -2239px;
}
/* line 153, ../../../sass/_jayroeder.scss */
#primary-scrolled-wrapper #primary-scrolled .base-text-drawings.active,
#primary-scrolled-wrapper #primary-scrolled .base-text-drawings:hover {
  background-position: 0 -1477px;
}
/* line 156, ../../../sass/_jayroeder.scss */
#primary-scrolled-wrapper #primary-scrolled .base-text-portfolio.active,
#primary-scrolled-wrapper #primary-scrolled .base-text-portfolio:hover {
  background-position: 0 -1346px;
}
/* line 159, ../../../sass/_jayroeder.scss */
#primary-scrolled-wrapper #primary-scrolled .base-text-bio.active,
#primary-scrolled-wrapper #primary-scrolled .base-text-bio:hover {
  background-position: 0 -2037px;
}
/* line 162, ../../../sass/_jayroeder.scss */
#primary-scrolled-wrapper #primary-scrolled .base-text-blog.active,
#primary-scrolled-wrapper #primary-scrolled .base-text-blog:hover {
  background-position: 0 -1899px;
}
/* line 165, ../../../sass/_jayroeder.scss */
#primary-scrolled-wrapper #primary-scrolled .base-text-contact.active,
#primary-scrolled-wrapper #primary-scrolled .base-text-contact:hover {
  background-position: 0 -1608px;
}
/* line 168, ../../../sass/_jayroeder.scss */
#primary-scrolled-wrapper #primary-scrolled .base-text-shop.active,
#primary-scrolled-wrapper #primary-scrolled .base-text-shop:hover {
  background-position: 0 -1761px;
}

/* line 172, ../../../sass/_jayroeder.scss */
#cart-status {
  position: fixed;
  display: block;
  top: 0;
  right: 7%;
  width: 70px;
  background-color: #e9098c;
  padding: 10px 0 10px 0;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  font-size: 18px;
  line-height: 18px;
  z-index: 999991;
}
/* line 188, ../../../sass/_jayroeder.scss */
#cart-status span {
  font-size: 1.3em;
}
/* line 192, ../../../sass/_jayroeder.scss */
#cart-status:hover {
  text-decoration: none;
  background-color: #b8076e;
}

/* line 198, ../../../sass/_jayroeder.scss */
.base-text-like-to-draw {
  margin: 0 auto;
  text-indent: -9999px;
  background: transparent url("/assets/images/single/text-like-to-draw.png") top center no-repeat;
  background-size: 300px auto;
  line-height: 1.25em;
}

/* line 209, ../../../sass/_jayroeder.scss */
.base-btn-send,
.base-text-send-me-a-message,
.base-daily-drawings,
.base-text-listen-to-playlist {
  display: block;
  text-indent: -9990px;
}

/* line 214, ../../../sass/_jayroeder.scss */
.base-text-send-me-a-message {
  margin: 0 auto;
}

/* line 218, ../../../sass/_jayroeder.scss */
.base-btn-send {
  margin: 0 auto;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background-color: transparent;
}
/* line 224, ../../../sass/_jayroeder.scss */
.base-btn-send:hover {
  background-position: 0 -765px;
}

/* line 229, ../../../sass/_jayroeder.scss */
.base-back-to-top-arrow {
  opacity: 0;
  display: none;
}

/* line 231, ../../../sass/_jayroeder.scss */
.base-sale-banner,
.base-new-banner {
  position: absolute;
  top: -5px;
  left: 0px;
  text-indent: -9999px;
  display: block;
  z-index: 9999;
}

/* line 242, ../../../sass/_jayroeder.scss */
.inner-entry .base-sale-banner,
.inner-entry .base-new-banner {
  left: -5px;
}

/* line 250, ../../../sass/_jayroeder.scss */
.center,
.entry {
  text-align: center;
}
/* line 253, ../../../sass/_jayroeder.scss */
.center h3,
.entry h3 {
  margin-bottom: -15px;
}

/* line 258, ../../../sass/_jayroeder.scss */
.content {
  float: left;
  max-width: 100%;
}

/* line 266, ../../../sass/_jayroeder.scss */
.product .description {
  text-align: center;
}
/* line 269, ../../../sass/_jayroeder.scss */
.product .description h1 {
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
/* line 275, ../../../sass/_jayroeder.scss */
.product .description h2 {
  margin: 0;
  font-size: 48px;
}
/* line 280, ../../../sass/_jayroeder.scss */
.product .description p {
  margin: 0 0 25px 0;
}

/* line 285, ../../../sass/_jayroeder.scss */
.slideshow {
  margin: 20px auto 10px;
  display: none;
  width: 100%;
  max-width: 960px;
  max-height: 300px;
  text-align: center;
}
/* line 294, ../../../sass/_jayroeder.scss */
.slideshow.homepage {
  max-height: 300px;
  margin: 0 auto 40px;
}
/* line 299, ../../../sass/_jayroeder.scss */
.slideshow.product {
  max-height: none;
  display: block;
}
/* line 303, ../../../sass/_jayroeder.scss */
.slideshow.product .slide {
  display: block;
  margin-left: 5px;
}
/* line 311, ../../../sass/_jayroeder.scss */
.slideshow .slide {
  text-align: center;
  width: 100%;
}
/* line 316, ../../../sass/_jayroeder.scss */
.slideshow .slide img {
  width: 100%;
  max-width: 960px;
}
/* line 323, ../../../sass/_jayroeder.scss */
.slideshow .base-pause-icon-hover,
.slideshow .base-pause-icon {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 1000;
}
/* line 333, ../../../sass/_jayroeder.scss */
.slideshow .base-pause-icon-hover {
  background-position: 0 -2613px;
}
/* line 337, ../../../sass/_jayroeder.scss */
.slideshow .slideshow-pager {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 200;
}
/* line 343, ../../../sass/_jayroeder.scss */
.slideshow .slideshow-pager span {
  cursor: pointer;
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: #000;
  border: 2px solid white;
  text-indent: -9999px;
  margin-right: 8px;
  border-radius: 7px;
}
/* line 354, ../../../sass/_jayroeder.scss */
.slideshow .slideshow-pager span.cycle-pager-active {
  background: #e9098c;
}

/* line 361, ../../../sass/_jayroeder.scss */
.container {
  display: block;
}
/* line 363, ../../../sass/_jayroeder.scss */
.container .thumbs {
  margin: 20px 0;
}
/* line 367, ../../../sass/_jayroeder.scss */
.container .thumbs a {
  width: 60px;
  height: 60px;
  display: block;
  overflow: hidden;
  border: 2px solid #0c090d;
  border: 2px solid rgba(12, 9, 13, 0.5);
  display: inline-block;
  margin: 0 4px;
  top: 0;
}
/* line 380, ../../../sass/_jayroeder.scss */
.container .thumbs img {
  width: auto;
  height: auto;
}
/* line 386, ../../../sass/_jayroeder.scss */
.container .sidebar {
  text-align: center;
}
/* line 390, ../../../sass/_jayroeder.scss */
.container .isotope {
  width: 350px;
  left: 2%;
}

/* line 396, ../../../sass/_jayroeder.scss */
.artwork-grid {
  display: block;
  overflow: hidden;
  max-width: 199px;
  margin: 0 auto;
  position: relative;
  right: -4px;
}

/* line 404, ../../../sass/_jayroeder.scss */
#search {
  width: 100%;
  text-align: center;
  margin: 40px 0;
}
/* line 409, ../../../sass/_jayroeder.scss */
#search.search-blog {
  margin-top: 0;
}
/* line 413, ../../../sass/_jayroeder.scss */
#search input {
  clear: both;
  width: 70%;
}
/* line 417, ../../../sass/_jayroeder.scss */
#search input.full {
  width: 100%;
}
/* line 422, ../../../sass/_jayroeder.scss */
#search .submit {
  background-position: 0 -1301px;
  height: 45px;
  width: 112px;
  background-color: transparent;
  border: none;
  text-indent: -9999px;
  clear: both;
  display: block;
  margin: 0 auto;
  margin: 15px auto;
}
/* line 432, ../../../sass/_jayroeder.scss */
#search .submit:hover {
  background-position: 0 -1256px;
  height: 45px;
  width: 112px;
}

/* line 438, ../../../sass/_jayroeder.scss */
section.image-block {
  margin-top: 10px;
}
/* line 440, ../../../sass/_jayroeder.scss */
section.image-block img {
  width: 62px;
  height: 62px;
  float: left;
  margin-right: 3px;
  margin-bottom: 3px;
}

/* line 449, ../../../sass/_jayroeder.scss */
section.isotope {
  width: 100%;
}
/* line 452, ../../../sass/_jayroeder.scss */
section.isotope img.load {
  background: #FFF;
  background-image: url(/assets/images/single/pink-loader.gif);
  background-position: center center;
  background-repeat: no-repeat;
}
/* line 459, ../../../sass/_jayroeder.scss */
section.isotope footer.pagination {
  display: none;
  max-width: 100%;
  overflow: hidden;
}
/* line 466, ../../../sass/_jayroeder.scss */
section.isotope #infscr-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  display: block;
  text-align: center;
  width: 400px;
  margin-left: -200px;
  background: url('/assets/images/rgbapng/000000bf.png?1430858693');
  background: rgba(0, 0, 0, 0.75);
  padding: 20px 0;
  color: #FFF;
}
/* line 482, ../../../sass/_jayroeder.scss */
section.isotope .entry {
  margin-bottom: 24px;
  display: block;
  overflow: hidden;
  position: relative;
}
/* line 490, ../../../sass/_jayroeder.scss */
section.isotope .entry:hover .description {
  opacity: 1;
}
/* line 494, ../../../sass/_jayroeder.scss */
section.isotope .entry .description {
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  color: #fff;
  padding: 15%;
  font-size: 24px;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  background: url('/assets/images/rgbapng/000000bf.png?1430858693');
  background: rgba(0, 0, 0, 0.75);
}
/* line 510, ../../../sass/_jayroeder.scss */
section.isotope img {
  width: auto;
}

/* line 516, ../../../sass/_jayroeder.scss */
section.product-grid,
section.grid {
  width: 75%;
  margin: 0 auto;
  position: relative;
}
/* line 521, ../../../sass/_jayroeder.scss */
section.product-grid .entry,
section.grid .entry {
  display: block;
  position: relative;
  margin-bottom: 20px;
}
/* line 527, ../../../sass/_jayroeder.scss */
section.product-grid .description,
section.grid .description {
  opacity: 0;
  position: absolute;
  top: 0;
  width: 82%;
  height: 101%;
  z-index: 999;
  color: #fff;
  padding: 40% 0;
  font-size: 24px;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  background: url('/assets/images/rgbapng/000000bf.png?1430858693');
  background: rgba(0, 0, 0, 0.75);
}

/* line 544, ../../../sass/_jayroeder.scss */
section.product-grid {
  width: 100%;
}

/* line 549, ../../../sass/_jayroeder.scss */
footer.site {
  color: white;
  background: transparent url("/assets/images/single/black-grunge.gif") top center;
  display: block;
  clear: both;
  margin-top: 130px;
  text-align: center;
  max-width: 100%;
}
/* line 558, ../../../sass/_jayroeder.scss */
footer.site ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* line 564, ../../../sass/_jayroeder.scss */
footer.site h4 {
  text-transform: uppercase;
  text-align: center;
}
/* line 569, ../../../sass/_jayroeder.scss */
footer.site .btn {
  clear: both;
  display: block;
  margin: 0 auto;
}
/* line 575, ../../../sass/_jayroeder.scss */
footer.site .footer-email {
  width: 80%;
}
/* line 579, ../../../sass/_jayroeder.scss */
footer.site #playlist {
  position: relative;
  margin: -100px auto 50px auto;
  width: 320px;
}
/* line 584, ../../../sass/_jayroeder.scss */
footer.site #playlist .base-text-listen-to-playlist:hover {
  background-position: 0 0;
}
/* line 590, ../../../sass/_jayroeder.scss */
footer.site section {
  width: 100%;
  margin: 40px auto 0;
  max-width: 400px;
}
/* line 597, ../../../sass/_jayroeder.scss */
footer.site .footer-nav a {
  color: #fff;
  padding: 10px;
  font-size: 18px;
}
/* line 602, ../../../sass/_jayroeder.scss */
footer.site .footer-nav a:hover {
  color: #e9098c;
}
/* line 607, ../../../sass/_jayroeder.scss */
footer.site .footer-nav .copyright {
  font-size: 12px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
/* line 615, ../../../sass/_jayroeder.scss */
footer.site #social .base-social-twitter:hover {
  background-position: 0 -2976px;
}
/* line 616, ../../../sass/_jayroeder.scss */
footer.site #social .base-social-facebook:hover {
  background-position: 0 -3264px;
}
/* line 617, ../../../sass/_jayroeder.scss */
footer.site #social .base-social-rss:hover {
  background-position: 0 -2752px;
}
/* line 618, ../../../sass/_jayroeder.scss */
footer.site #social .base-social-pinterest:hover {
  background-position: 0 -2720px;
}
/* line 619, ../../../sass/_jayroeder.scss */
footer.site #social .base-social-dribbble:hover {
  background-position: 0 -2668px;
}
/* line 620, ../../../sass/_jayroeder.scss */
footer.site #social .base-social-flickr:hover {
  background-position: 0 -3008px;
}
/* line 621, ../../../sass/_jayroeder.scss */
footer.site #social .base-social-linkedin:hover {
  background-position: 0 -3136px;
}
/* line 622, ../../../sass/_jayroeder.scss */
footer.site #social .base-social-behance:hover {
  background-position: 0 -2880px;
}
/* line 623, ../../../sass/_jayroeder.scss */
footer.site #social .base-social-tumblr:hover {
  background-position: 0 -3104px;
}
/* line 625, ../../../sass/_jayroeder.scss */
footer.site #social ul {
  width: 150px;
  display: block;
  margin: 20px auto;
  padding: 0;
  position: relative;
  right: -9px;
}
/* line 634, ../../../sass/_jayroeder.scss */
footer.site #social li {
  float: left;
  padding: 0 15px 15px 0;
}
/* line 639, ../../../sass/_jayroeder.scss */
footer.site #social a {
  text-indent: -9999px;
  display: block;
}

/* line 647, ../../../sass/_jayroeder.scss */
.pagination {
  width: 330px;
  margin: 40px auto;
  display: block;
  clear: both;
  *zoom: 1;
}
/* line 18, ../../../sass/bourbon/addons/_clearfix.scss */
.pagination:before, .pagination:after {
  content: " ";
  display: table;
}
/* line 23, ../../../sass/bourbon/addons/_clearfix.scss */
.pagination:after {
  clear: both;
}
/* line 654, ../../../sass/_jayroeder.scss */
.pagination .dim {
  pointer-events: none;
  opacity: .2;
}
/* line 660, ../../../sass/_jayroeder.scss */
.pagination .base-button-prev,
.pagination .base-button-next {
  text-indent: -9999px;
  display: block;
  float: left;
  margin-right: 0;
}
/* line 666, ../../../sass/_jayroeder.scss */
.pagination .base-button-prev:hover,
.pagination .base-button-next:hover {
  background-position: 0 -998px;
  height: 71px;
  width: 151px;
}
/* line 671, ../../../sass/_jayroeder.scss */
.pagination .base-button-next {
  float: right;
}
/* line 673, ../../../sass/_jayroeder.scss */
.pagination .base-button-next:hover {
  background-position: 0 -927px;
  height: 71px;
  width: 151px;
}

/* line 682, ../../../sass/_jayroeder.scss */
#cart label {
  text-transform: uppercase;
  margin-right: 10px;
}
/* line 685, ../../../sass/_jayroeder.scss */
#cart h4,
#cart h3 {
  text-transform: uppercase;
  margin: 0;
  font-size: 24px;
}
/* line 691, ../../../sass/_jayroeder.scss */
#cart h4 {
  font-size: 18px;
}

/* line 694, ../../../sass/_jayroeder.scss */
.intro {
  text-align: center;
}

/* line 698, ../../../sass/_jayroeder.scss */
.rule {
  width: 90%;
  margin: 80px auto;
  display: block;
  overflow: hidden;
}
/* line 704, ../../../sass/_jayroeder.scss */
.rule.rule-full {
  width: 100%;
  margin: 80px 0;
}
/* line 710, ../../../sass/_jayroeder.scss */
.rule .rule-right,
.rule .rule-left {
  height: 20px;
  width: 50%;
  float: left;
  background: transparent url("/assets/images/single/rule-left.gif") top left;
}
/* line 716, ../../../sass/_jayroeder.scss */
.rule .rule-right {
  background: transparent url("/assets/images/single/rule-right.gif") top right;
}
/* line 721, ../../../sass/_jayroeder.scss */
.rule.white .rule-left {
  background: transparent url("/assets/images/single/rule-left-white.gif") top left;
}
/* line 725, ../../../sass/_jayroeder.scss */
.rule.white .rule-right {
  background: transparent url("/assets/images/single/rule-right-white.gif") top right;
}

/* line 731, ../../../sass/_jayroeder.scss */
h4.rule {
  text-align: center;
  position: relative;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: normal;
}
/* line 740, ../../../sass/_jayroeder.scss */
h4.rule .rule-right,
h4.rule .rule-left {
  width: 13%;
  position: absolute;
  top: 0;
  left: 20px;
}
/* line 747, ../../../sass/_jayroeder.scss */
h4.rule .rule-right {
  right: 20px;
  left: auto;
}

/* line 753, ../../../sass/_jayroeder.scss */
.nav-list {
  display: block;
  position: relative;
  overflow: hidden;
  text-align: center;
  padding-bottom: 20px;
}
/* line 760, ../../../sass/_jayroeder.scss */
.nav-list ul {
  margin: 0 auto;
  text-align: center;
  width: 450px;
}
/* line 766, ../../../sass/_jayroeder.scss */
.nav-list ul li {
  float: left;
}
/* line 768, ../../../sass/_jayroeder.scss */
.nav-list a {
  padding: 10px 15px;
  display: inline-block;
  text-transform: uppercase;
}
/* line 773, ../../../sass/_jayroeder.scss */
.nav-list a.current {
  color: #e9098c;
  text-decoration: underline;
}
/* line 779, ../../../sass/_jayroeder.scss */
.nav-list .rule {
  margin: 0 auto;
  max-width: 700px;
}

/* line 785, ../../../sass/_jayroeder.scss */
.btn {
  display: inline-block;
  background: transparent url("/assets/images/single/black-grunge.gif") top center;
  padding: 3px 6px;
  color: #fff;
}
/* line 791, ../../../sass/_jayroeder.scss */
.btn.pink {
  background: #e9098c;
  border: 2px solid #e9098c;
}
/* line 795, ../../../sass/_jayroeder.scss */
.btn.pink:hover {
  color: #000;
}
/* line 801, ../../../sass/_jayroeder.scss */
.btn.white {
  background: none;
  background-color: #fff;
  color: #000;
}
/* line 806, ../../../sass/_jayroeder.scss */
.btn.white:hover {
  background-color: #e9098c;
  color: #fff;
}
/* line 812, ../../../sass/_jayroeder.scss */
.btn.large {
  font-size: 24px;
  padding: 5px 10px;
}
/* line 817, ../../../sass/_jayroeder.scss */
.btn.cb {
  clear: both;
}
/* line 821, ../../../sass/_jayroeder.scss */
.btn.ttu {
  text-transform: uppercase;
}
/* line 823, ../../../sass/_jayroeder.scss */
.btn.btn-large {
  padding: 12px;
  font-size: 24px;
  text-transform: uppercase;
}
/* line 829, ../../../sass/_jayroeder.scss */
.btn:hover {
  color: #e9098c;
}
/* line 833, ../../../sass/_jayroeder.scss */
.btn.nostyle {
  background: none !important;
  border: none;
  padding: 0;
  margin: 0;
}

/* line 841, ../../../sass/_jayroeder.scss */
.highlight {
  margin: 10px 0;
  padding: 10px 0 6px;
  text-transform: uppercase;
  font-weight: normal;
  position: relative;
}
/* line 849, ../../../sass/_jayroeder.scss */
.highlight.dark {
  background: transparent url(../images/single/black-grunge-top.gif) bottom left;
  color: #FFF;
  text-align: center;
}
/* line 855, ../../../sass/_jayroeder.scss */
.highlight .top-line {
  position: absolute;
  width: 100%;
  background: transparent url(../images/single/black-grunge-botton.gif) top left;
  height: 3px;
  top: -1px;
}

/* line 867, ../../../sass/_jayroeder.scss */
#checkout .half select,
#checkout .half input {
  width: 100%;
  text-align: left;
  padding: 5px;
  margin-bottom: 20px;
}
/* line 873, ../../../sass/_jayroeder.scss */
#checkout .half select.checkbox,
#checkout .half input.checkbox {
  width: auto;
}

/* line 881, ../../../sass/_jayroeder.scss */
fieldset legend {
  text-transform: uppercase;
  font-size: 24px;
}

/* line 889, ../../../sass/_jayroeder.scss */
.item-box .item {
  display: block;
  clear: both;
  overflow: hidden;
  margin-bottom: 20px;
}
/* line 895, ../../../sass/_jayroeder.scss */
.item-box .item img {
  float: left;
  margin-right: 10px;
}
/* line 899, ../../../sass/_jayroeder.scss */
.item-box .item .details {
  float: left;
  clear: right;
  display: block;
  margin: 5px 0;
}
/* line 905, ../../../sass/_jayroeder.scss */
.item-box .item .details .attribute,
.item-box .item .details .price {
  display: block;
  clear: both;
  color: #e9098c;
}
/* line 910, ../../../sass/_jayroeder.scss */
.item-box .item .details h5 {
  margin: 0;
  font-size: 18px;
}

/* line 921, ../../../sass/_jayroeder.scss */
img {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
}
/* line 926, ../../../sass/_jayroeder.scss */
img.border {
  border: 1px solid #0c090d;
  border: 1px solid rgba(12, 9, 13, 0.5);
}

/* line 934, ../../../sass/_jayroeder.scss */
form .select-block label {
  font-size: 24px;
  text-transform: uppercase;
  margin-right: 10px;
}
/* line 939, ../../../sass/_jayroeder.scss */
form .select-block select {
  position: relative;
  top: -3px;
}
/* line 946, ../../../sass/_jayroeder.scss */
form .required {
  color: #e9098c;
}
/* line 950, ../../../sass/_jayroeder.scss */
form .input-block {
  margin-bottom: 30px;
}
/* line 953, ../../../sass/_jayroeder.scss */
form .input-block label {
  text-transform: uppercase;
  font-size: 24px;
}
/* line 960, ../../../sass/_jayroeder.scss */
form .input-block input,
form .input-block textarea,
form .input-block label {
  clear: both;
  display: block;
}
/* line 966, ../../../sass/_jayroeder.scss */
form .input-block input,
form .input-block textarea {
  border: 3px solid #0c090d;
  width: 100%;
  padding: 10px;
  margin: 0 auto;
}
/* line 975, ../../../sass/_jayroeder.scss */
form .input-block textarea {
  height: 220px;
  width: 100%;
  margin: 0 auto;
}
/* line 983, ../../../sass/_jayroeder.scss */
form textarea,
form input {
  font-family: "Rokkitt", serif;
}
/* line 986, ../../../sass/_jayroeder.scss */
form textarea:focus,
form input:focus {
  outline: none;
  box-shadow: 0 0 4px #e9098c;
}

/* line 993, ../../../sass/_jayroeder.scss */
table {
  width: 100%;
  margin: 20px 0;
  clear: both;
  position: relative;
}
/* line 1001, ../../../sass/_jayroeder.scss */
table thead {
  background: transparent url("/assets/images/single/black-grunge-top.gif") bottom center;
  color: #fff;
  text-transform: uppercase;
}
/* line 1006, ../../../sass/_jayroeder.scss */
table thead th {
  padding: 10px;
  text-align: center;
  vertical-align: center;
}
/* line 1011, ../../../sass/_jayroeder.scss */
table thead th.line {
  padding: 0;
}
/* line 1013, ../../../sass/_jayroeder.scss */
table thead th.line .top-line {
  background: transparent url(../images/single/black-grunge-botton.gif) top left;
  height: 3px;
  width: 100%;
}
/* line 1026, ../../../sass/_jayroeder.scss */
table tfoot .checkout-footer-country label,
table tfoot .checkout-footer-coupon label {
  clear: both;
  display: block;
}
/* line 1034, ../../../sass/_jayroeder.scss */
table tbody tr {
  border-bottom: 2px solid #000;
}
/* line 1037, ../../../sass/_jayroeder.scss */
table tbody tr td {
  padding: 20px 0;
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
}
/* line 1043, ../../../sass/_jayroeder.scss */
table tbody tr td a {
  color: #e9098c;
}
/* line 1047, ../../../sass/_jayroeder.scss */
table tbody tr td input {
  clear: both;
  display: block;
  margin: 0 auto;
}
/* line 1052, ../../../sass/_jayroeder.scss */
table tbody tr td button {
  margin: 0 auto;
}
/* line 1056, ../../../sass/_jayroeder.scss */
table tbody tr img {
  margin: 0 auto;
}
/* line 1062, ../../../sass/_jayroeder.scss */
table td.border {
  width: 100%;
  background: transparent url("/assets/images/single/black-grunge.gif") top center;
  height: 10px;
}

/* line 1070, ../../../sass/_jayroeder.scss */
.vml {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

/* line 1075, ../../../sass/_jayroeder.scss */
.vpm {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

/* line 1080, ../../../sass/_jayroeder.scss */
.mbm {
  margin-bottom: 20px !important;
}

/* line 1084, ../../../sass/_jayroeder.scss */
.mtm {
  margin-top: 20px !important;
}

/* line 1088, ../../../sass/_jayroeder.scss */
.mtl {
  margin-top: 30px !important;
}

/* line 1092, ../../../sass/_jayroeder.scss */
.break-word {
  word-wrap: break-word;
}

/* line 1097, ../../../sass/_jayroeder.scss */
.addthis_toolbox {
  margin: 0 auto;
  display: block;
  width: 340px;
  text-align: center;
}

/* line 1104, ../../../sass/_jayroeder.scss */
.notice {
  border: 2px solid #e9098c;
  text-align: center;
  padding: 0 10%;
  color: #e9098c;
  background-color: #FFF;
  font-weight: bold;
  margin: 20px 0;
}

/* line 1114, ../../../sass/_jayroeder.scss */
button.plain {
  background: none;
  border: none;
  position: relative;
  display: block;
  clear: both;
  margin-top: 10px;
  color: #e9098c;
  left: -2px;
  font-family: "Rokkitt", serif;
  font-size: 18px -5;
  text-transform: uppercase;
}

/* line 1, ../../../sass/screens/_500.scss */
.container {
  width: 90%;
  margin: 0 auto;
  display: block;
  *zoom: 1;
}
/* line 18, ../../../sass/bourbon/addons/_clearfix.scss */
.container:before, .container:after {
  content: " ";
  display: table;
}
/* line 23, ../../../sass/bourbon/addons/_clearfix.scss */
.container:after {
  clear: both;
}
/* line 7, ../../../sass/screens/_500.scss */
.container img {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

/* line 14, ../../../sass/screens/_500.scss */
#logo {
  margin-top: 70px;
}

/* line 19, ../../../sass/screens/_500.scss */
#bottom-line,
#top-line {
  background: transparent url(../images/single/black-grunge-top.gif) bottom left;
  top: 0;
  left: 0;
  width: 100%;
  height: 15px;
}

/* line 26, ../../../sass/screens/_500.scss */
#bottom-line {
  position: relative;
  display: block;
  background: transparent url(../images/single/black-grunge-botton.gif) top left;
  top: -5px;
  height: 6px;
}

/* line 35, ../../../sass/screens/_500.scss */
header.open {
  padding-top: 280px;
}
/* line 37, ../../../sass/screens/_500.scss */
header.open #primary {
  display: block;
  overflow: hidden;
  height: 300px;
  opacity: 1;
}
/* line 46, ../../../sass/screens/_500.scss */
header.open-search .mobile-search {
  display: block;
  z-index: 9999;
}
/* line 52, ../../../sass/screens/_500.scss */
header .mobile-search {
  display: none;
  width: 100%;
  position: relative;
  top: 0px;
  left: 90px;
}
/* line 61, ../../../sass/screens/_500.scss */
header .mobile-search #search {
  margin: 10px 0;
  width: 70%;
}
/* line 64, ../../../sass/screens/_500.scss */
header .mobile-search #search input {
  padding: 5px;
  float: left;
}
/* line 69, ../../../sass/screens/_500.scss */
header .mobile-search #search .submit {
  display: none;
}
/* line 75, ../../../sass/screens/_500.scss */
header nav {
  background: transparent url(../images/single/black-grunge-top.gif) bottom left;
  height: 50px;
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 400;
}
/* line 85, ../../../sass/screens/_500.scss */
header nav .base-search-icon,
header nav .base-menu-icon {
  text-indent: -9999px;
  display: block;
  position: absolute;
  left: 10px;
  top: 10px;
}
/* line 93, ../../../sass/screens/_500.scss */
header nav .base-search-icon {
  left: 50px;
  top: 10px;
}
/* line 98, ../../../sass/screens/_500.scss */
header nav #primary {
  margin-top: 40px;
  background: transparent url(../images/single/black-grunge-top.gif) bottom left;
  height: 1px;
  opacity: 0;
}
/* line 104, ../../../sass/screens/_500.scss */
header nav #primary li {
  display: block;
  width: 100%;
  padding: 0;
}
/* line 110, ../../../sass/screens/_500.scss */
header nav #primary a {
  display: block;
  margin: 0 auto;
  float: none;
}
/* line 116, ../../../sass/screens/_500.scss */
header nav #primary .base-text-drawings {
  background-position: 0 -1945px;
}
/* line 117, ../../../sass/screens/_500.scss */
header nav #primary .base-text-portfolio {
  background-position: 0 -1807px;
}
/* line 118, ../../../sass/screens/_500.scss */
header nav #primary .base-text-bio {
  background-position: 0 -2469px;
}
/* line 119, ../../../sass/screens/_500.scss */
header nav #primary .base-text-blog {
  background-position: 0 -2331px;
}
/* line 120, ../../../sass/screens/_500.scss */
header nav #primary .base-text-contact {
  background-position: 0 -2129px;
}
/* line 121, ../../../sass/screens/_500.scss */
header nav #primary .base-text-shop {
  background-position: 0 -2239px;
}
/* line 124, ../../../sass/screens/_500.scss */
header nav #primary .base-text-drawings.active,
header nav #primary .base-text-drawings:hover {
  background-position: 0 -1477px;
}
/* line 127, ../../../sass/screens/_500.scss */
header nav #primary .base-text-portfolio.active,
header nav #primary .base-text-portfolio:hover {
  background-position: 0 -1346px;
}
/* line 130, ../../../sass/screens/_500.scss */
header nav #primary .base-text-bio.active,
header nav #primary .base-text-bio:hover {
  background-position: 0 -2037px;
}
/* line 133, ../../../sass/screens/_500.scss */
header nav #primary .base-text-blog.active,
header nav #primary .base-text-blog:hover {
  background-position: 0 -1899px;
}
/* line 136, ../../../sass/screens/_500.scss */
header nav #primary .base-text-contact.active,
header nav #primary .base-text-contact:hover {
  background-position: 0 -1608px;
}
/* line 139, ../../../sass/screens/_500.scss */
header nav #primary .base-text-shop.active,
header nav #primary .base-text-shop:hover {
  background-position: 0 -1761px;
}
/* line 142, ../../../sass/screens/_500.scss */
header nav #primary li {
  display: block;
  clear: both;
  width: 100%;
}
/* line 146, ../../../sass/screens/_500.scss */
header nav #primary li a {
  margin: 0 auto;
  display: block;
  clear: both;
}

/* line 156, ../../../sass/screens/_500.scss */
.nav-list ul {
  width: 100%;
}

/* line 161, ../../../sass/screens/_500.scss */
footer.site #playlist {
  width: 100%;
  text-align: center;
}
/* line 164, ../../../sass/screens/_500.scss */
footer.site #playlist a {
  display: block;
  margin: 0 auto;
}

@media screen and (min-width: 780px) {
  /* line 1, ../../../sass/screens/_800.scss */
  .container {
    max-width: 750px;
  }
  /* line 4, ../../../sass/screens/_800.scss */
  .container.fixed {
    position: fixed;
  }

  /* line 11, ../../../sass/screens/_800.scss */
  header nav #primary li .base-text-drawings {
    background: url('/assets/images/base-sa8f834a3ed.png') 0 -1991px no-repeat;
    height: 46px;
    width: 94px;
  }
  /* line 12, ../../../sass/screens/_800.scss */
  header nav #primary li .base-text-portfolio {
    background: url('/assets/images/base-sa8f834a3ed.png') 0 -1853px no-repeat;
    height: 46px;
    width: 124px;
  }
  /* line 13, ../../../sass/screens/_800.scss */
  header nav #primary li .base-text-bio {
    background: url('/assets/images/base-sa8f834a3ed.png') 0 -2423px no-repeat;
    height: 46px;
    width: 54px;
  }
  /* line 14, ../../../sass/screens/_800.scss */
  header nav #primary li .base-text-blog {
    background: url('/assets/images/base-sa8f834a3ed.png') 0 -2377px no-repeat;
    height: 46px;
    width: 56px;
  }
  /* line 15, ../../../sass/screens/_800.scss */
  header nav #primary li .base-text-contact {
    background: url('/assets/images/base-sa8f834a3ed.png') 0 -2083px no-repeat;
    height: 46px;
    width: 88px;
  }
  /* line 16, ../../../sass/screens/_800.scss */
  header nav #primary li .base-text-shop {
    background: url('/assets/images/base-sa8f834a3ed.png') 0 -2285px no-repeat;
    height: 46px;
    width: 71px;
  }

  /* line 18, ../../../sass/screens/_800.scss */
  .mobile-only {
    display: none !important;
  }

  /* line 20, ../../../sass/screens/_800.scss */
  .tablet-up {
    display: block !important;
  }

  /* line 22, ../../../sass/screens/_800.scss */
  td.tablet-up, th.tablet-up {
    display: table-cell !important;
  }

  /* line 24, ../../../sass/screens/_800.scss */
  .slideshow {
    display: block;
  }

  /* line 28, ../../../sass/screens/_800.scss */
  #logo {
    background: transparent url("/assets/images/single/desktop-blue-logo.png") top center no-repeat;
    margin: 20px auto 0;
    display: block;
    text-indent: -9990px;
    width: 100%;
    height: 165px;
    background-size: 100%;
    max-width: 900px;
  }
  /* line 41, ../../../sass/screens/_800.scss */
  #logo.pink, #logo.blue, #logo.yellow {
    background-size: 100%;
  }
  /* line 46, ../../../sass/screens/_800.scss */
  #logo.pink {
    background: transparent url("/assets/images/single/desktop-pink-logo.png") top center no-repeat;
    background-size: 100%;
  }
  /* line 51, ../../../sass/screens/_800.scss */
  #logo.yellow {
    background: transparent url("/assets/images/single/desktop-yellow-logo.png") top center no-repeat;
    background-size: 100%;
  }

  /* line 57, ../../../sass/screens/_800.scss */
  .base-text-like-to-draw {
    background-size: auto;
    padding: 10px;
  }

  /* line 62, ../../../sass/screens/_800.scss */
  header {
    min-height: 215px;
    display: block;
  }
  /* line 65, ../../../sass/screens/_800.scss */
  header #primary-scrolled-wrapper {
    display: block;
  }
  /* line 69, ../../../sass/screens/_800.scss */
  header nav {
    background: none;
    height: auto;
    position: relative;
    top: 0;
    z-index: 400;
    margin-bottom: 40px;
  }
  /* line 77, ../../../sass/screens/_800.scss */
  header nav #primary,
  header nav #primary-scrolled {
    display: block;
    margin-top: 0;
    display: block;
    max-width: 960px;
    width: 550px;
    position: relative;
    right: -20px;
    height: auto;
    opacity: 1;
    background: none;
  }
  /* line 90, ../../../sass/screens/_800.scss */
  header nav #primary li,
  header nav #primary-scrolled li {
    float: left;
    width: auto;
    display: inline-block;
    clear: none;
    padding: 0 5px;
  }

  /* line 102, ../../../sass/screens/_800.scss */
  .nav-list ul {
    width: 70%;
  }

  /* line 108, ../../../sass/screens/_800.scss */
  section.intro {
    max-width: 650px;
    margin-bottom: 30px;
  }

  /* line 116, ../../../sass/screens/_800.scss */
  .container .content {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 74.41059%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  /* line 54, ../../../sass/neat/grid/_span-columns.scss */
  .container .content:last-child {
    margin-right: 0;
  }
  /* line 122, ../../../sass/screens/_800.scss */
  .container .content.shift1 {
    margin-left: 17.05961%;
  }
  /* line 127, ../../../sass/screens/_800.scss */
  .container .isotope {
    left: 0;
  }
  /* line 131, ../../../sass/screens/_800.scss */
  .container .sidebar {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 23.23176%;
    float: right;
    margin-right: 0;
    text-align: center;
  }
  /* line 133, ../../../sass/screens/_800.scss */
  .container .sidebar p {
    margin: 0;
  }
  /* line 54, ../../../sass/neat/grid/_span-columns.scss */
  .container .sidebar:last-child {
    margin-right: 0;
  }
  /* line 144, ../../../sass/screens/_800.scss */
  .container .sidebar ul {
    list-style: none;
    margin: auto;
    padding: 0 0 35px 0;
  }
  /* line 150, ../../../sass/screens/_800.scss */
  .container .sidebar h3 {
    text-transform: uppercase;
    font-size: 24px;
    margin: 0 0 17px 0;
  }
  /* line 158, ../../../sass/screens/_800.scss */
  .container.product .content {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%;
  }
  /* line 54, ../../../sass/neat/grid/_span-columns.scss */
  .container.product .content:last-child {
    margin-right: 0;
  }
  /* line 161, ../../../sass/screens/_800.scss */
  .container.product .content .slideshow {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 57.35098%;
    margin-bottom: 80px;
  }
  /* line 54, ../../../sass/neat/grid/_span-columns.scss */
  .container.product .content .slideshow:last-child {
    margin-right: 0;
  }
  /* line 166, ../../../sass/screens/_800.scss */
  .container.product .content .description {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 36.02647%;
    margin-top: 50px;
    float: right;
    margin-right: 0;
  }
  /* line 54, ../../../sass/neat/grid/_span-columns.scss */
  .container.product .content .description:last-child {
    margin-right: 0;
  }

  /* line 176, ../../../sass/screens/_800.scss */
  section.grid {
    width: 100%;
    margin: 30px auto;
  }
  /* line 180, ../../../sass/screens/_800.scss */
  section.grid.full {
    width: 800px;
  }
  /* line 185, ../../../sass/screens/_800.scss */
  section.grid .base-sale-banner,
  section.grid .base-new-banner {
    left: 19px;
  }
  /* line 189, ../../../sass/screens/_800.scss */
  section.grid .slide {
    width: 100%;
  }
  /* line 191, ../../../sass/screens/_800.scss */
  section.grid .entry {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 23.23176%;
    display: block;
    position: relative;
  }
  /* line 54, ../../../sass/neat/grid/_span-columns.scss */
  section.grid .entry:last-child {
    margin-right: 0;
  }
  /* line 196, ../../../sass/screens/_800.scss */
  section.grid .entry img {
    width: auto;
  }
  /* line 201, ../../../sass/screens/_800.scss */
  section.grid .entry:hover .description {
    opacity: 1;
  }
  /* line 209, ../../../sass/screens/_800.scss */
  section.grid.items .left {
    float: left;
    padding: 0 7% 0 0;
    margin: 20px 0;
  }
  /* line 215, ../../../sass/screens/_800.scss */
  section.grid.items .right {
    float: right;
    padding: 0 0 0 7%;
    margin: 20px 0;
  }

  /* line 223, ../../../sass/screens/_800.scss */
  section.product-grid {
    width: 100%;
  }
  /* line 226, ../../../sass/screens/_800.scss */
  section.product-grid .entry {
    display: block;
    float: left;
    margin-right: 10.1484%;
    width: 26.56773%;
    margin-bottom: 50px;
  }
  /* line 54, ../../../sass/neat/grid/_span-columns.scss */
  section.product-grid .entry:last-child {
    margin-right: 0;
  }
  /* line 230, ../../../sass/screens/_800.scss */
  section.product-grid .entry.last {
    margin-right: 0;
  }
  /* line 234, ../../../sass/screens/_800.scss */
  section.product-grid .entry .description {
    width: 100%;
  }
  /* line 239, ../../../sass/screens/_800.scss */
  section.product-grid .entry:hover .description {
    opacity: 1;
  }

  /* line 249, ../../../sass/screens/_800.scss */
  #checkout .wrap {
    display: block;
    clear: both;
    overflow: hidden;
    border-top: 2px solid #000;
    padding: 40px 0;
  }
  /* line 257, ../../../sass/screens/_800.scss */
  #checkout .wrap.last {
    border-bottom: none;
  }
  /* line 262, ../../../sass/screens/_800.scss */
  #checkout .half {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 46.68872%;
    float: left;
    display: block;
  }
  /* line 54, ../../../sass/neat/grid/_span-columns.scss */
  #checkout .half:last-child {
    margin-right: 0;
  }
  /* line 270, ../../../sass/screens/_800.scss */
  #checkout .half .fakeinput,
  #checkout .half .notice,
  #checkout .half select,
  #checkout .half input {
    width: 80%;
  }

  /* line 278, ../../../sass/screens/_800.scss */
  h4.rule .rule-right,
  h4.rule .rule-left {
    width: 24%;
  }

  /* line 286, ../../../sass/screens/_800.scss */
  form .input-block input {
    width: 60%;
  }

  /* line 295, ../../../sass/screens/_800.scss */
  footer.site #playlist {
    width: 100%;
    float: none;
    display: block;
    left: 0;
  }
  /* line 302, ../../../sass/screens/_800.scss */
  footer.site section {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 31.76157%;
    position: relative;
    margin-top: 20px;
    position: relative;
    left: 20px;
  }
  /* line 54, ../../../sass/neat/grid/_span-columns.scss */
  footer.site section:last-child {
    margin-right: 0;
  }
  /* line 309, ../../../sass/screens/_800.scss */
  footer.site section.social {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 14.70196%;
  }
  /* line 54, ../../../sass/neat/grid/_span-columns.scss */
  footer.site section.social:last-child {
    margin-right: 0;
  }

  /* line 315, ../../../sass/screens/_800.scss */
  .item-box {
    display: block;
    width: 50%;
    float: left;
    overflow: hidden;
    padding: 20px 0;
  }
  /* line 323, ../../../sass/screens/_800.scss */
  .item-box .item {
    width: 50%;
    float: left;
    clear: none;
  }
  /* line 328, ../../../sass/screens/_800.scss */
  .item-box .item .details {
    width: 50%;
    float: right;
    display: block;
  }

  /* line 340, ../../../sass/screens/_800.scss */
  table tfoot .checkout-footer-country,
  table tfoot .checkout-footer-coupon {
    float: left;
  }
  /* line 342, ../../../sass/screens/_800.scss */
  table tfoot .checkout-footer-country label,
  table tfoot .checkout-footer-coupon label {
    clear: none;
    display: inline;
  }
  /* line 348, ../../../sass/screens/_800.scss */
  table tfoot .checkout-footer-country {
    float: right;
    text-align: right;
  }
}
@media screen and (min-width: 960px) {
  /* line 2, ../../../sass/screens/_960.scss */
  .container {
    max-width: 960px;
  }

  /* line 8, ../../../sass/screens/_960.scss */
  section.grid.full {
    width: 940px;
  }
  /* line 13, ../../../sass/screens/_960.scss */
  section.grid .base-sale-banner,
  section.grid .base-new-banner {
    left: 30px;
  }
  /* line 17, ../../../sass/screens/_960.scss */
  section.grid .description {
    width: 240px;
    margin-left: 6px;
  }

  /* line 25, ../../../sass/screens/_960.scss */
  footer.site #playlist {
    width: 320px;
    float: right;
  }
  /* line 30, ../../../sass/screens/_960.scss */
  footer.site section {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 18.96686%;
  }
  /* line 54, ../../../sass/neat/grid/_span-columns.scss */
  footer.site section:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 1200px) {
  /* line 1, ../../../sass/screens/_1200.scss */
  .base-back-to-top-arrow {
    display: block;
    width: 100px;
    height: 100px;
    position: fixed;
    bottom: 5%;
    right: 5%;
    display: none;
    z-index: 30000;
  }

  /* line 11, ../../../sass/screens/_1200.scss */
  .scrolled .base-back-to-top-arrow {
    opacity: .5;
  }
  /* line 15, ../../../sass/screens/_1200.scss */
  .scrolled .base-back-to-top-arrow:hover {
    opacity: 1;
  }
}