@import url(//fonts.googleapis.com/css?family=Lato:400,700);
/* =============================================================

	Kraken v3.1
	A lightweight front-end boilerplate by Chris Ferdinandi.
	http://gomakethings.com

	Free to use under the MIT License.
	http://gomakethings.com/mit/


	# Colors
	Primary (Blue): #0088cc
	Black: #272727
	White: #ffffff
	Success (Green): #377f31;
	Danger (Red): #880e14;
	Warning (Yellow): #dba909;
	Code (Fuscia): #dd1144;
	Gray (Dark): #808080
	Gray (Light): #e5e5e5
  Dark-tan: #cccc99;   // (left navigation)
  Light-brown: #e1c692;  // (featured products header)
  Medium-brown: #af7505;
  Dark-brown: #6b4714;
  Light-tan: #f0eddd;  // (featured products body)
  Logo-orange: #d28e2c;  // (orange text in logo)
  Logo-blue: #8bccc1;  // (turquoise text in logo)
  Cart-orange: #ec8130;  // (add to cart button)
  Navigation-green: #cccb9b // (navigation bar)

	# Font Stack
	Sans-Serif (default): "Helvetica Neue", Arial, sans-serif
	Serif (suggested): Georgia, Times, serif
	Monospace: Menlo, Monaco, "Courier New", monospace

	# Typographic Scale
	(For math purposes. Actual font sizes in ems.)
	1px, 4px, 5px, 8px, 9px, 11px, 12px, 13px, 15px, 16px, 19px, 21px, 24px, 28px, 32px, 48px, 64px, 80px, 96px
	line height: 1.5em on small screens, 1.5625em on big screens

 * ============================================================= */
/* =============================================================
	CSS RESET
	Meyer's CSS Reset, Normalized.css, and custom code.
 * ============================================================= */
/*  Mobile Screen Resizing */
@-webkit-viewport {
  width: device-width;
  zoom: 1.0; }

@-moz-viewport {
  width: device-width;
  zoom: 1.0; }

@-ms-viewport {
  width: device-width;
  zoom: 1.0; }

@-o-viewport {
  width: device-width;
  zoom: 1.0; }

@viewport {
  width: device-width;
  zoom: 1.0; }

/*  Remove browser defaults */
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,
button, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: "Lato", "Helvetica Neue", Arial, sans-serif;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/*  Set display type for HTML5 semantic elements */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

/*  Force scrollbar display to prevent jumping on pages.
 *  Fix text resize bug on mobile devices. */
html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

/*  Display audio, canvas, and video elements as inline block elements. */
audio,
canvas,
video {
  display: inline-block; }

/*  Prevent modern browsers from displaying audio without controls. */
audio:not([controls]) {
  display: none;
  height: 0; }

/*  Prevent img and video elements from spilling
 *  outside of the page on smaller screens. */
img,
video {
  max-width: 100%;
  height: auto; }

/*  Prevent iframe, object, and embed elements from
 *  spilling outside of the page on smaller screens. */
iframe,
object,
embed {
  max-width: 100%; }

/* Address [hidden] styling not present in IE 8/9.
 * Hide the template element in IE, Safari, and Firefox < 22. */
[hidden],
template {
  display: none;
  visibility: hidden; }

/*  Prevents IE from making scaled images look like crap */
img {
  -ms-interpolation-mode: bicubic; }

/*  Address outline inconsistency between Chrome and other browsers. */
a:focus,
button:focus {
  outline: thin dotted;
  outline: 0.3125em auto -webkit-focus-ring-color;
  outline-offset: -0.15625em; }

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

/* =============================================================
	THE GRID
	Structure and layout.
 * ============================================================= */
/*  Mobile-first. Single-column layout by default
 *  Container sets the maximum page width. Adjust as needed. */
.container {
  max-width: 80em;
  width: 88%;
  margin-left: auto;
  margin-right: auto; }

/*  Still mostly single-column.
 *  Option to activate grid on small screens.
 *  Two-column layout for .grid-img. */
@media (min-width: 20em) {
  .row {
    margin-left: -1.515151515152%;
    margin-right: -1.515151515152%; }

  .grid-fifth,
  .grid-fourth,
  .grid-third,
  .grid-half,
  .grid-two-thirds,
  .grid-three-fourths,
  .grid-four-fifths,
  .grid-full,
  .grid-img {
    float: left;
    width: 96.969696969697%;
    margin-left: 1.515151515152%;
    margin-right: 1.515151515152%; }

  /*  Reverses order of grid for content choreography */
  .grid-flip {
    float: right; }

  /*  Optionally show grid for small screens */
  .row-start-xsmall .grid-fourth {
    width: 21.96969696969%; }

  .row-start-xsmall .grid-third {
    width: 30.30303030303%; }

  .row-start-xsmall .grid-half,
  .grid-img {
    width: 46.969696969697%; }

  .row-start-xsmall .grid-two-thirds {
    width: 63.636363636364%; }

  .row-start-xsmall .grid-three-fourths {
    width: 71.969696969697%; }

  .row-start-xsmall .grid-full {
    width: 96.969696969697%; } }
/*  Still mostly single-column.
 *  Option to activate grid on medium screens.
 *  Three-column layout for .grid-img. */
@media (min-width: 30em) {
  /*  Show grid for small screens */
  .row-start-small .grid-fourth {
    width: 21.96969696969%; }

  .row-start-small .grid-third,
  .grid-img {
    width: 30.30303030303%; }

  .row-start-small .grid-half {
    width: 46.969696969697%; }

  .row-start-small .grid-two-thirds {
    width: 63.636363636364%; }

  .row-start-small .grid-three-fourths {
    width: 71.969696969697%; }

  .row-start-small .grid-full {
    width: 96.969696969697%; } }
/*  Full 6-column grid.
 *  Four-column layout for .grid-img. */
@media (min-width: 40em) {
  .grid-fifth {
    width:16.3636363636354%; }

  .grid-four-fifths {
    width:77.575757575757%;
  }
  .grid-fourth,
  .grid-img {
    width: 21.96969696969%; }

  .grid-third {
    width: 30.30303030303%; }

  .grid-half {
    width: 46.969696969697%; }

  .grid-two-thirds {
    width: 63.636363636364%; }

  .grid-three-fourths {
    width: 71.969696969697%; }

  .grid-full {
    width: 96.969696969697%; }

  /*  Offets let you shift grid elements to the right
   *  but stay aligned to the grid. */
  .offset-fourth {
    margin-left: 26.484848484848%; }

  .offset-third {
    margin-left: 34.848484848485%; }

  .offset-half {
    margin-left: 51.515151515152%; }

  .offset-two-thirds {
    margin-left: 68.181818181818%; }

  .offset-three-fourths {
    margin-left: 76.484848484848%; } }
/* Add clearfix */
/* =============================================================
	TYPOGRAPHY
	Sets font styles for entire site.
 * ============================================================= */
body {
  font-family: "Lato", "Helvetica Neue", Arial, sans-serif;
  font-size: 100%;
  line-height: 1.5;
  color: #272727;
  background: #ffffff;
  overflow-x:hidden;
}

p {
  margin-bottom: 1.5625em; }

@media (min-width: 40em) {
  body {
    line-height: 1.5625; } }
/*  Sizes
 *  For smaller and larger text */
.text-small {
  font-size: 0.9375em; }

.text-smaller {
  font-size: 0.85em; 
  margin-top:5px;
}
.text-tiny {
  font-size:0.8em;
  margin:0;
  padding:10px 0 0 0;
}
.text-tall {
  font-size: 1.1875em;
  line-height: 1.4; }

@media (min-width: 40em) {
  .text-tall {
    font-size: 1.3125em; } }
/*  Colors
 *  For alternate text colors */
.text-muted {
  color: gray; }

/*  Links
 *  Hyperlink styling */
a {
  color: #0088cc;
  text-decoration: none;
  word-wrap: break-word; }

a:hover {
  color: #005580;
  text-decoration: underline; }

a img {
  border: none;
  background: none; }

/*  Prevents border/background on linked image hover.
 *  Adds slight opacity. */
a:hover img {
  border: none;
  background: none;
  opacity: 0.8;
  filter: alpha(opacity=80); }
  
#home-slider a:hover img {
  opacity:1; }

/*  Lists
 *  Styling for lists */
ul,
ol,
dl {
  margin-bottom: 1.5625em;
  margin-left: 2em; }

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

dl {
  margin-left: 0; }

dt {
  font-weight: bold; }

/*  Removes list styling.
 *  For semantic reasons, should only
 *  be used on unordered lists. */
.list-unstyled {
  margin-left: 0;
  list-style: none; }

/*  Headings
 *  h1 through h6 styling
 *  Heading class lets you use one heading type for semantics
 *  but style it as another heading type. */
h1, h2, h3, h4, h5, h6 {
  line-height: 1.2;
  font-weight: normal;
  margin-bottom: 1em;
  padding-top: 1em; }

h1,
.h1 {
  font-size: 1.5em;
  padding-top: .5em; }

h2,
.h2 {
  font-size: 1.3125em; }

h3,
.h3 {
  font-size: 1.1875em; }

h4, h5, h6,
.h4, .h5, .h6 {
  font-size: 0.9375em; }

h4,
.h4 {
  text-transform: uppercase; }

@media (min-width: 40em) {
  h1,
  .h1 {
    font-size: 1.75em; } }
/*  Lines, Quotes and Emphasis */
/*  Lines */
hr {
  margin: 2em auto;
  border: 0;
  border-top: 0.0725em solid #e1dcc4;
  border-bottom: 0 solid white; }

/*  Bold */
strong {
  font-weight: bold; }

/*  Italics */
em {
  font-style: italic; }

/*  Subscript & Superscript */
sub,
sup {
  position: relative;
  font-size: 85%;
  font-weight: bold;
  line-height: 0;
  vertical-align: baseline;
  margin-left: 0.25em; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/*  Highlighting colors */
::selection {
  color: white;
  background: #0088cc; }

::-moz-selection {
  color: white;
  background: #0088cc; }

/*  Blockquotes */
blockquote {
  border-left: 0.25em solid #e5e5e5;
  margin-bottom: 1.5625em;
  padding-left: 1.5625em;
  padding-right: 1.5625em; }

blockquote, q {
  quotes: none; }

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

/* =============================================================
	BUTTONS
	Styling for CSS buttons.
 * ============================================================= */
.btn {
  display: inline-block;
  font-size: 0.9375em;
  padding: 0.5em 0.6875em;
  line-height: 1.2;
  font-weight: normal;
  background-color: #0088cc;
  border: 0.0725em solid #0088cc;
  border-radius: 0.0725em;
  margin-right: 0.3125em;
  margin-bottom: 0.3125em; }

.btn,
.btn:hover,
a .btn:hover,
.btn.active {
  color: white; }

.btn:hover,
a .btn:hover,
.btn.active {
  background-color: #005580;
  border-color: #005580;
  text-decoration: none; }

.btn-secondary {
  background-color: gray;
  border-color: gray; }

.btn-secondary:hover,
a .btn-secondary:hover,
.btn-secondary.active {
  background-color: #5a5a5a;
  border-color: #5a5a5a; }

button.btn-orange, a.btn-orange, input.btn-orange {
  background: #ec8130;
  border: 1px solid #ec8130; }

button.btn-orange:hover, a.btn-orange:hover, input.btn-orange:hover {
  background: gray;
  border: 1px solid gray; }

.btn:active,
.btn.active {
  box-shadow: inset 0 0.15625em 0.25em rgba(0, 0, 0, 0.15), 0 0.0725em 0.15625em rgba(0, 0, 0, 0.05);
  outline: 0; }

.btn.disabled,
.btn[disabled] {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
  filter: alpha(opacity=50);
  box-shadow: none; }

.btn-small {
  padding: 5px;
  font-size: 1em;
  line-height: normal; }

.btn-large {
  padding: 0.6875em 0.9375em;
  font-size: 1em;
  line-height: normal; }

.btn-block,
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  display: block;
  width: 100%;
  margin-right: 0;
  padding-right: 0;
  padding-left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

button,
.btn {
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  -webkit-appearance: none; }

.btn:last-child,
input.btn {
  margin-right: 0; }

/* =============================================================
	FORMS
	Styling for form elements.
 * ============================================================= */
/* @todo Integrate form styling with _config options */
form,
fieldset {
  margin-bottom: 1.5625em; }

legend,
label {
  display: block;
  font-weight: normal;
  padding: 0;
  margin-bottom: 0.3125em; }

/* @todo Adjust form colors based on Sass variables */
input,
textarea,
select {
  display: block;
  width: 100%;
  font: inherit;
  line-height: 1.5;
  color: #555555;
  margin-bottom: 1.1875em;
  padding: 0.3125em;
  border: 0.0725em solid #b8b8b8;
  border-radius: 0.0725em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

form button,
form .button {
  margin-bottom: 1.1875em; }

textarea {
  height: 12em; }

input[type="image"],
input[type="checkbox"],
input[type="radio"] {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 0;
  margin-bottom: 0.3125em;
  cursor: pointer; }

input:focus,
textarea:focus {
  border-color: rgba(82, 168, 236, 0.8);
  box-shadow: inset 0 0.0725em 0.0725em rgba(0, 0, 0, 0.075), 0 0 0.5em rgba(82, 168, 236, 0.6);
  outline: 0;
  outline: thin dotted \9; }

input[type="file"]:focus,
input[type="checkbox"]:focus,
select:focus {
  outline: thin dotted;
  outline: 0.3125em auto -webkit-focus-ring-color;
  outline-offset: -0.125em; }

/*  Inline Inputs */
.input-inline {
  display: inline-block;
  width: auto;
  vertical-align: middle; }

/*  Condensed Inputs */
.input-condensed {
  padding: 0.0725em 0.3125em;
  font-size: 0.9375em; }

@media (min-width: 40em) {
  input, textarea, select {
    line-height: 1.5625; } }

input.qty-box {
  width:3em;
}
/* =============================================================
	ICONS
	A placeholder for icon fonts.
	Learn more at http://gomakethings.com/icon-fonts/
 * ============================================================= */
@font-face {
  font-family: 'icomoon';
  src:url('icomoon.eot?-yi31z6');
  src:url('icomoon.eot?#iefix-yi31z6') format('embedded-opentype'),
    url('icomoon.woff?-yi31z6') format('woff'),
    url('icomoon.ttf?-yi31z6') format('truetype'),
    url('icomoon.svg?-yi31z6#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-angle-left:before {
  content: "\f104";
}

.icon-angle-right:before {
  content: "\f105";
}

.icon-angle-up:before {
  content: "\f106";
}

.icon-angle-down:before {
  content: "\f107";
}

.icon-quotes-left:before {
  content: "\f10d";
}

.icon-quotes-right:before {
  content: "\f10e";
}

.icon-home2:before {
  content: "\e902";
}

.icon-tag:before {
  content: "\e935";
}

.icon-tags:before {
  content: "\e936";
}

.icon-cart3:before {
  content: "\e93a";
}

.icon-calendar:before {
  content: "\e953";
}

.icon-bubbles2:before {
  content: "\e96d";
}

.icon-user:before {
  content: "\e971";
}

.icon-search:before {
  content: "\e986";
}

.icon-remove:before {
  content: "\e9ac";
}

.icon-menu:before {
  content: "\e9bd";
}

.icon-mail2:before {
  content: "\ea84";
}

.icon-google-plus3:before {
  content: "\ea8a";
}

.icon-facebook3:before {
  content: "\ea8e";
}

.icon-instagram:before {
  content: "\ea90";
}

.icon-twitter3:before {
  content: "\ea93";
}

.icon-feed4:before {
  content: "\ea96";
}

.icon-youtube3:before {
  content: "\ea99";
}

.icon-pinterest:before {
  content: "\ead0";
}

/* =============================================================

	Social Sharing

 * ============================================================= */
.btn-facebook {
  color: #ffffff;
  background-color: #133783;
  border-color: #133783; }

.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active {
  color: #ffffff;
  background-color: #0e285f;
  border-color: #0b214e; }

.btn-facebook.disabled,
.btn-facebook[disabled],
fieldset[disabled] .btn-facebook,
.btn-facebook.disabled:hover,
.btn-facebook[disabled]:hover,
fieldset[disabled] .btn-facebook:hover,
.btn-facebook.disabled:focus,
.btn-facebook[disabled]:focus,
fieldset[disabled] .btn-facebook:focus,
.btn-facebook.disabled:active,
.btn-facebook[disabled]:active,
fieldset[disabled] .btn-facebook:active,
.btn-facebook.disabled.active,
.btn-facebook[disabled].active,
fieldset[disabled] .btn-facebook.active {
  background-color: #133783;
  border-color: #133783; }

.btn-twitter {
  color: #ffffff;
  background-color: #2daddc;
  border-color: #0271bf; }

.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active {
  color: #ffffff;
  background-color: #2095c0;
  border-color: #014d82; }

.btn-twitter.disabled,
.btn-twitter[disabled],
fieldset[disabled] .btn-twitter,
.btn-twitter.disabled:hover,
.btn-twitter[disabled]:hover,
fieldset[disabled] .btn-twitter:hover,
.btn-twitter.disabled:focus,
.btn-twitter[disabled]:focus,
fieldset[disabled] .btn-twitter:focus,
.btn-twitter.disabled:active,
.btn-twitter[disabled]:active,
fieldset[disabled] .btn-twitter:active,
.btn-twitter.disabled.active,
.btn-twitter[disabled].active,
fieldset[disabled] .btn-twitter.active {
  background-color: #2daddc;
  border-color: #0271bf; }

.btn-pinterest {
  color: #ffffff;
  background-color: #d62229;
  border-color: #ab171e; }

.btn-pinterest:hover,
.btn-pinterest:focus,
.btn-pinterest:active,
.btn-pinterest.active {
  color: #ffffff;
  background-color: #b31c22;
  border-color: #751015; }

.btn-pinterest.disabled,
.btn-pinterest[disabled],
fieldset[disabled] .btn-pinterest,
.btn-pinterest.disabled:hover,
.btn-pinterest[disabled]:hover,
fieldset[disabled] .btn-pinterest:hover,
.btn-pinterest.disabled:focus,
.btn-pinterest[disabled]:focus,
fieldset[disabled] .btn-pinterest:focus,
.btn-pinterest.disabled:active,
.btn-pinterest[disabled]:active,
fieldset[disabled] .btn-pinterest:active,
.btn-pinterest.disabled.active,
.btn-pinterest[disabled].active,
fieldset[disabled] .btn-pinterest.active {
  background-color: #d62229;
  border-color: #ab171e; }

.btn-google-plus {
  color: #ffffff;
  background-color: #dd4b39;
  border-color: #c53727; }

.btn-google-plus:hover,
.btn-google-plus:focus,
.btn-google-plus:active,
.btn-google-plus.active {
  color: #ffffff;
  background-color: #ca3523;
  border-color: #92291d; }

.btn-google-plus.disabled,
.btn-google-plus[disabled],
fieldset[disabled] .btn-google-plus,
.btn-google-plus.disabled:hover,
.btn-google-plus[disabled]:hover,
fieldset[disabled] .btn-google-plus:hover,
.btn-google-plus.disabled:focus,
.btn-google-plus[disabled]:focus,
fieldset[disabled] .btn-google-plus:focus,
.btn-google-plus.disabled:active,
.btn-google-plus[disabled]:active,
fieldset[disabled] .btn-google-plus:active,
.btn-google-plus.disabled.active,
.btn-google-plus[disabled].active,
fieldset[disabled] .btn-google-plus.active {
  background-color: #dd4b39;
  border-color: #c53727; }

.btn-youtube {
  color: #ffffff;
  background-color: #cd332d;
  border-color: #6e0610; }

.btn-youtube:hover,
.btn-youtube:focus,
.btn-youtube:active,
.btn-youtube.active {
  color: #ffffff;
  background-color: #ac2b26;
  border-color: #340308; }

.btn-youtube.disabled,
.btn-youtube[disabled],
fieldset[disabled] .btn-youtube,
.btn-youtube.disabled:hover,
.btn-youtube[disabled]:hover,
fieldset[disabled] .btn-youtube:hover,
.btn-youtube.disabled:focus,
.btn-youtube[disabled]:focus,
fieldset[disabled] .btn-youtube:focus,
.btn-youtube.disabled:active,
.btn-youtube[disabled]:active,
fieldset[disabled] .btn-youtube:active,
.btn-youtube.disabled.active,
.btn-youtube[disabled].active,
fieldset[disabled] .btn-youtube.active {
  background-color: #cd332d;
  border-color: #6e0610; }

/* =============================================================

	Snapshot

 * ============================================================= */
.img-border,
.img-photo {
  border: 0.0725em solid #cccccc; }

/*  Adds padding and a white border */
.img-photo {
  padding: 0.25em;
  background-color: white;
  box-shadow: 0 0.0725em 0.0725em rgba(0, 0, 0, 0.1); }

/*  Adds a 50% border radius,
 *  turning square images into a circle. */
.img-circle {
  border-radius: 50%; }

/* =============================================================

  Tables

 * ============================================================= */
table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1.5625em;
  border-collapse: collapse;
  border-spacing: 0; }

th,
td {
  text-align: left;
  padding: 0.5em; }

th {
  background-color: #dddddd;
  font-weight: bold;
  vertical-align: bottom; }

td {
  border-top: 0.0725em solid #cccb9b;
  vertical-align: top; }

tbody tr:nth-child(even) {
  background-color: #dddddd; }

tbody tr:last-child {
  border-top: 1px solid #cccb9b; }

.table-condensed th,
.table-condensed td {
  padding: 0.25em; }

/* =============================================================

	Hero

 * ============================================================= */
.hero {
  background-color: #f0eddd;
  margin-bottom: 1.5625em;
  padding: 1.5em;
  border: 0.0725em solid #e5e5e5;
  border-radius: 0.0725em; }

.hero-condensed {
  padding: 0.9375em; }

/* =============================================================
	ALIGNMENT, SPACING & VISIBILITY
	Override default alignment, spacing and visibilty.
 * ============================================================= */
/*  Text alignment */
.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.text-left {
  text-align: left; }

/*  Floats */
.float-left {
  float: left; }

.float-center {
  float: none;
  margin-left: auto;
  margin-right: auto; }

.float-right {
  float: right; }

/*  Spacing */
.no-space {
  margin: 0;
  padding: 0; }

.no-space-bottom {
  margin-bottom: 0;
  padding-bottom: 0; }

.no-space-top {
  margin-top: 0;
  padding-top: 0; }

.space-bottom {
  margin-bottom: 2em; }

.space-bottom-small {
  margin-bottom: 0.5em;
  padding-bottom: 0; }

.space-top {
  padding-top: 0.8125em; }

/*  Screen Reader Text */
.screen-reader {
  position: absolute;
  top: -9999em;
  left: -9999em; }

/*  Clearfix */
.group:before, .container:before,
.row:before,
.group:after,
.container:after,
.row:after {
  display: table;
  content: ""; }

.group:after, .container:after,
.row:after {
  clear: both; }

/* =============================================================
	PRINT STYLES
	Styling for printed content. Adapted from HTML5BP.
	http://html5boilerplate.com
 * ============================================================= */
@media print {
  /*  Universal selector.
   *  Reset all content to transparent background,
   *  black color, and remove box and text shadows. */
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }

  /*  Specifies page margin */
  @page {
    margin: 0.5cm; }

  /*  Underline all links */
  a, a:visited {
    text-decoration: underline; }

  /*  Show URL after links */
  a[href]:after {
    content: " (" attr(href) ")"; }

  /*  Don't show URL for internal links */
  a[href^="#"]:after {
    content: ""; }

  /*  Specifies the minimum number of lines to print at the top and bottom of a page. */
  p, h1, h2, h3 {
    orphans: 3;
    widows: 3; }

  /*  Avoid inserting a page break after headers */
  h1, h2, h3 {
    page-break-after: avoid; }

  /*  Change border color on blockquotes and preformatted text.
   *  Avoid page breaks inside the content */
  pre, blockquote {
    border-color: #999;
    page-break-inside: avoid; }

  /*  Displayed as a table header row group */
  thead {
    display: table-header-group; }

  /*  Avoid inserting a page break inside table rows and images */
  tr, img {
    page-break-inside: avoid; } }

/* =============================================================
 
 Alerts
 
 * ============================================================= */
.alert, .errors {
  color: #005580;
  background-color: #cce7f4;
  border: 0.0725em solid #a5d5ed;
  margin-bottom: 1.5625em;
  padding: 0.25em 0.5em;
  border-radius: 0.0725em;
}

.alert-success {
  color: #1f481c;
  background-color: #d7e5d5;
  border-color: #b9d2b6;
}

.alert-danger, .errors {
  color: #43070a;
  background-color: #e7ced0;
  border-color: #d5aaac;
}

.alert-warning {
  color: #614a04;
  background-color: #f7edcd;
  border-color: #f2e0a8;
}

/* =============================================================
 
Custom Styles & Basic Overrides
 
 * ============================================================= */


body {
  background: #ffffff; }

h1, h2, h3, h4, h5, h6 {
  color: #272727;
  font-weight: 700; }
  
h1.about-header {
	font-size:2em;
	color:#000;
}

.orange-header {
	color:#d28e2c;
}

h2.orange-header {
	font-size:1.2em;
	padding:0;
	margin:0 0 10px 0;
}

.logo {
  float:left;
  width:290px;
  margin:18px 20px 0 10px;
}

@media screen and (min-width: 0px) and (max-width: 1070px) {
  .logo {
  float:left;
  width:215px;
  }
}

.navigation {
  float:left;
}

@media screen and (min-width: 0px) and (max-width: 1024px) {
  .navigation {
  float:right;
  }
}

.review p.small-margin, .review p {
  margin: 0 0 10px 0;
  line-height: 1.3em;
}

.text-tiny {
  font-size:0.85em;
}

h3.section-title.title_center {
  line-height: 22px;
  margin: 0 20px 40px 20px;
  text-align: center;
  color: #666; }

#featured-products h3.section-title.title_center {
  margin: 0 20px 10px 20px;
  text-align: center;
  color: #666; }

#featured-products p {
  color:#666;
  margin-bottom:30px;
  font-style: italic;
}

h3.section-title {
  border-bottom: 3px solid #c7c7c7;
  margin: 0 0 20px;
  text-transform: uppercase; }

h3.section-title.title_center span {
  background: none repeat scroll 0 0 #fff;
  border: 0 none;
  bottom: -12px;
  padding: 0 30px;
  position: relative; }

@media screen and (min-width: 0px) and (max-width: 640px) {
  h3.section-title.title_center span {
  font-size:0.85em;
  }

  h3.section-title.title_center span {
  padding: 0 10px;
 }
}

a, button, input {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

a {
  color: #ec8130;
  text-decoration: none; 
  }

a:hover {
  color: #6b4714;
  text-decoration: none; }

ul.list-inline {
  margin: 0; }

ul.list-inline li {
  list-style: none;
  display: inline; }

.mt3 {
  margin-top: 3px; }

.mt5 {
  margin-top: 5px; }

.mt10 {
  margin-top: 10px; }

.mt15 {
  margin-top: 15px; }

.mt20 {
  margin-top: 20px; }

.mt30 {
  margin-top: 30px; }

.mb5 {
  margin-bottom: 5px; }

.mb10 {
  margin-bottom: 10px; }

.mb20 {
  margin-bottom: 20px; }

.mb30 {
  margin-bottom: 30px; }

.mr10 {
  margin-right: 10px; }

.m10 {
  margin: 10px 0; }

.m20 {
  margin: 20px 0; }

.m30 {
  margin: 30px 0; }

.ml10 {
  margin-left: 10px; }

.plr15 {
  padding: 0 15px; }

.p15 {
  padding: 15px; }

.relative {
  position: relative; }

.box {
  background-clip: padding-box;
  background-color: #f7f7f7;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
  margin-bottom: 20px;
  padding: 10px 20px; }

.box .box-header {
  background-color: #f7f7f7;
  border-bottom: 1px solid #666;
  margin: 0 -20px 15px;
  padding: 0 20px 10px; }

.box-content {
  background:#f7f7f7;
  margin: 0 -20px 15px;
  padding: 0 20px 10px;
}

.account .box {
  background:#ec8131;
}

.account .box .box-header {
  background:#ec8131;
}

.box .social-sharing {
  border-bottom: 1px solid #F0F0F0;
  border-top: 1px solid #F0F0F0;
  margin: 10px 0 0 0; 
  padding: 15px 0; }

.social-sharing i {
  margin-right: 5px; }

.social-icons {
  font-size:1.1em;
}

.box .box-shaded {
  background: #cccc99; }

blockquote.testimonial {
  border-left: none; }

blockquote.testimonial p {
  font-size: 0.9em;
  margin: 0 0 10px 0; }

.testimonial {
  margin: 25px 0 0 0;
  background: #f0eddd;
  padding: 10px 50px;
  position: relative;
  font-family: Georgia, serif;
  border-radius: 5px;
  font-style: italic;
  text-shadow: 0 1px 0 #ECFBFF; }

.testimonial:before, .testimonial:after {
  content: "\201C";
  position: absolute;
  font-size: 80px;
  line-height: 1;
  color: #ec8130;
  font-style: normal; }

.testimonial:before {
  top: 0;
  left: 10px; }

.testimonial:after {
  content: "\201D";
  right: 10px;
  bottom: -0.5em; }

.arrow-down {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #f0eddd;
  margin: 0 0 0 25px; }

.testimonial-author {
  margin: 0 0 0 25px;
  text-align: left;
  font-size: 0.9em; }

.recover-password, .reset-success {display:none;}





@media screen and (min-width: 1024px) {
	.customer-login, .recover-password {
	margin-left:35px;
	} 
	.bl {
	border-left:1px solid #ccc;
	}
}

#login .grid-half {
  width:46%;
}
.errors ul {
  margin:0;
    padding:0;
}
.errors ul li {
  list-style:none; 
}

h3.cart-total {
  margin-bottom:5px;
}

@media screen and (min-width: 0px) and (max-width: 640px) {
  #sidebar {
  display:none;
  }
}

.red-text {
  color:#d62229;
  font-size:0.9em;
}

.pagination{display:inline-block;padding-left:0;margin:23px 0;border-radius:3px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.644;text-decoration:none;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{background-color:#eee;border-bottom-color:#ec8130}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#999;background-color:#f5f5f5;border-bottom-color:#ec8130;cursor:default}.pagination>.disabled>span,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 20px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination-sm>li>a,.pagination-sm>li>span{padding:2px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:2px;border-top-left-radius:2px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:2px;border-top-right-radius:2px}

.collection-description {
	color:#837e7a;
	font-size:0.9em;
}

/* =============================================================
 
Home Page
 
 * ============================================================= */

#home-slider img {
  width: 100%;
  height: auto; }

#home-features .feature-image {
  position:relative;
  width:100%;
}

#home-features .feature-image h2 {
  position:absolute;
  bottom:20px;
  text-align:center;
  width:100%;
  color:#fff;
  text-transform:uppercase;
  font-size:0.9em;
}

#home-features .feature-image img {
  width:100%;
}

#home-features .feature-image span {
  background: rgb(0,0,0);
  background: rgba(0,0,0,0.6);
  padding:10px;
  width:100%;
}

#review-scroller {
  background: #000;
  padding: 10px 0;
  margin-top: -20px;
}

.review-scroller {
  font-style: italic;
  text-align:center;
  font-size:1.0em;
  color:#fff;
  font-weight:normal;
 }

 #review-scroller-product .review-scroller {
  color:#000;
  font-weight:bold;
}


@media only screen and (max-width: 400px) {

.review-scroller {
  font-size:0.8em;
 }

}

 ul.newsticker {
  margin:0;
}

 .review-scroller i {
  margin:0 3px;
  color:#ccc;
}

.review-scroller-author {
  margin:0 0 0 150px;
  text-align: center;
  font-size: 0.85em;
  color:#ccc; }
  
#featured-products, #similar-products {
	position:relative;
}

#featured-products a.prev, .product-grid a#prev {
  position:absolute;
  top:40%;
  left:0;
  font-size:1.5em;
  cursor:pointer;
  color:#ccc;
}
#featured-products a.next, .product-grid a#next {
  position:absolute;
  top:40%;
  right:0;
  font-size:1.5em;
  cursor:pointer;
  color:#ccc;
}

.product-grid a#prev, .product-grid a#next {
  top:50%;
}


/* =============================================================
 
Blog/Article Page
 
 * ============================================================= */

.blog-entry {
  width:100%;
  margin-bottom:20px;
}

.box .blog-alt-image {
  margin: -10px -20px 20px;
}
.box .blog-alt-image img {
  width:100%;
  height:auto;
}

.box .blog-alt-title h1 {
  font-size:22px;
  font-weight:600;
  border:none;
  margin:0 0 10px 0;
  padding:0;
}

.box .blog-alt-title h3 {
  font-size:18px;
  font-weight:600;
  margin:0 0 10px 0;
  padding:0;
}

.box .blog-alt-meta {
  font-size:0.8em;
  color:#A6A9A8;
  margin: 0 -20px;
  padding: 0 20px 20px;
  border-bottom: 1px solid #ccc;
}
.box .blog-sm-meta {
  font-size:0.8em;
  color:#A6A9A8;
}
.box .blog-social-media {
  margin: 0 -20px;
  padding: 10px 20px;
  border-bottom: 1px solid #ccc;
  font-size:0.8em;
}
.box .blog-alt-content {
  font-size:0.9em;
  color:#7D7D7D;
  margin-top:15px;
}
.box .blog-alt-article {
  color:#7D7D7D;
  margin: 0 -20px;
  padding: 10px 20px;
}
.box .blog-alt-tagline {
    color: #666;
    font-size:0.9em;
    margin: 0 -20px;
    padding: 10px 20px;
    border-top:1px dotted #dddddd;
  border-bottom:1px dotted #dddddd;
}
.box .blog-sm-tagline {
    color: #666;
    font-size:0.9em;
    padding:10px 0;
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
}
.box .colored-footer {
  background-color: #e1dcc4;
  border-top: 1px solid #F0F0F0;
  margin: 20px -20px -20px;
  padding: 12px;
}

#sidebar-blog section, #sidebar-faq section {
  font-weight:normal;
  margin-bottom:10px;
  border-bottom:3px solid #efefef;
}

#sidebar-blog h3 {
  text-transform:uppercase;
}

#recent-posts li {
  margin:0;
  padding:0;
}

#recent-posts li span {
  font-size:0.8em;
  color:#ccc;
}


#social-media {
  font-size:1.5em;

}
#social-media a {
  color:#ccc;
}
section#social-media {
  border-bottom:none;
}

.blog-home-title h3, .blog-home-content {
	font-size:0.9em;
}

.blog-home-title h3 a {
	color:#000;
}

.blog-home-title h3 a:hover {
	color:#ec8130;
}
  
/* =============================================================
 
Product Page
 
 * ============================================================= */

#product-content h1, #page-content h1 {
  padding:0;
  margin:0 0 20px;
}



#what-fits {
  float:right;
  margin-right:15px;
  position:relative;
  z-index:99999999;
}

.what-fits-content {
  position: absolute;
  top:50px;
  right:0;
  width:385px;
  background:#fff;
  font-size:0.8em;
  display:none;
}
.what-fits-content p {
  margin-bottom:0;
  padding-bottom:0;
}

.arrow_box {
  position: relative;
  background: #ffffff;
  border: 2px solid #cccccc;
  padding:20px;
}
.arrow_box:after, .arrow_box:before {
  bottom: 100%;
  left: 80%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrow_box:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 10px;
  margin-left: -10px;
}
.arrow_box:before {
  border-color: rgba(204, 204, 204, 0);
  border-bottom-color: #cccccc;
  border-width: 13px;
  margin-left: -13px;
}


#my-account h1 {
  margin: 0; }

#product-content h5, #page-content h5, #my-account h5 {
  color: gray;
  font-weight: 400;
  line-height: 1.4em; }

.html_carousel {
  padding: 15px 0 15px 40px; }

.html_carousel div.slide {
  position: relative; }

.html_carousel div.slide div {
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  display: none;
  position: absolute;
  bottom: 0; }

.html_carousel div.slide h4 {
  font-size: 35px;
  padding: 30px 0 0 100px; }

.html_carousel div.slide p {
  font-size: 16px;
  padding: 0 0 30px 100px; }

.html_carousel div.slide h4, .html_carousel div.slide p {
  color: white;
  margin: 0; }

div.thumbnails {
  text-align: center; }

div.thumbnails img {
  cursor: pointer;
  border: 1px solid #ccc;
  background-color: white;
  padding: 9px;
  margin: 7px;
  display: inline-block; }

div.thumbnails img:hover {
  background-color: #eee; }

div.thumbnails img.selected {
  background-color: #ccc; }

form.cartableProduct {
  margin-bottom:0;
}

.purchase-box-top {
  background:#837e7a;
  color:#fff;
  padding:10px;
}

.purchase-box {
  background:#bbb5af;
  padding:10px;
}

.specs-right {
  border: 1px solid #cccb9b;
  background: #bbb5af;
  padding: 0 15px 15px;
  font-size: 0.9em; }

.specs-right ul {
  margin-top:4px;
}

.specs-right p {
  margin: 0 0 10px 0; }

.review h3 {
  padding: 0;
  margin-bottom: 5px; }

.price {
  font-size:1.2em;
  font-weight:700;
  color:green;
}

.pricing {
  font-weight:700;
  font-size:1.1em;
}

.selector-wrapper label, .shappify_option_name, .shappify_radio_option {
  font-size:0.9em;
}

.shappify_option_value option, .shappify_option_value select, .selector-wrapper option, .selector-wrapper select {
  font-size:0.85em;
}

#faqs h3  { cursor:pointer; color:#ec8130; margin:0; }
#faqs h3.active { color:#000; }
#faqs div { height:0; overflow:hidden; position:relative; }
#faqs div p { padding:0; margin-bottom:10px; }

.sc-options {
  border:1px solid #ccc;
  padding:3px;
  background:#bbb5af;
  margin:20px 0;
}
.sc-options p {
  margin-bottom:0;
}

/* ===== YotPo Reviews ===== */
/* Hides "Reviews by YotPo" label */
.yotpo-label {display:none;}
/* Hides Write A Review button from Product pages in DIY product template User Review tab - Added by Frank */
#user-reviews .yotpo-default-button.write-review-button {display:none;}
/* Hides Write A Review button from Product pages in original product template - Added by Frank */
div.grid-full .yotpo-default-button.write-review-button {display:none;}


/* =============================================================
 
Shopping Cart Page
 
 * ============================================================= */


@media screen and (min-width: 0px) and (max-width: 400px) {
  .cart-price {
    display:none;
  }
  .cart-headings {
    display:none;
  }
 }

.small-grey a {
  font-size:0.85em;
  color:#ccc;
}

.cart-comments textarea {
  height:4em;
}


/* =============================================================
 
Product Tabs
 
 * ============================================================= */

ul.resp-tabs-list {
  margin: 0 20px 0 15px;
  padding: 0px; }

.resp-tabs-list li {
  font-weight: 700;
  display: inline-block;
  padding: 13px 15px;
  margin: 0;
  list-style: none;
  cursor: pointer;
  float: left; }

.resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  clear: left;
  margin: 0 20px 0 15px; }

@media only screen and (max-width: 768px) {

.resp-tabs-container {
  margin:0; }

}

h2.resp-accordion {
  cursor: pointer;
  padding: 5px;
  display: none; }

.resp-tab-content {
  display: none;
  padding: 25px; }

.resp-tab-active {
  border: 1px solid #c1c1c1;
  border-top: 5px solid #ec8130;
  border-bottom: none;
  margin-bottom: -1px !important;
  -moz-border-radius: 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
  padding: 12px 14px 14px 14px !important; }

.resp-tab-active {
  border-bottom: none;
  background-color: #fff; }

.resp-content-active, .resp-accordion-active {
  display: block; }

.resp-tab-content {
  border: 1px solid #c1c1c1; }

h2.resp-accordion {
  font-size: 13px;
  border: 1px solid #c1c1c1;
  border-top: 0px solid #c1c1c1;
  margin: 0px;
  padding: 10px 15px; }

h2.resp-tab-active {
  border-bottom: 0px solid #c1c1c1 !important;
  margin-bottom: 0px !important;
  padding: 10px 15px !important; }

h2.resp-tab-title:last-child {
  border-bottom: 12px solid #c1c1c1 !important;
  background: blue; }

.resp-arrow {
  width: 0;
  height: 0;
  float: right;
  margin-top: 3px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 12px solid #c1c1c1; }

h2.resp-tab-active span.resp-arrow {
  border: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 12px solid #9B9797; }

/*-----------Accordion styles-----------*/
h2.resp-tab-active {
  background: #dddddd !important; }

.resp-easy-accordion h2.resp-accordion {
  display: block; }

.resp-easy-accordion .resp-tab-content {
  border: 1px solid #c1c1c1; }

.resp-easy-accordion .resp-tab-content:last-child {
  border-bottom: 1px solid #c1c1c1 !important; }

.resp-jfit {
  width: 100%;
  margin: 0px; }

.resp-tab-content-active {
  display: block; }

h2.resp-accordion:first-child {
  border-top: 1px solid #c1c1c1 !important; }

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {
  ul.resp-tabs-list {
    display: none; }

  h2.resp-accordion {
    display: block; }

  .resp-vtabs .resp-tab-content {
    border: 1px solid #C1C1C1; }

  .resp-vtabs .resp-tabs-container {
    border: none;
    float: none;
    width: 100%;
    min-height: initial;
    clear: none; }

  .resp-accordion-closed {
    display: none !important; }

  .resp-vtabs .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important; } }

/*-----------Color Variations Grid-----------*/
#color-variations div.grid-third {text-align:center;}


/* =============================================================
 
Top Bar
 
 * ============================================================= */

section.leather {
  width:100%;
  background: #000 url("top-leather.jpg") no-repeat;
}

#top-bar {
  height: 35px;
  background: rgba(0, 0, 0, 0.5); }

#top-bar ul.quick-links {
  margin-top: 2px; }

#top-bar ul.quick-links li {
  font-size: 0.75em; }

#top-bar ul.quick-links li:before {
  content: "|";
  color: #ccc;
  padding: 0 8px 0 6px; }

#top-bar ul.quick-links li:first-child:before {
  content: none; }

#top-bar ul.quick-links li, #top-bar ul.quick-links li a {
  color: #fff;
  text-decoration: none; }

#top-bar ul.quick-links li a:hover {
  color: #6b4714; }

#top-bar .icons {
  display: inline-block;
  float: right; }

#top-bar .icons ul {
  margin: 0; }

#top-bar .icons ul li {
  margin-right: 0.3em; }

#top-bar .icons ul li a {
  color: #f0eddd;
  font-size: 1.3em; }

#top-bar .icons ul li.cart-icon {
  margin-left:0.5em;
}

#top-bar .icons ul li.cart-icon a {
  color: #ec8130;
}


#top-bar .icons ul li.facebook-icon a:hover, #top-bar .icons ul li.facebook-icon a:active, footer .footer-social ul li.facebook-icon a:hover, footer .footer-social ul li.facebook-icon a:active {
  color: #3b5997;
  text-decoration: none; }

#top-bar .icons ul li.twitter-icon a:hover, #top-bar .icons ul li.twitter-icon a:active, footer .footer-social ul li.twitter-icon a:hover, footer .footer-social ul li.twitter-icon a:active {
  color: #41b7d8;
  text-decoration: none; }

#top-bar .icons ul li.pinterest-icon a:hover, #top-bar .icons ul li.pinterest-icon a:active, footer .footer-social ul li.pinterest-icon a:hover, footer .footer-social ul li.pinterest-icon a:active {
  color: #cb2027;
  text-decoration: none; }

#top-bar .icons ul li.google-plus-icon a:hover, #top-bar .icons ul li.google-plus-icon a:active, footer .footer-social ul li.google-plus-icon a:hover, footer .footer-social ul li.google-plus-icon a:active {
  color: #d64937;
  text-decoration: none; }

#top-bar .icons ul li.instagram-icon a:hover, #top-bar .icons ul li.instagram-icon a:active, footer .footer-social ul li.instagram-icon a:hover, footer .footer-social ul li.instagram-icon a:active {
  color: #3f729b;
  text-decoration: none; }

#top-bar .icons ul li.youtube-icon a:hover, #top-bar .icons ul li.youtube-icon a:active, footer .footer-social ul li.youtube-icon a:hover, footer .footer-social ul li.youtube-icon a:active {
  color: #cc181e;
  text-decoration: none; }

#top-bar .icons ul li.cart-icon a:hover, #top-bar .icons ul li.cart-icon a:active, footer .footer-social ul li.cart-icon a:hover, footer .footer-social ul li.cart-icon a:active {
  color: #f0eddd;
  text-decoration: none; }

@media screen and (min-width: 0px) and (max-width: 640px) {
  #top-bar {
    height: 2.75em; }

  #top-bar .top-links, #top-bar .cart-icon, #top-bar .icons {
    display: none !important; }

  #top-bar .mobile-icons {
    margin: 4px auto;
    font-size: 1.4em; }

  #top-bar .mobile-icons ul {
    margin: 0; }

  #top-bar .mobile-icons ul li {
    display: inline-block;
    margin-right: 0.2em;
    padding: 0 10px; }

  #top-bar .mobile-icons ul li a {
    color: #f0eddd; } 

  .owl-pagination { display:none; }
}
@media screen and (min-width: 641px) {
  #top-bar .mobile-icons {
    display: none !important; } }
.cart-items {
  z-index: 99999;
  position: absolute;
  top: 99%;
  right: 0;
  width: 350px;
  padding: 10px 20px;
  background: #f0eddd;
  border-left:1px solid #cccb9b;
  border-right:1px solid #cccb9b;
  border-bottom:1px solid #cccb9b;
  font-size: 0.8em;
  display: none; }

.cart-items .header {
  text-align: center;
  color: #6b4714;
  padding-bottom: 3px;
  border-bottom: 1px solid #af7505;
  margin: 10px; }

.cart-items .thumbnail {
  width: 70px;
  height: auto;
   }

.cart-items .footer {
  margin-top: 15px; }

.cart-items .quick-cart-button {
  margin-top:2px;
}

/* =============================================================
 
Main Nav
 
 * ============================================================= */

@media screen and (max-width: 800px) {
  .top-nav .container, #top-bar .container {width:100%;}
}

li.flexinav_collapse img { 
max-width:200px; 
float:left;
margin-top:22px;
}

li.flexinav_collapse span {
  float:right;
  font-size:1.4em;
}


/* =============================================================
 
Search Box
 
 * ============================================================= */

.search-input {
  display: inline-block;
  width: 140px;
  float: left;
  margin: 12px 0 0 20px; }

.search-input input {
  height:35px;
}

.search-button {
  display: inline-block;
  margin-top:5px;
  float: left; }

.search-button button {
  height: 35px;
  background:none;
  border:none;
  font-weight: 700;
  font-size:1.1em; }

.search-button button:hover {
  background:none;
  color:#ccc;
}
/* =============================================================
 
Product Grid
 
 * ============================================================= */

.product-grid {
  padding: 15px 0 15px 10px; }

.product-grid ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block; }

.product-grid li {
  text-align: center;
  padding: 0;
  margin: 6px;
  display: block;
  float: left; }

#owl-demo .owl-item {
  text-align: center;
}

#featured img, #owl-demo img {
  max-height:200px;
  width:auto;
}

#accessories img, #similar img {
  height:100px;
  width:auto;
}

#similar, #accessories {
  font-size:0.85em;
}

.product-container {
  position:relative;
  padding:10px;
  background:#ffffff;
  box-shadow: 0 0 3px 3px #e5e5e5;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  height:260px;
  margin-bottom:20px;
  text-align:center;
}

.product-container a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none; /* No underlines on the link */
    z-index: 10; /* Places the link above everything else in the div */
    background-color: #FFF; /* Fix to make div clickable in IE */
    opacity: 0; /* Fix to make div clickable in IE */
    filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}

.product-container:hover {
    box-shadow: 0 0 3px 3px #ec8130;
}

.product-container img {
  height:150px;
  width:auto;
}

.grid-product-title {
  font-weight: bold;
  font-size: 1em;
  text-transform: uppercase; }

.accessories-product-title, .accessories-product-price {
  font-size: 0.9em; }

.accessories-product-price, .accessories-product-title a {
  color: #6b4714; }

.accessories-product-title a {
  font-weight:700; }

.grid-price {
  color: #000;
  font-weight: bold; }

.product-container .grid-product-title {
  font-weight: bold;
  font-size: 0.9em;
  text-transform: uppercase;
  color:#ec8130;
}

.product-container .grid-price {
  color: #000;
  font-weight: bold;
  font-size:0.9em;
}

.product-container .grid-product-desc {
  font-size:0.75em;
}

#product-price {
  margin:0 0 10px 130px;
  padding:0;
  font-size:1em;
  font-weight:700;
}
.product-total {
  margin-left:130px;
}

/* =============================================================
 
Product Accordion Menu
 
 * ============================================================= */

#product-menu,
#product-menu ul,
#product-menu li,
#product-menu a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1em;
  font-size: 0.95em;
  position: relative; }

#product-menu a {
  line-height: 1.1em; }

#product-menu {
  background-clip: padding-box;
  background-color: #f0eddd;
  border-radius: 2px;
  border-top: 5px solid #ec8130;
  box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
  margin-bottom: 20px;
  padding: 20px; }

#product-menu h3 {
  border-bottom: 1px solid #cccc99;
  font-size: 1.05em;
  font-weight: 700;
  line-height: 24px;
  margin: -20px -20px 20px;
  padding: 15px 10px; }

#product-menu > ul {
  margin: -20px; }

#product-menu > ul > li:hover {
  background: #e1c692; }

#product-menu > ul > li > a {
  display: block;
  color: #272727;
  border-bottom: 1px solid #cccc99; }

#product-menu > ul > li > a > span {
  display: block;
  padding: 9px; }

#product-menu > ul > li.active {
  border-bottom: none; }

#product-menu > ul > li.has-sub > a span:after {
  content: '\f106';
  font-family: 'icomoon';
  speak: none;
  float: right; }

#product-menu > ul > li.has-sub.active > a span:after {
  content: '\f107';
  font-family: 'icomoon';
  speak: none; }

/* Sub menu */
#product-menu ul ul {
  display: none;
  background: #fff; }

#product-menu ul ul li {
  padding: 0;
  border-bottom: 1px solid #f0f0f0; }

#product-menu ul ul a {
  padding: 10px 10px 10px 25px;
  display: block;
  color: #272727;
  font-size: .8em;
  font-weight: normal; }

#product-menu ul ul a:before {
  content: '\f106';
  font-family: 'icomoon';
  speak: none;
  position: absolute;
  left: 10px;
  color: #ec8130; }

#product-menu ul ul a:hover {
  color: #ec8130; }

/* =============================================================
 
Footer
 
 * ============================================================= */

footer {
  background: #444;
  color: #ffffff;
  padding: 10px 0 0;
  margin:15px 0 0 0; }

@media screen and (min-width: 1025px) {
	footer {
		background: #444 url("leather-bottom.jpg") no-repeat;
	}
}

footer h3 {
  color: #ffffff;
  border-bottom: 1px solid #666;
  text-transform: uppercase;
  padding-bottom: 0.5em; }

footer a:hover, footer a:active {
  color: #fff; }

footer .footer-newsletter p {
  margin-bottom: 15px; }

footer .footer-newsletter input {
  display: inline-block;
  width: 60%;
  float: left;
  margin-right: 5px; 
  height:38px;
}

footer .footer-newsletter button {
  display: inline-block;
  float: left;
  padding: 9px 9px 8px 9px; }

footer .quick-links li {
  margin-bottom: 8px; }

footer .footer-reviews li {
  margin-bottom: 15px; }

footer .footer-reviews i {
  margin-right: 10px;
  color: #777; }

footer .footer-reviews p {
  margin:0 0 8px 0;
}

footer .footer-social {
  font-size: 1.7em;
  padding-top: 15px;
  border-top: 1px solid #666; }

footer .footer-social a {
  color: #f0eddd; }

.footer-bottom {
  background: #000000;
  color: #ffffff;
  padding: 10px 0; }

.footer-bottom .footer-links ul {
  border-bottom: 1px solid #444;
  padding-bottom: 5px; }

.footer-bottom .footer-links li {
  font-size: 0.8em;
  padding: 0 10px 0 0; }

.footer-bottom .footer-links li a {
  color: #666;
  text-transform: uppercase; }

.footer-bottom .footer-links li a:hover, .footer-bottom .footer-links li a:active {
  color: #d28e2c; }

.footer-bottom .copyright {
  color: #666;
  font-size: 0.7em;
  margin-top: 5px; }

.footer-bottom .copyright a {
  color: #8bccc1; }

.footer-bottom .copyright a:hover, .footer-bottom .copyright a:active {
  color: #d28e2c; }

.footer-bottom .cc-logos {
  opacity:1;
  margin-top: 5px; }

@media screen and (min-width: 0px) and (max-width: 640px) {
  .footer-bottom .cc-logos {
    margin-top: 15px; }

  .footer-bottom .cc-logos img {
    max-width: 65px;
    height: auto; } }


/* Your designer can play with these to get all kind of looks: 
one or separate lines, active links instead of checkboxes, colors etc. */
 
#collection-filters-container {
/*
  line-height: 1.8em;
  display: inline;  
  float: right;
*/
  text-align: center;
  margin-top: 15px;
}
 
.cf-title { 
  display: inline-block; /* to have filters separated one per line, change "inline-block" to "block" */
  font-weight: bold;
  margin: 0px 5px 0px 24px;
/*  vertical-align: middle;*/
}
 
.cf-select, #sort-by {
  display: inline-block; /* to have filters separated one per line, change "inline-block" to "block" */
  max-width: 14em;
  float: none !important;
  /*border: 0px solid;*/
  /*box-shadow: none;*/
  background: transparent;
  background-image: none;
  /*-webkit-appearance: none;*/
/*  vertical-align: middle;*/  
/*
  background-color: #000;
  border-color: #000;
  color: #ffffff;
  padding: 0px;  
  margin-left: 4em;
*/
}
 
.cf-checkbox {
  /*display: none !important;*/
  padding: 0;
  margin: 0;
  vertical-align: bottom;
  position: relative;
  top: -4px;
}
 
/* individual checkbox labels */
#collection-filters-container label { 
  display: block; /* to have checkboxes on the same line, change "block" to "inline-block" */
  margin: 0px 6px 6px 0px;
  cursor: pointer;
  font-weight: normal;
}
.cf-checkbox:checked + span {
  font-weight: bold;
  /* color: #000000; */
}

.sidebar h2 {
  padding-top:0;
}
.sidebar ul.advanced-filters {
  margin-left:0.5em;
}

.sidebar .advanced-filters li {
  list-style:none;
}

.sidebar .advanced-filters {
  margin-bottom: 10px !important;
}
.sidebar .advanced-filters a {
  display: block !important;
  position: relative !important;
  padding-left: 20px !important;
}
.sidebar .advanced-filters a:before, .advanced-filters a:after {
  content: '';
  display: block;
  position: absolute;
}
.sidebar .advanced-filters a:before {
  top: 6px;
  left: 0;
  width: 12px;
  height: 12px;
  background-color: #fff;
  border: 1px solid #ececec;
}
.sidebar .advanced-filters a:after {
  top: 9px;
  left: 3px;
  width: 6px;
  height: 6px;
  background-color: transparent;
}
.sidebar .advanced-filters a:hover:after {
  background-color: #ececec;
}
.sidebar .advanced-filter.active-filter a:after {
  background-color: #000;
}
.sidebar .advanced-filter.active-filter a:hover:after {
  content: '\78';
  top: 6px;
  left: 0;
  width: 12px;
  height: 12px;
  background-color: #000;
  font-size: 8px;
  text-align: center;
  color: #fff;
  font-family: "icons";
  line-height: 12px;
  speak: none;
}
 
 
/* mobile */
@media (max-width: 640px) {
.cf-title { 
  display: none; /* to have filters separated one per line, change "inline-block" to "block" */
  font-weight: bold;
  margin: 2px 5px 0px 0px;
}
 
.cf-select, #sort-by {
  display: block; /* to have filters separated one per line, change "inline-block" to "block" */
  width: 100%;
  max-width:none; 
}
 
}