/*  
Theme Name: Nappy Styles
Theme URI: http://nappystyles.com/
Version: 1.2

Author: Nappy Styles
Author URI: http://nappystyles.com/


	

*/
/* 

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)

*/
/*-------------------------------------------------------------------------------------------

INDEX:

0. RESET

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks
-1.3 Typography
  -1.3.1 Typefaces
-1.4 Tables

2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
  -2.2.1 Drop-down menus
  -2.2.2 Top Navigation (optional)
-2.3 Header
-2.4 Content
  -2.4.1 Slider
-2.5 Sidebar
-2.6 Footer
-2.7 Breadcrumbs

3. POSTS
-3.1 Images
-3.2 Pagination / WP-Pagenavi / Woo-Pagination
-3.3 Single Post Author
-3.4 Post Entry Nav
-3.5 Subscribe & Connect

4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets

5. COMMENTS
-5.1 Comments
-5.2 Comments Form
-5.3 Pingbacks / Trackbacks

6. PAGE TEMPLATES
-6.1 Timeline Page Template
-6.2 Contact Form
-6.3 Image Gallery

7. WOOCOMMERCE
-7.1 Messages
-7.2 Products
  -7.2.1 Single Product
-7.3 Cart
-7.4 Checkout
-7.5 Widgets
-7.6 Account
-7.7 Shortcodes

8. MISC
-8.1 Forms
-8.2 Gravity forms
-8.3 IE specific styling 

-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* RESET - http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126 */
/*-------------------------------------------------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* Hand cursor on clickable input elements */
label,
input[type="button"],
input[type="submit"],
input[type="image"],
button {
  cursor: pointer;
}
/* Bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
/* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
textarea {
  overflow: auto;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button,
input,
select,
textarea {
  margin: 0;
}
/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  background: #f7f7f7;
  padding: 1em;
  margin-bottom: 1.618em;
}
/* Normalize monospace sizing: en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover,
a:active {
  outline: none;
}
/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Floating & Alignment  */
.fl {
  float: left;
}
.fr {
  float: right;
}
.ac {
  text-align: center;
}
.ar {
  text-align: right;
}
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.fix:before,
.fix:after,
.col-full:before,
.col-full:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.fix:after,
.col-full:after {
  clear: both;
}
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.fix,
.col-full {
  zoom: 1;
}
/*-------------------------------------------------------------------------------------------*/
/* IMPORTS */
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
/* 1.1 Defaults */
html {
  font-size: 62.5%;
}
body {
  font-size: 1.4em;
  line-height: 1.618;
  color: #6c6360;
  font-family: "Open Sans", sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}
hr {
  background-color: #e8e4e3;
  border: 0;
  height: 1px;
  margin-bottom: 1.618em;
}
/* 1.2 Hyperlinks */
a {
  color: #4a413e;
  text-decoration: none;
  font-weight: bold;
}
a:hover {
  color: #660099;
  text-decoration: none;
}
.clear {
  clear: both;
}
/* 1.3 Typography */
/*
	All typography (and layout) based on a modular scale using 12 & 14 px values scaled in accordance the golden ratio (1.618)
	http://modularscale.com/scale/?px1=14&px2=12&ra1=1.618&ra2=0
	Remember to keep margins consistent and try to avoid margin-top. If everything has an appropriate margin-bottom we don't need one and vertical rhythm will be kept consistent
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Bree Serif", sans-serif;
  color: #363230;
  margin: 0 0 .618em;
  font-weight: normal;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: normal;
}
h1 {
  font-size: 2.244em;
  line-height: 1.387em;
}
h2 {
  font-size: 1.618em;
  line-height: 1.387em;
}
h3 {
  font-size: 1.387em;
}
h4 {
  font-size: 1em;
}
h5 {
  font-size: 1em;
}
h6 {
  font-size: 0.857em;
}
p {
  -webkit-hyphens: auto;
  -webkit-hyphenate-character: "\2010";
  -webkit-hyphenate-limit-after: 1;
  -webkit-hyphenate-limit-before: 3;
  -moz-hyphens: auto;
  orphans: 3;
  widows: 3;
}
ul,
ol,
dl,
p,
table,
form,
pre,
hr {
  margin: 0 0 1.618em 0;
}
li > ul,
li > ol {
  margin: 0 0 0 1.618em;
}
dl dt {
  font-weight: bold;
}
dl dd {
  margin-bottom: 1.618em;
}
blockquote {
  quotes: "\201C" "\201D";
  position: relative;
  color: #39302d;
}
blockquote:before {
  content: "\201C";
  font-family: sans-serif;
  font-size: 3.631em;
  position: absolute;
  top: -0.327em;
  left: -0.53em;
  color: #c6c2c1;
}
/* 1.3.1 Typefaces */
@font-face {
  font-family: 'WebSymbolsRegular';
  src: url("typefaces/websymbols-regular-webfont.eot");
  src: url("typefaces/websymbols-regular-webfont.eot?#iefix") format('embedded-opentype'), url("typefaces/websymbols-regular-webfont.woff") format('woff'), url("typefaces/websymbols-regular-webfont.ttf") format('truetype'), url("typefaces/websymbols-regular-webfont.svg#WebSymbolsRegular") format('svg');
  font-weight: normal;
  font-style: normal;
  speak: none;
}
@font-face {
  font-family: 'icomoon';
  src: url("typefaces/icomoon.eot");
  src: url("typefaces/icomoon.eot?#iefix") format('embedded-opentype'), url("typefaces/icomoon.woff") format('woff'), url("typefaces/icomoon.ttf") format('truetype'), url("typefaces/icomoon.svg#icomoon") format('svg');
  font-weight: normal;
  font-style: normal;
  speak: none;
}
/* 1.4 Tables */
table {
  width: 100%;
  font-size: .857em;
  margin-bottom: 2.618em;
}
table th,
table td {
  border-bottom: 1px solid #e8e4e3;
  padding: 1em;
  vertical-align: top;
  text-align: left;
}
table th {
  text-transform: uppercase;
  border-bottom: 4px double #e8e4e3;
}
table tr th:first-child,
table tr td:first-child {
  padding-left: 0;
}
table tr th:last-child,
table tr td:last-child {
  padding-right: 0;
}
/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
/* 2.1 Containers & Columns */
/* 2.2 Navigation */
ul.nav li a {
  padding: .5em 1em;
  display: block;
}
#navigation {
  clear: both;
  /*margin-bottom: 2.618em;*/
  display: none;
}
#navigation ul.rss {
  background: url(images/ico-rss.png) no-repeat right 44%;
  margin: 0 1em 0 0;
  padding: 0 1em 0 0;
}
#navigation ul.rss li {
  display: inline;
  padding: 0;
}
#navigation ul.rss li a {
  color: #6c6360;
  text-decoration: none;
  padding: .5em 1em;
  display: inline-block;
  position: relative;
}
#navigation ul.rss li.sub-email {
  color: #6c6360;
}
#navigation ul {
  list-style: none;
}
/* Optional Styling */
#navigation {
  border: 1px solid #ddd7d5;
  -webkit-border-radius: 0.327em;
  border-radius: 0.327em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
  /* Saf4+, Chrome */

  background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
  /* Chrome 10+, Saf5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
  /* FF3.6+ */

  background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
  /* IE10 */

  background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
  /* Opera 11.10+ */

  background-image: linear-gradient(to bottom, #ffffff, #f5f5f5);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
}
/* 2.2.2 Top Navigation (optional) */
#top {
  background: #f7f7f7;
  margin: 0 -1.618em;
  padding: 1.618em;
}
#top:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
#top .wc-nav {
  margin-bottom: 0;
  text-align: right;
}
#top .wc-nav li {
  list-style: none;
  display: inline-block;
}
#top .wc-nav li.checkout {
  display: none;
}
#top .wc-nav li.search {
  width: 48%;
  float: right;
}
#top .wc-nav li.search input {
  width: 100%;
  padding-left: 0;
}
#top .wc-nav li.search form {
  margin-bottom: 0;
}
#top .wc-nav li.search label,
#top .wc-nav li.search .button {
  display: none;
}
#top .wc-nav li.cart {
  width: 48%;
  float: left;
  text-align: left;
}
#top .wc-nav li.cart a {
  padding-top: .25em;
  padding-left: 0;
}
#top .wc-nav li.cart a:before {
  font-family: 'WebSymbolsRegular';
  display: inline-block;
  font-size: .857em;
  margin-right: .618em;
  font-family: "icomoon";
  font-size: 1em;
  content: "£";
  font-weight: normal;
}
#top select {
  margin-top: .857em;
  width: 100%;
}
#top #top-nav {
  display: none;
}
/* 2.3 Header */
#header {
 /* padding: 1.618em 0 0;*/
  margin-bottom: 1.631em;
  /*border-bottom: 4px double #e8e4e3;*/
  clear: both;
  position: relative;
}
#header #logo {
  float: left;
  /*margin-bottom: 1.618em;*/
}
#header .site-title,
#header .site-description {
  display: none;
  margin-bottom: 0;
}
#header .site-title a,
#header .site-description a {
  text-transform: none;
  font-weight: normal;
  text-decoration: none;
}
#header hgroup {
  position: relative;
 /* margin-bottom: 1.618em;*/
}
#header hgroup:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
#header .nav-toggle {
  position: absolute;
  top: .53em;
  right: 0;
  width: 1.618em;
  height: 1.618em;
  cursor: pointer;
  font-family: sans-serif;
  background-color: #ff4800;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4800), to(#ee3700));
  /* Saf4+, Chrome */

  background-image: -webkit-linear-gradient(top, #ff4800, #ee3700);
  /* Chrome 10+, Saf5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #ff4800, #ee3700);
  /* FF3.6+ */

  background-image: -ms-linear-gradient(top, #ff4800, #ee3700);
  /* IE10 */

  background-image: -o-linear-gradient(top, #ff4800, #ee3700);
  /* Opera 11.10+ */

  background-image: linear-gradient(to bottom, #ff4800, #ee3700);
  border: 0.202em solid #bb0400;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: center;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 #cc1500;
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 #cc1500;
}
#header .nav-toggle a {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}
#header .nav-toggle a:hover {
  text-decoration: none;
}
#header .nav-toggle span {
  display: none;
}
#header .site-description {
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  color: #9f9693;
}
#header #topad {
  float: right;
}
#header #navigation ul {
  float: none;
}
/* 2.4 Content */
/* 2.4.1 Slider */
/* 2.5 Sidebar */
#sidebar .secondary {
  float: left;
  margin-right: 20px;
}
#sidebar .secondary.last {
  margin: 0;
}
/* 2.6 Footer */
.footer-wrap #footer:first-child {
  border-top: 0;
}
#footer {
    padding: 1.3em 0;
    border-top: 1px solid #6d5472;
    color: #fff;
}
#footer #credit img {
  vertical-align: middle;
}
#footer #credit span {
  display: none;
}
#footer-widgets {
    border-top: 1px solid #e8e4e3;
    padding: 1.631em 0;
}
/* 2.7 Breadcrumbs */
#breadcrumbs {
  display: none;
  margin-bottom: 1.618em;
  padding-bottom: 1.618em;
  color: #c1b8b5;
  font-size: .857em;
  font-weight: bold;
}
#breadcrumbs .sep {
  color: #e3dad7;
  padding: 0 .618em;
}
/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/
#breadcrumb,
.post .video {
  margin-bottom: 1.618em;
}
.archive-header {
  display: block;
  float: left;
  width: 100%;
  margin: 0 0 1.618em;
  padding: 0 0 1em;
  font-weight: bold;
  border-bottom: #e8e4e3 4px double;
}
.archive-header .archive-rss {
  float: none;
}
.archive-header .archive-rss a:before {
  font-family: 'WebSymbolsRegular';
  display: inline-block;
  font-size: .857em;
  margin-right: .618em;
  font-weight: normal;
  content: "r";
  color: orange;
}
.archive-description {
  clear: both;
  margin-bottom: 1.618em;
}
.post,
.type-page {
  margin: 0 0 3.631em;
  /* 3.1 Images */

}
.post .post-meta,
.type-page .post-meta {
  margin: 0 0 1.618em 0;
  border-bottom: 4px double #e8e4e3;
}
.post .post-meta li,
.type-page .post-meta li {
  display: inline;
  font-size: .857em;
  text-transform: uppercase;
  margin-right: 1em;
}
.post .post-meta li a,
.type-page .post-meta li a {
  color: #c1b8b5;
}
.post .post-meta li a:hover,
.type-page .post-meta li a:hover {
  color: #ff4800;
}
.post .post-meta li.post-category:before,
.type-page .post-meta li.post-category:before,
.post .post-meta li.tags:before,
.type-page .post-meta li.tags:before,
.post .post-meta li.comments:before,
.type-page .post-meta li.comments:before,
.post .post-meta li.edit:before,
.type-page .post-meta li.edit:before {
  font-family: 'WebSymbolsRegular';
  display: inline-block;
  font-size: .857em;
  margin-right: .618em;
  font-weight: normal;
  text-transform: none;
  color: #e3dad7;
}
.post .post-meta li.post-category:before,
.type-page .post-meta li.post-category:before {
  content: "F";
}
.post .post-meta li.tags:before,
.type-page .post-meta li.tags:before {
  content: ",";
}
.post .post-meta li.comments:before,
.type-page .post-meta li.comments:before {
  content: "c";
}
.post .post-meta li.edit:before,
.type-page .post-meta li.edit:before {
  content: "S";
}
.post .meta,
.type-page .meta {
  display: none;
}
.post .post-more,
.type-page .post-more {
  clear: both;
}
.post p.tags,
.type-page p.tags {
  width: 100%;
  clear: both;
}
.post p.tags:before,
.type-page p.tags:before {
  font-family: 'WebSymbolsRegular';
  display: inline-block;
  font-size: .857em;
  margin-right: .618em;
  font-weight: normal;
  content: ",";
}
.post img,
.type-page img {
  padding: .53em;
  border: 1px solid #e8e4e3;
  background: #fff;
  max-width: 100%;
  height: auto !important;
  display: block;
}
.post img:hover,
.type-page img:hover {
  border-color: #d1cac7;
}
.post img.thumbnail, .type-page img.thumbnail {
    padding: 0;
    border: 2px solid #ccc;
    /* border-bottom: 0.327em solid #5c256b !important; */
}
.post img.wp-smiley,
.type-page img.wp-smiley {
  padding: 0;
  border: 0;
}
.post .alignleft,
.type-page .alignleft {
  float: left;
  margin: 0 1.618em 1em 0;
}
.post .alignright,
.type-page .alignright {
  float: right;
  margin: 0 0 1em 1.618em;
}
.post .aligncenter,
.type-page .aligncenter {
  display: block;
  text-align: center;
  margin: 0 auto 1.618em;
}
.post .wp-caption,
.type-page .wp-caption {
  text-align: center;
  background: #fff;
  border: 1px solid #e8e4e3;
  max-width: 100%;
  padding-top: .327em;
}
.post .wp-caption img,
.type-page .wp-caption img {
  margin: 0;
  padding: .53em;
  background: none;
  border: 0;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */

  box-sizing: border-box;
  /* Opera/IE 8+ */

}
.post .wp-caption-text,
.type-page .wp-caption-text {
  margin: 0;
  padding: 0 .53em .53em .53em;
  text-align: center;
}
.post header h1 {
  margin-bottom: 0;
}
/* 3.2 Pagination / WP-Pagenavi / Woo-Pagination */
.nav-entries,
.wp-pagenavi,
.woo-pagination {
  padding: 1em 1.618em;
}
.nav-entries a {
  display: block;
  color: #6c6360;
  text-decoration: none;
}
.woo-pagination {
  margin: 0;
  text-align: center;
}
.woo-pagination .page-numbers {
  display: inline-block;
  text-decoration: none;
  padding: .382em .53em;
  font-weight: bold;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.woo-pagination .page-numbers:hover {
  background: #fff;
}
.woo-pagination .page-numbers.current {
  background: #ff4800;
  color: #fff;
  padding: .382em .857em;
}
/* 3.3 Single Post Author */
#post-author {
  background: #f7f7f7;
  padding: 1.618em;
  border-top: 1px solid #e8e4e3;
  clear: both;
}
#post-author .profile-image {
  float: left;
  margin: 0 1.618em .382em 0;
  padding: .382em;
  border: 1px solid #e8e4e3;
  background: rgba(255, 255, 255, 0.7);
}
/* 3.4 Post Entry Nav */
#post-entries {
  border-top: 1px solid #e8e4e3;
  border-bottom: 4px double #e8e4e3;
  padding: 1.618em;
  margin-bottom: 3.631em;
}
/* 3.5 Connect */
#connect {
  background: #f7f7f7;
  padding: 1.618em;
  border-top: 1px solid #e8e4e3;
  clear: both;
}
#connect .newsletter-form .email {
  width: 140px;
}
#connect .social a {
  opacity: 0.8;
  filter: alpha(opacity=@opacity * 100);
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
#connect .social a:hover {
  opacity: 1;
  filter: alpha(opacity=@opacity * 100);
}
#connect .related-posts {
  border-left: 1px solid #e8e4e3;
  padding-left: 1em;
}
#connect .related-posts ul {
  list-style: none;
}
#connect .social a {
  display: inline-block;
  height: 28px;
  width: 32px;
  background-image: url("images/ico-subscribe-social.png");
  background-repeat: no-repeat;
}
#connect .social a.subscribe {
  background-position: 0px 0;
}
#connect .social a.twitter {
  background-position: -30px 0;
}
#connect .social a.facebook {
  background-position: -60px 0;
}
#connect .social a.youtube {
  background-position: -90px 0;
}
#connect .social a.flickr {
  background-position: -120px 0;
}
#connect .social a.linkedin {
  background-position: -150px 0;
}
#connect .social a.delicious {
  background-position: -180px 0;
}
#connect .social a.googleplus {
  background-position: -210px 0;
}
.widget #connect .fl,
.widget #connect .fr {
  float: none;
}
#main #connect .col-left,
#main #connect .col-right {
  width: 48%;
}
/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/
/* 4.1 Generic Widgets */
.widget {
  margin-bottom: 2.618em;
}
.widget h3 {
  color: #39302d;
  border: 1px double #e8e4e3;
  border-width: 1px 0 4px;
  padding: .618em 0;
  font-family: "Open Sans", sans-serif;
}
.widget ul {
  list-style: none;
}
.widget:first-child h3 {
  border-top-width: 0;
  padding-top: 0;
}
.widget.widget_recent_entries li:before,
.widget.widget_recent_comments li:before,
.widget.widget_archive li:before,
.widget.widget_categories li:before,
.widget.widget_meta li:before,
.widget.widget_product_categories li:before,
.widget.widget_links li:before,
.widget.widget_nav_menu li:before,
.widget.widget_login li:before,
.widget.widget_layered_nav li:before {
  font-family: 'WebSymbolsRegular';
  display: inline-block;
  font-size: .7em;
  margin-right: .618em;
  font-weight: normal;
  content: ">";
  color: #4b4b4b;
  width: .857em;
}
.widget.widget_layered_nav li.chosen:before {
  content: "×";
  color: #b85f56;
}
.widget.widget_login label {
  display: block;
}
.widget.widget_login .input-text {
  width: 100%;
}
/* 4.2 Specific Widgets */
/* SEARCH FORM */
.widget_product_search,
.widget_woo_search {
  position: relative;
}
.widget_product_search label,
.widget_woo_search label {
  display: none;
}
/* FLICKR */
.widget_woo_flickr h3 span {
  color: #0051d8;
}
.widget_woo_flickr h3 span span {
  color: #ff1183;
}
.widget_woo_flickr .flickr_badge_image {
  float: left;
  margin: 0.236em;
}
.widget_woo_flickr .wrap {
  position: relative;
  margin-bottom: 1.618em;
  padding: 0;
}
.widget_woo_flickr a img {
  float: left;
  margin: 0 0 0.618em 0.618em;
  display: block;
  border: 1px solid #e8e4e3;
  padding: .236em;
}
.widget_woo_flickr a:hover img {
  border-color: #d1cac7;
}
/* CALENDAR */
#wp-calendar {
  width: 95%;
  margin-bottom: 1.618em;
  clear: both;
  padding: 0;
}
#wp-calendar caption {
  padding: 1em;
}
#wp-calendar th,
#wp-calendar td {
  text-align: center;
  background: #dedede;
  padding: .236em 0;
}
#wp-calendar td {
  background: transparent;
  color: #877c78;
}
/* BLOG AUTHOR */
.widget_woo_blogauthorinfo .avatar {
  padding: .382em;
  border: 1px solid #e8e4e3;
}
.widget_woo_blogauthorinfo .left {
  float: left;
  margin: 0 1em .618em 0;
}
.widget_woo_blogauthorinfo .right {
  float: right;
  margin: 0 .618em 1em;
}
/* TWITTER */
.widget_woo_twitter .back {
  padding: 1em;
  background: #f7f7f7;
  -webkit-border-radius: 0.327em;
  border-radius: 0.327em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.widget_woo_twitter h3 {
  border-bottom: 0;
  margin: 0;
}
.widget_woo_twitter ul {
  background: #fff;
  padding-left: 0;
  border: 1px solid #e8e4e3;
}
.widget_woo_twitter ul li {
  border-bottom: 1px solid #e8e4e3;
  padding: 1em;
  list-style: none;
}
.widget_woo_twitter ul li:last-child {
  border: none;
}
.widget_woo_twitter ul li a {
  padding: 0;
}
.widget_woo_twitter ul li .time {
  color: #877c78;
}
.widget_woo_twitter p {
  font-weight: bold;
  color: #877c78;
}
.widget_woo_twitter p a {
  color: #363230;
}
.widget_woodojo_tabs ul.nav-tabs {
  margin-bottom: 0;
  margin-left: 0;
}
.widget_woodojo_tabs ul.nav-tabs li {
  float: left;
  margin-bottom: 0;
}
.widget_woodojo_tabs ul.nav-tabs li a {
  border-bottom: 0;
  background: rgba(232, 228, 227, 0.5);
  color: #6c6360;
  margin: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  padding: .382em .53em !important;
}
.widget_woodojo_tabs ul.nav-tabs li a:hover {
  color: #ff4800;
}
.widget_woodojo_tabs ul.nav-tabs li.active {
  position: relative;
}
.widget_woodojo_tabs ul.nav-tabs li.active:before {
  content: "";
  display: block;
  position: absolute;
  top: -0.236em;
  left: 0;
  right: 0;
  height: .236em;
  background: #ff4800;
  border-top: 1px solid #ff5911;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.widget_woodojo_tabs ul.nav-tabs li.active a {
  position: relative;
  background: #fff;
  box-shadow: 0 1px 2px 0 #e8e4e3;
  -webkit-box-shadow: 0 1px 2px 0 #e8e4e3;
  color: #ff4800;
  border-top-color: #ff4800;
}
.widget_woodojo_tabs ul.nav-tabs li.active a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  height: 4px;
  background: #fff;
}
/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/
/* 5.1 Comments */
#comments {
  position: relative;
}
#comments .commentlist {
  clear: both;
  list-style: none;
  border-bottom: 4px double #e8e4e3;
  padding-top: 1.618em;
  margin-bottom: 3.631em;
  padding-bottom: 3.631em;
}
#comments .commentlist:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
#comments .commentlist li.comment {
  margin-bottom: 1.618em;
  list-style: none;
}
#comments .commentlist li.comment:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
#comments .commentlist li.comment .comment-container:after,
#comments .commentlist li.comment .comment_container:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
#comments .commentlist li.comment .comment-container div.avatar,
#comments .commentlist li.comment .comment_container div.avatar {
  width: 11%;
  float: left;
}
#comments .commentlist li.comment .comment-container div.avatar img,
#comments .commentlist li.comment .comment_container div.avatar img {
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#comments .commentlist li.comment .comment-container .comment-entry,
#comments .commentlist li.comment .comment_container .comment-entry,
#comments .commentlist li.comment .comment-container .comment-head,
#comments .commentlist li.comment .comment_container .comment-head,
#comments .commentlist li.comment .comment-container .comment-text,
#comments .commentlist li.comment .comment_container .comment-text {
  width: 82.7%;
  float: right;
}
#comments .commentlist li.comment .comment-container .comment-head,
#comments .commentlist li.comment .comment_container .comment-head,
#comments .commentlist li.comment .comment-container p.meta,
#comments .commentlist li.comment .comment_container p.meta {
  font-weight: bold;
  margin-bottom: .618em;
  color: #9f9693;
}
#comments .commentlist li.comment .comment-container .comment-head .name,
#comments .commentlist li.comment .comment_container .comment-head .name,
#comments .commentlist li.comment .comment-container p.meta .name,
#comments .commentlist li.comment .comment_container p.meta .name,
#comments .commentlist li.comment .comment-container .comment-head .date,
#comments .commentlist li.comment .comment_container .comment-head .date,
#comments .commentlist li.comment .comment-container p.meta .date,
#comments .commentlist li.comment .comment_container p.meta .date,
#comments .commentlist li.comment .comment-container .comment-head strong,
#comments .commentlist li.comment .comment_container .comment-head strong,
#comments .commentlist li.comment .comment-container p.meta strong,
#comments .commentlist li.comment .comment_container p.meta strong {
  margin-right: 1em;
}
#comments .commentlist li.comment .comment-container .comment-head .name:before,
#comments .commentlist li.comment .comment_container .comment-head .name:before,
#comments .commentlist li.comment .comment-container p.meta .name:before,
#comments .commentlist li.comment .comment_container p.meta .name:before,
#comments .commentlist li.comment .comment-container .comment-head .date:before,
#comments .commentlist li.comment .comment_container .comment-head .date:before,
#comments .commentlist li.comment .comment-container p.meta .date:before,
#comments .commentlist li.comment .comment_container p.meta .date:before,
#comments .commentlist li.comment .comment-container .comment-head strong:before,
#comments .commentlist li.comment .comment_container .comment-head strong:before,
#comments .commentlist li.comment .comment-container p.meta strong:before,
#comments .commentlist li.comment .comment_container p.meta strong:before {
  font-family: 'WebSymbolsRegular';
  display: inline-block;
  font-size: .857em;
  margin-right: .618em;
  font-weight: normal;
}
#comments .commentlist li.comment .comment-container .comment-head .perma,
#comments .commentlist li.comment .comment_container .comment-head .perma,
#comments .commentlist li.comment .comment-container p.meta .perma,
#comments .commentlist li.comment .comment_container p.meta .perma,
#comments .commentlist li.comment .comment-container .comment-head .edit,
#comments .commentlist li.comment .comment_container .comment-head .edit,
#comments .commentlist li.comment .comment-container p.meta .edit,
#comments .commentlist li.comment .comment_container p.meta .edit {
  margin-right: 1em;
}
#comments .commentlist li.comment .comment-container .comment-head .name:before,
#comments .commentlist li.comment .comment_container .comment-head .name:before,
#comments .commentlist li.comment .comment-container p.meta .name:before,
#comments .commentlist li.comment .comment_container p.meta .name:before,
#comments .commentlist li.comment .comment-container .comment-head strong:before,
#comments .commentlist li.comment .comment_container .comment-head strong:before,
#comments .commentlist li.comment .comment-container p.meta strong:before,
#comments .commentlist li.comment .comment_container p.meta strong:before {
  content: "U";
}
#comments .commentlist li.comment .comment-container .comment-head .date:before,
#comments .commentlist li.comment .comment_container .comment-head .date:before,
#comments .commentlist li.comment .comment-container p.meta .date:before,
#comments .commentlist li.comment .comment_container p.meta .date:before {
  content: "P";
}
#comments .commentlist li.comment .comment-container .comment-head .perma a:before,
#comments .commentlist li.comment .comment_container .comment-head .perma a:before,
#comments .commentlist li.comment .comment-container p.meta .perma a:before,
#comments .commentlist li.comment .comment_container p.meta .perma a:before {
  font-family: 'WebSymbolsRegular';
  display: inline-block;
  font-size: .857em;
  margin-right: .618em;
  font-weight: normal;
  content: "K";
}
#comments .commentlist li.comment .comment-container .comment-head .edit a:before,
#comments .commentlist li.comment .comment_container .comment-head .edit a:before,
#comments .commentlist li.comment .comment-container p.meta .edit a:before,
#comments .commentlist li.comment .comment_container p.meta .edit a:before {
  font-family: 'WebSymbolsRegular';
  display: inline-block;
  font-size: .857em;
  margin-right: .618em;
  font-weight: normal;
  content: "S";
}
#comments .commentlist li.comment .comment_container img.avatar {
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 4.85%;
  float: left;
}
#comments .commentlist li.comment .comment_container .comment-text {
  width: 91.35%;
}
#comments .commentlist li.comment ul.children {
  margin-left: 1.618em;
  padding-top: 1.618em;
}
#comments .commentlist li.comment #respond {
  padding-top: 1.618em;
}
#comments .navigation a {
  display: block;
  text-decoration: none;
}
#comments .pingbacks li.pingback {
  margin: 0 0 1.618em;
}
#comments .pingbacks li.pingback .reply {
  display: none;
}
#comments .nocomments {
  padding: 1.618em 0;
  margin: 1.618em 0;
  border: 4px double #e8e4e3;
  border-right: 0;
  border-left: 0;
}
/* 5.2 Comments Form */
#respond {
  margin-bottom: 3.631em;
}
#respond label {
  color: #877c78;
}
#respond #reply-title small {
  display: block;
  margin: 0 0 1.618em;
  font-size: .618em;
  font-family: "Open Sans", sans-serif;
}
#respond #reply-title small a:before {
  font-family: 'WebSymbolsRegular';
  display: inline-block;
  font-size: .857em;
  margin-right: .618em;
  font-weight: normal;
  content: "×";
}
#respond #commentform .comment-form-author,
#respond #commentform .comment-form-email,
#respond #commentform .comment-form-url {
  width: 30.75%;
  float: left;
  margin-right: 3.8%;
}
#respond #commentform .comment-form-author label,
#respond #commentform .comment-form-email label,
#respond #commentform .comment-form-url label {
  display: inline-block;
}
#respond #commentform .comment-form-author input,
#respond #commentform .comment-form-email input,
#respond #commentform .comment-form-url input {
  width: 100%;
}
#respond #commentform .comment-form-url {
  margin-right: 0;
}
#respond #commentform .comment-form-comment {
  clear: both;
}
#respond #commentform label {
  display: block;
}
#respond #commentform input.txt,
#respond #commentform textarea {
  width: 100%;
}
/* 5.3 Pingbacks / Trackbacks */
.pinglist li {
  margin: 0 0 0 1.618em;
  list-style-type: decimal;
}
.pinglist li .author {
  font-weight: bold;
}
.pinglist li .pingcontent {
  display: block;
  margin: 0 0 1.618em;
}
/*-------------------------------------------------------------------------------------------*/
/* 6. PAGE TEMPLATES */
/*-------------------------------------------------------------------------------------------*/
/* 6.1 Timeline Page Template */
#archives .archives_list {
  border-left: 1px solid #e8e4e3;
  list-style: none;
  margin: 0 0 1em 1em;
}
#archives .archives_list li {
  clear: left;
  padding-left: 2.327em;
  font-style: normal;
  list-style: none;
}
#archives .archives_list .date {
  color: #877c78;
  width: 22.5%;
  display: inline-block;
}
#archives .archives_list .linked {
  width: 48%;
  display: inline-block;
}
#archives .archives_list .comments {
  width: 22.5%;
  display: inline-block;
}
#archives .archives_list .comments a:hover {
  text-decoration: none;
}
#archives .archives_list .comments a:before {
  font-family: 'WebSymbolsRegular';
  display: inline-block;
  font-size: .857em;
  margin-right: .618em;
  font-weight: normal;
  content: "c";
}
h3.archive_year {
  font-weight: bold;
  color: #6c6360;
  margin-top: 0;
}
/* 6.2 Contact Form */
#contact-page .screenReader {
  left: -9999px;
  position: absolute;
  top: -9999px;
}
#contact-page ol.forms {
  float: left;
  list-style: none;
  width: 100%;
}
#contact-page ol.forms li {
  clear: both;
  float: left;
  margin-bottom: 1.618em;
  position: relative;
  width: 48%;
}
#contact-page ol.forms li:first-child {
  margin-right: 3.8%;
}
#contact-page ol.forms li:nth-child(2n) {
  clear: none;
}
#contact-page ol.forms li.textarea,
#contact-page ol.forms li.screenReader,
#contact-page ol.forms li.inline,
#contact-page ol.forms li.buttons {
  width: 100%;
}
#contact-page ol.forms li input.txt,
#contact-page ol.forms li textarea {
  width: 100%;
}
#contact-page ol.forms li .error {
  display: block;
  color: red;
}
#contact-page ol.forms li.textarea .error {
  display: block;
}
#contact-page ol.forms li.screenReader {
  margin-bottom: 0;
}
#contact-page ol.forms li.inline input {
  width: auto;
}
#contact-page ol.forms li.inline input[type=checkbox] {
  width: 1.618em;
}
#contact-page ol.forms li.inline label {
  display: inline;
  float: none;
  width: auto;
}
#contact-page ol.forms label {
  cursor: pointer;
  display: block;
  font-weight: 700;
  margin: 0 0 1em;
}
#contact-page ol.forms input#sendCopy {
  border: none;
  margin-right: 1em;
}
.entry #contact-page ol.forms li {
  list-style: none;
}
.page-template-template-contact-php #single_map_canvas img {
  max-width: inherit;
}
.page-template-template-contact-php .location-twitter {
  margin: 0 0 1em;
  padding: 0 0 1.618em;
  border-bottom: 1px solid #e8e4e3;
}
.page-template-template-contact-php .location-twitter .col-left {
  float: none;
}
.page-template-template-contact-php .location-twitter ul {
  margin: 0;
  padding: 0;
}
.page-template-template-contact-php .location-twitter ul li {
  list-style: none;
  padding: 0;
}
.page-template-template-contact-php .location-twitter #office-location {
  margin: 0 0 1.618em;
}
.page-template-template-contact-php .location-twitter #office-location ul li {
  margin: 0 0 1em;
}
.page-template-template-contact-php .location-twitter .contact-social {
  float: none;
}
.page-template-template-contact-php .location-twitter .contact-social #twitter {
  margin: 0 0 1.618em;
  background: url(images/ico-twitter-contact.png) no-repeat left center;
}
.page-template-template-contact-php .location-twitter .contact-social #twitter ul li {
  background: url(images/ico-twitter-contact-bg.png) repeat-x bottom left;
}
.page-template-template-contact-php .location-twitter .contact-social #twitter ul li a.time {
  color: #938985;
}
.page-template-template-contact-php .location-twitter .contact-social #connect {
  background: none;
  border: none;
  border-top: 1px solid #e8e4e3;
}
.page-template-template-contact-php .location-twitter .contact-social #connect h3 {
  display: none;
}
.page-template-template-contact-php .location-twitter .contact-social #connect .social {
  float: none;
}
/* 6.3 Image Gallery */
.image-gallery-item img {
  max-width: 100%;
  padding: .236em;
  margin: 0 1em 1em 0;
  border: 1px solid #dedede;
  background: #f7f7f7;
  -webkit-border-radius: 0.236em;
  border-radius: 0.236em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.image-gallery-item img:hover {
  border: 1px solid #c4c4c4;
  box-shadow: 0 1px 0.327em 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 0.327em 0px rgba(0, 0, 0, 0.2);
}
/*-------------------------------------------------------------------------------------------*/
/* 7. WOOCOMMERCE */
/*-------------------------------------------------------------------------------------------*/
p.demo_store {
  background: #4d65a4;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  color: #fff;
  padding: 1em;
}
.homepage-banner {
  display: none;
}
.star-rating {
  width: 80px;
  height: 1em;
  background: #e8e4e3;
  -webkit-border-radius: 3.631em;
  border-radius: 3.631em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.star-rating span {
  background: #ff4800;
  height: 100%;
  overflow: hidden;
  float: left;
  text-indent: -999em;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */

  box-sizing: border-box;
  /* Opera/IE 8+ */

  -webkit-border-radius: 3.631em;
  border-radius: 3.631em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.star-rating span span {
  display: none;
}
.widget .star-rating {
  width: 60px;
  height: .618em;
  margin: .53em 0;
}
p.stars {
  overflow: hidden;
  zoom: 1;
}
p.stars span {
  width: 80px;
  height: 16px;
  position: relative;
  float: left;
  background: #e8e4e3;
  -webkit-border-radius: 3.631em;
  border-radius: 3.631em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
p.stars span a {
  float: left;
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 0;
  padding-top: 16px;
  overflow: hidden;
}
p.stars span a:hover,
p.stars span a:focus {
  background: #ff4800;
  -webkit-border-radius: 3.631em;
  border-radius: 3.631em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
p.stars span a.active {
  background: #ff4800;
  -webkit-border-radius: 3.631em;
  border-radius: 3.631em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
p.stars span a.star-1 {
  width: 16px;
  z-index: 10;
  -webkit-border-top-left-radius: 3.631em;
  -webkit-border-bottom-left-radius: 3.631em;
  border-top-left-radius: 3.631em;
  border-bottom-left-radius: 3.631em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
p.stars span a.star-2 {
  width: 32px;
  z-index: 9;
}
p.stars span a.star-3 {
  width: 48px;
  z-index: 8;
}
p.stars span a.star-4 {
  width: 64px;
  z-index: 7;
}
p.stars span a.star-5 {
  width: 80px;
  z-index: 6;
}
div.quantity {
  white-space: nowrap;
  /* Disable input[type=number] buttons until the world is ready */

}
div.quantity input::-webkit-outer-spin-button,
div.quantity input::-webkit-inner-spin-button {
  display: none;
}
div.quantity .plus,
div.quantity .minus {
  font-family: 'WebSymbolsRegular';
  background: none;
  border: none;
  font-size: 1.387em;
  padding: 0;
  color: #ff4800;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
div.quantity .plus:hover,
div.quantity .minus:hover {
  color: #dd2600;
}
div.quantity .qty {
  margin: 0 .618em;
  width: 2.618em;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}
table div.quantity {
  font-size: .857em;
}
.single-product div.quantity {
  float: left;
  margin-right: 1.618em;
  border-right: 4px double #e8e4e3;
  padding-right: 1.618em;
}
.single-product table div.quantity {
  padding-right: 0;
  border: 0;
}
.single-product #reviews .star-rating {
  float: right;
}
.single-product .single_variation .price {
  display: block;
  margin-bottom: .618em;
}
dl.variation dt,
dl.variation dd {
  float: left;
}
dl.variation dt {
  clear: left;
  margin-right: .53em;
}
dl.variation dd ul {
  list-style: none;
}
.backorder_notification {
  clear: both;
}
/* 7.1 Messages */
.woocommerce_message,
.woocommerce_info,
.woocommerce_error,
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  padding: .618em 1em .618em 2.618em;
  margin-bottom: 1.618em;
  background: #fff;
  border: 1px solid #5e286d;
  border-left-width: .382em ;
  position: relative;
  font-weight: bold;
}
.woocommerce_message:before,
.woocommerce_info:before,
.woocommerce_error:before,
.woocommerce-message:before,
.woocommerce-info:before,
.woocommerce-error:before {
  font-family: 'WebSymbolsRegular';
  content: "S";
  display: block;
  color: #5e286d;
  font-weight: normal;
  position: absolute;
  top: .618em;
  font-size: 1em;
  left: .857em;
}
.woocommerce_error,
.woocommerce-error {
  border-color: #5e286d;
  list-style: none;
}
.woocommerce_error:before,
.woocommerce-error:before {
  content: "W";
  color: #5e286d;
}
.woocommerce_message,
.woocommerce-message {
  border-color: #5e286d;
}
.woocommerce_message:before,
.woocommerce-message:before {
  content: ".";
  color: #5e286d;
}
.woocommerce .woocommerce-message {
    border-top-color: #5e286d !important;
}
.woocommerce .woocommerce-message:before {
    color: #5e286d !important;
}
.woocommerce_message .button,
.woocommerce-message .button {
  float: right;
  font-size: .857em;
}
/* 7.2 Products */
.price del {
  opacity: 0.5;
  filter: alpha(opacity=@opacity * 100);
}
.price ins {
  text-decoration: none;
  font-weight: bold;
  margin-left: .618em;
  color: #b85f56;
}
ul.products {
  margin-left: 0 !important;
  list-style: none;
}
ul.products:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
ul.products li.product {
  position: relative;
  float: left;
  width: 48%;
  margin-right: 3.8%;
  margin-bottom: 1.618em;
  text-align: center;
}
ul.products li.product h3 {
  margin-bottom: 0;
}
ul.products li.product a:hover h3 {
  color: #ff4800;
}
ul.products li.product .price {
  display: block;
  color: #9f9693;
  margin-bottom: 1em;
}
ul.products li.product img {
  width: 100%;
  height: auto;
  padding: .53em;
  display: block;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */

  box-sizing: border-box;
  /* Opera/IE 8+ */

  border: 1px solid #e8e4e3;
  background: #fff;
  margin: 0 auto 1em;
}
ul.products li.product:nth-child(2n) {
  margin-right: 0;
}
.pagination-wrap {
  margin-bottom: 1.618em;
  padding-top: 1.618em;
  border-top: 4px double #e8e4e3;
}
.pagination-wrap:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.pagination-wrap .pagination,
.pagination-wrap .woocommerce_ordering,
.pagination-wrap .woocommerce-ordering {
  width: 48%;
}
.pagination-wrap .pagination {
  float: left;
  margin: 0;
  text-align: left;
  padding: 0;
}
.pagination-wrap .woocommerce_ordering,
.pagination-wrap .woocommerce-ordering {
  float: right;
  text-align: right;
  padding-top: .53em;
}
.woocommerce_result_count,
.woocommerce_ordering,
.woocommerce-result-count,
.woocommerce-ordering {
  width: 48%;
  float: left;
}
.woocommerce_result_count + ul.products,
.woocommerce_ordering + ul.products,
.woocommerce-result-count + ul.products,
.woocommerce-ordering + ul.products {
  clear: both;
}
.woocommerce_ordering,
.woocommerce-ordering {
  text-align: right;
  float: right;
}
/* 7.2.1 Single Product */
.product {
  position: relative;
}
.onsale {
  position: absolute;
  top: 0;
  right: 0;
  background: #ff4800;
  color: #fff;
  font-weight: bold;
  padding: 0 .857em;
  line-height: 4.236em;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-transform: uppercase;
}
a.reset_variations:before {
  font-family: 'WebSymbolsRegular';
  display: inline-block;
  font-size: .857em;
  margin-right: .618em;
  font-weight: normal;
  content: "*";
}
table.variations tr:last-child td,
table.variations tr:last-child th {
  border-bottom: 0;
}
.images img {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */

  box-sizing: border-box;
  /* Opera/IE 8+ */

  padding: .618em;
  background: #fff;
  border: 1px solid #e8e4e3;
  width: 100%;
}
.images .thumbnails {
  border: 1px solid #e8e4e3;
  border-top: 0;
}
.images .thumbnails:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.images .thumbnails a {
  display: block;
  width: 25%;
  text-align: center;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */

  box-sizing: border-box;
  /* Opera/IE 8+ */

  float: left;
  border-right: 1px solid #e8e4e3;
}
.images .thumbnails a img {
  border: 0;
  display: block;
  margin: 0 auto;
  opacity: 0.5;
  filter: alpha(opacity=@opacity * 100);
}
.images .thumbnails a:hover img {
  opacity: 1;
  filter: alpha(opacity=@opacity * 100);
}
.images .thumbnails a:last-child {
  border-right: 0;
}
.summary .stock:before {
  font-family: 'WebSymbolsRegular';
  display: inline-block;
  font-size: .857em;
  margin-right: .618em;
  font-weight: normal;
  content: ".";
  color: #84ac50;
}
.summary .stock.out-of-stock:before {
  content: "W";
  color: #b85f56;
}
.summary .stock.available-on-backorder:before {
  content: "P";
  color: #4d65a4;
}
.summary .group_table .stock {
  margin-left: 1em;
}
.single-product .images,
.single-product .summary {
  margin-bottom: 1.618em;
}
.single-product .summary .price:first-child {
  font-size: 1.618em;
  color: #9f9693;
  font-weight: bold;
  margin-bottom: .618em;
}
.single-product .summary .product_meta {
    font-size: .857em;
    color: #333;
    /* border-top: 4px double #e8e4e3; */
    /* padding-top: 1.618em; */
    clear: both;
}
.single-product .summary .product_meta a {
  color: #333;
}
.single-product .summary .social {
  border-top: 4px double #e8e4e3;
  padding-top: 1.618em;
  margin-top: 1.618em;
}
.single-product .summary .social:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.single-product .summary .social iframe {
  float: left;
}
.single-product .summary .social span {
  position: relative;
  top: -1px;
}
.single-product .summary .social span.st_plusone_button {
  top: -2px;
}
.woocommerce_tabs ul.tabs,
.woocommerce-tabs ul.tabs {
  list-style: none;
}
.woocommerce_tabs ul.tabs:after,
.woocommerce-tabs ul.tabs:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.woocommerce_tabs ul.tabs li,
.woocommerce-tabs ul.tabs li {
  width: 48%;
  float: left;
  clear: both;
  margin-bottom: 1em;
}
.woocommerce_tabs ul.tabs li:nth-child(2n),
.woocommerce-tabs ul.tabs li:nth-child(2n) {
  float: right;
  clear: none;
}
.woocommerce_tabs ul.tabs li a,
.woocommerce-tabs ul.tabs li a {
  display: block;
  font-weight: bold;
  padding: .53em 1em;
  border: 1px solid #e8e4e3;
}
.woocommerce_tabs ul.tabs li a:before,
.woocommerce-tabs ul.tabs li a:before {
  font-family: 'WebSymbolsRegular';
  display: inline-block;
  font-size: .857em;
  margin-right: .618em;
  content: "²";
  font-weight: normal;
}
.woocommerce_tabs ul.tabs li.active a,
.woocommerce-tabs ul.tabs li.active a {
  border-color: #c6c2c1;
}
.woocommerce_tabs ul.tabs li.attributes_tab a:before,
.woocommerce-tabs ul.tabs li.attributes_tab a:before {
  content: "³";
}
.woocommerce_tabs ul.tabs li.reviews_tab a:before,
.woocommerce-tabs ul.tabs li.reviews_tab a:before {
  content: "e";
}
.woocommerce_tabs .panel,
.woocommerce-tabs .panel {
  margin-bottom: 1.618em;
}
/* 7.3 Cart */
table.cart .product-remove,
table.cart .product-thumbnail,
table.cart .product-price {
  position: absolute;
  left: -999em;
}
table.cart td .backorder_notification {
  font-size: 0.8em;
}
table.cart td.product-remove {
  padding-right: .5em;
}
table.cart td.actions .coupon {
  text-align: left;
  margin-bottom: 0;
}
table.cart td.actions .coupon label {
  display: none;
}
table.cart td.actions .coupon #shareyourcart_button {
  float: left;
  clear: left;
  margin-bottom: .618em;
}
table.cart td.actions .coupon .input-text,
table.cart td.actions .coupon .button {
  width: 48%;
  float: left;
}
table.cart td.actions .coupon .button {
  float: right;
}
table.cart td.actions .button,
table.cart td.actions .checkout-button,
table.cart td.actions .input-text {
  width: 100%;
  display: block;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */

  box-sizing: border-box;
  /* Opera/IE 8+ */

  margin-bottom: .53em !important;
}
table.cart td.actions .checkout-button {
  margin-bottom: 0 !important;
}
table.cart .product-quantity .plus,
table.cart .product-quantity .minus {
  display: inline-block;
}
table.cart img {
  width: 3.631em;
  height: auto;
}
ul#shipping_method {
  list-style: none;
}
.cross-sells ul.products li img {
  padding: 0;
  border: 0;
  background: 0;
}
/* 7.4 Checkout */
.woocommerce-checkout .type-page h1:before {
  font-family: 'WebSymbolsRegular';
  display: inline-block;
  font-size: .857em;
  margin-right: .618em;
  font-weight: normal;
  content: "x";
}
.required {
  border: 0;
  color: #b85f56;
}
.checkout #shiptobilling {
  float: none;
  width: 100%;
}
.checkout #shiptobilling input[type="checkbox"] {
  float: left;
  margin-right: 1em;
}
.checkout #order_review {
  background: #f7f7f7;
  padding: .618em;
  -webkit-border-radius: 0.382em;
  border-radius: 0.382em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.checkout #order_review table {
  background: #fcfcfc;
  border: 1px solid #e8e4e3;
  border-bottom: 0;
  box-shadow: 0 0 0 0.327em rgba(0, 0, 0, 0.015);
  -webkit-box-shadow: 0 0 0 0.327em rgba(0, 0, 0, 0.015);
}
.checkout #order_review table tr td:first-child,
.checkout #order_review table tr th:first-child {
  padding-left: 1em;
}
.checkout #order_review #payment ul {
  border-bottom: 4px double #e8e4e3;
}
.checkout #order_review #payment ul li {
  list-style: none;
  margin-bottom: 1em;
}
.checkout #order_review #payment ul li input[type="radio"] {
  margin-right: 1em;
  margin-top: .382em;
  float: left;
  box-shadow: 0 1px 0 0 #ffffff;
  -webkit-box-shadow: 0 1px 0 0 #ffffff;
}
.checkout #order_review #payment ul li label {
  font-weight: bold;
  margin-bottom: .618em;
  display: block;
}
.checkout #order_review #payment ul li label img {
  float: right;
  padding: 0;
  border: 0;
}
.checkout #order_review #payment ul li .payment_box {
  background: #fff;
  padding: 1em;
  -webkit-border-radius: 0.382em;
  border-radius: 0.382em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.checkout #order_review #payment ul li .payment_box p:last-child {
  margin-bottom: 0;
}
.checkout #order_review #payment ul li .payment_box label {
  font-size: 1em;
}
.checkout #order_review .form-row.place-order {
  width: 100%;
  margin-bottom: 0;
}
.checkout #order_review .form-row.place-order:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.checkout #order_review .form-row.place-order .button {
  font-size: 1.387em;
  margin-bottom: .618em;
  float: left;
}
.checkout #order_review .form-row.place-order .form-row.terms {
  width: auto;
  float: right;
  margin-bottom: 0;
}
.checkout #order_review .form-row.place-order .form-row.terms label {
  float: left;
  margin-right: .618em;
}
.checkout .create-account {
  clear: both;
}
.checkout .create-account p:first-child {
  padding: .618em 1em .618em 2.618em;
  margin-bottom: 1.618em;
  background: #fff;
  border: 1px solid #4d65a4;
  border-left-width: .382em ;
  position: relative;
  font-weight: bold;
}
.checkout .create-account p:first-child:before {
  font-family: 'WebSymbolsRegular';
  content: "S";
  display: block;
  color: #4d65a4;
  font-weight: normal;
  position: absolute;
  top: .618em;
  font-size: 1em;
  left: .857em;
}
ul.order_details {
  border: 1px solid #e8e4e3;
  list-style: none;
  padding-left: 1.618em;
  position: relative;
}
ul.order_details:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
ul.order_details li {
  padding: 1em 2em 1em 0;
  margin-right: 2em;
  float: left;
  border-right: 1px solid #e8e4e3;
  text-transform: uppercase;
  font-size: .857em;
  color: #9f9693;
}
ul.order_details li strong {
  display: block;
  text-transform: none;
  font-size: 1.387em;
  color: #6c6360;
}
ul.order_details li:last-child {
  border-right: 0;
}
ul.order_details:before {
  font-family: 'WebSymbolsRegular';
  display: inline-block;
  font-size: .857em;
  margin-left: .618em;
  font-weight: normal;
  content: "/";
  position: absolute;
  top: .327em;
  right: .618em;
  font-size: 2.244em;
  color: #84ac50;
}
/* 7.5 Widgets */
.widget ul li .count {
  float: right;
}
.widget ul.product_list_widget li {
  margin-bottom: .618em;
  padding-bottom: .618em;
  border-bottom: 1px dashed #e8e4e3;
}
.widget ul.product_list_widget li:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.widget ul.product_list_widget li a {
  display: block;
}
.widget ul.product_list_widget li img {
  float: right;
  width: 2.244em;
  height: auto;
  margin-left: 1em;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.widget ul.product_list_widget li del {
  opacity: 0.5;
  filter: alpha(opacity=@opacity * 100);
}
.widget ul.product_list_widget li ins {
  font-weight: bold;
  text-decoration: none;
  margin-left: .618em;
}
.widget ul.product_list_widget li:last-child {
  border-bottom: 0;
}
.widget_woo_subscribe #connect {
  background: none;
  border: 0;
  padding: 0;
}
.widget_price_filter .price_slider {
  margin-bottom: 1em;
}
.widget_price_filter .price_slider_amount {
  text-align: right;
  line-height: 2.4em;
}
.widget_price_filter .price_slider_amount .button {
  float: left;
}
.widget_price_filter .ui-slider {
  position: relative;
  text-align: left;
}
.widget_price_filter .ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1em;
  height: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  outline: none;
  background: #fff;
  border: 1px solid #ff4800;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */

  box-sizing: border-box;
  /* Opera/IE 8+ */

}
.widget_price_filter .ui-slider .ui-slider-handle:last-child {
  margin-left: -1em;
}
.widget_price_filter .ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
  background: #ff4800;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
  -webkit-border-radius: 1em;
  border-radius: 1em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #e8e4e3;
}
.widget_price_filter .ui-slider-horizontal {
  height: 1em;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
  left: -1px;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
  right: -1px;
}
/* 7.6 Account */
#customer_login .col-1 h2:before,
#customer_login .col-2 h2:before {
  font-family: 'WebSymbolsRegular';
  display: inline-block;
  font-size: .857em;
  margin-right: .618em;
  font-weight: normal;
}
#customer_login .col-1 h2:before {
  content: "x";
}
#customer_login .col-2 h2:before {
  content: "U";
}
#customer_login .lost_password {
  display: block;
  margin-top: 1em;
}
ul.digital-downloads li {
  list-style: none;
  padding-bottom: .618em;
}
ul.digital-downloads li:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
ul.digital-downloads li .count {
  float: right;
}
ul.digital-downloads li a:before {
  font-family: 'WebSymbolsRegular';
  display: inline-block;
  font-size: .857em;
  margin-right: .618em;
  font-weight: normal;
  content: ";";
}
table.my_account_orders .button {
  font-size: .857em;
}
/* 7.7 Shortcodes */
.shortcode-sticky {
  background-color: #f6eeca;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f6eeca), to(#faf5e0));
  /* Saf4+, Chrome */

  background-image: -webkit-linear-gradient(top, #f6eeca, #faf5e0);
  /* Chrome 10+, Saf5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #f6eeca, #faf5e0);
  /* FF3.6+ */

  background-image: -ms-linear-gradient(top, #f6eeca, #faf5e0);
  /* IE10 */

  background-image: -o-linear-gradient(top, #f6eeca, #faf5e0);
  /* Opera 11.10+ */

  background-image: linear-gradient(to bottom, #f6eeca, #faf5e0);
  padding: 1em 1.618em 2.65em 1.618em;
  border-top: 1.618em solid #f2e8b5;
  border-bottom: 1px solid #fcf7f2;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  -webkit-transform: rotate(1deg);
  /* Saf3.1+, Chrome */

  -moz-transform: rotate(1deg);
  /* FF3.5+ */

  -ms-transform: rotate(1deg);
  /* IE9 */

  -o-transform: rotate(1deg);
  /* Opera 10.5 */
  transform: rotate(1deg);
  zoom: 1;
  font-family: 'Schoolbell', cursive;
  margin: 1.618em;
  font-size: 1.142em;
  color: #554444;
  max-width: 22em;
}
.shortcode-sticky a {
  padding: 0 6px;
  background: rgba(255, 255, 0, 0.1);
  color: #443333;
}
.shortcode-sticky.left {
  float: left;
}
.shortcode-sticky.right {
  float: right;
}
.shortcode-sale {
  padding: .618em 1em;
  background: #ff4800;
  color: #fff;
  margin-bottom: 2.618em;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 0.202em;
  border-radius: 0.202em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  clear: both;
  font-weight: bold;
  text-align: center;
}
.shortcode-sale:before {
  font-family: 'WebSymbolsRegular';
  display: inline-block;
  font-size: .857em;
  margin-right: .618em;
  font-weight: normal;
  content: "R";
  float: left;
}
.shortcode-sale:after {
  font-family: 'WebSymbolsRegular';
  display: inline-block;
  font-size: .857em;
  margin-left: .618em;
  font-weight: normal;
  content: "R";
  float: right;
}
.shortcode-sale a {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  padding: 3px 12px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 0 6px;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
.shortcode-sale a:hover {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}
/*-------------------------------------------------------------------------------------------*/
/* 8. MISC */
/*-------------------------------------------------------------------------------------------*/
/* 8.1 Forms */
.form-row label {
  display: block;
}
.form-row .input-text {
  width: 100%;
}
input[type=text],
input.input-text,
textarea,
input.txt,
input[type=tel],
input[type=email] {
  padding: .236em .5em;
  border: 1px solid #c4c0bf;
  -webkit-border-radius: 0.125em;
  border-radius: 0.125em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1em;
  /* Make inputs the same size as normal text */

  line-height: 1.618em;
  font-family: inherit;
  /* Make inputs use the correct typeface instead of the browser default */

  outline: none;
  margin: 0 .327em;
  background: #f7f7f7;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */

  box-sizing: border-box;
  /* Opera/IE 8+ */

  -webkit-appearance: none;
  -webkit-box-shadow: 0 0 0 0.327em rgba(0, 0, 0, 0.03), inset 0 1px 2px #d8d4d3, 0 1px #ffffff;
  box-shadow: 0 0 0 0.327em rgba(0, 0, 0, 0.03), inset 0 1px 2px #d8d4d3, 0 1px #ffffff;
}
input[type=text]:focus,
input.input-text:focus,
textarea:focus,
input.txt:focus,
input[type=tel]:focus,
input[type=email]:focus {
  border-color: rgba(255, 72, 0, 0.8);
  background: #fff;
  -webkit-box-shadow: 0 0 0 0.327em rgba(255, 72, 0, 0.1), 0 0 0.202em rgba(255, 72, 0, 0.4);
  box-shadow: 0 0 0 0.327em rgba(255, 72, 0, 0.1), 0 0 0.202em rgba(255, 72, 0, 0.4);
}
input[type="checkbox"] {
  -webkit-appearance: none;
  /* Hides the default checkbox style */
  height: 1.618em;
  width: 1.618em;
  cursor: pointer;
  position: relative;
  -webkit-transition: .15s;
  border-radius: 2em;
  background-color: #900;
  margin-right: 1em;
  margin-top: .53em;
}
input[type="checkbox"]:checked {
  background-color: green;
}
input[type="checkbox"]:before,
input[type="checkbox"]:checked:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 2.818em;
  text-align: center;
  color: #fff;
  content: "'";
  font-family: 'WebSymbolsRegular';
  font-size: .618em;
}
input[type="checkbox"]:checked:before {
  content: '.';
}
input[type="checkbox"]:hover:before {
  background: rgba(255, 255, 255, 0.3);
}
input[type="radio"] {
  -webkit-appearance: none;
  /* Hides the default checkbox style */
  height: 1.618em;
  width: 1.618em;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */

  box-sizing: border-box;
  /* Opera/IE 8+ */

  border: 0.382em solid #d7d3d2;
  cursor: pointer;
  position: relative;
  -webkit-transition: .15s;
  border-radius: 2em;
  background-color: #d7d3d2;
}
input[type="radio"]:checked {
  background-color: #5e286d;
}
a.button,
a.comment-reply-link,
#commentform #submit,
.submit,
input[type=submit],
input.button,
button.button {
  display: inline-block;
  padding: .236em .857em;
  color: white;
  text-align: center;
  text-decoration: none;
  font-size: 1em;
  /* Make inputs the same size as normal text */

  font-family: inherit;
  /* Make inputs use the correct typeface instead of the browser default */

  cursor: pointer;
  /* Inputs need pointers! */

  overflow: visible;
  width: auto;
  /* IE fix */

  line-height: 1.618em;
  margin: 0 .327em;
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: bold;
  text-shadow: 0 1px 0 #cc1500;
  background-color: #ff5911;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5911), to(#dd2600));
  /* Saf4+, Chrome */

  background-image: -webkit-linear-gradient(top, #ff5911, #dd2600);
  /* Chrome 10+, Saf5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #ff5911, #dd2600);
  /* FF3.6+ */

  background-image: -ms-linear-gradient(top, #ff5911, #dd2600);
  /* IE10 */

  background-image: -o-linear-gradient(top, #ff5911, #dd2600);
  /* Opera 11.10+ */

  background-image: linear-gradient(to bottom, #ff5911, #dd2600);
  border: 1px solid #bb0400;
  -webkit-border-radius: 0.202em;
  border-radius: 0.202em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 0 0.327em rgba(0, 0, 0, 0.075), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 1px #ff7b33, inset 0 -1px #cc1500;
  box-shadow: 0 0 0 0.327em rgba(0, 0, 0, 0.075), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 1px #ff7b33, inset 0 -1px #cc1500;
}
a.button.alt,
a.comment-reply-link.alt,
#commentform #submit.alt,
.submit.alt,
input[type=submit].alt,
input.button.alt,
button.button.alt,
a.button.checkout,
a.comment-reply-link.checkout,
#commentform #submit.checkout,
.submit.checkout,
input[type=submit].checkout,
input.button.checkout,
button.button.checkout {
  background-color: #777777;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#444444));
  /* Saf4+, Chrome */

  background-image: -webkit-linear-gradient(top, #777777, #444444);
  /* Chrome 10+, Saf5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #777777, #444444);
  /* FF3.6+ */

  background-image: -ms-linear-gradient(top, #777777, #444444);
  /* IE10 */

  background-image: -o-linear-gradient(top, #777777, #444444);
  /* Opera 11.10+ */

  background-image: linear-gradient(to bottom, #777777, #444444);
  text-shadow: 0 1px 0 #333333;
  border: 1px solid #222222;
  -webkit-box-shadow: 0 0 0 0.327em rgba(0, 0, 0, 0.075), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 1px #999999, inset 0 -1px #333333;
  box-shadow: 0 0 0 0.327em rgba(0, 0, 0, 0.075), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 1px #999999, inset 0 -1px #333333;
}
a.button.alt:hover,
a.comment-reply-link.alt:hover,
#commentform #submit.alt:hover,
.submit.alt:hover,
input[type=submit].alt:hover,
input.button.alt:hover,
button.button.alt:hover,
a.button.checkout:hover,
a.comment-reply-link.checkout:hover,
#commentform #submit.checkout:hover,
.submit.checkout:hover,
input[type=submit].checkout:hover,
input.button.checkout:hover,
button.button.checkout:hover {
  background-color: #777777;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#555555));
  /* Saf4+, Chrome */

  background-image: -webkit-linear-gradient(top, #777777, #555555);
  /* Chrome 10+, Saf5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #777777, #555555);
  /* FF3.6+ */

  background-image: -ms-linear-gradient(top, #777777, #555555);
  /* IE10 */

  background-image: -o-linear-gradient(top, #777777, #555555);
  /* Opera 11.10+ */

  background-image: linear-gradient(to bottom, #777777, #555555);
}
a.button.alt:active,
a.comment-reply-link.alt:active,
#commentform #submit.alt:active,
.submit.alt:active,
input[type=submit].alt:active,
input.button.alt:active,
button.button.alt:active,
a.button.checkout:active,
a.comment-reply-link.checkout:active,
#commentform #submit.checkout:active,
.submit.checkout:active,
input[type=submit].checkout:active,
input.button.checkout:active,
button.button.checkout:active {
  background-color: #555555;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#777777));
  /* Saf4+, Chrome */

  background-image: -webkit-linear-gradient(top, #555555, #777777);
  /* Chrome 10+, Saf5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #555555, #777777);
  /* FF3.6+ */

  background-image: -ms-linear-gradient(top, #555555, #777777);
  /* IE10 */

  background-image: -o-linear-gradient(top, #555555, #777777);
  /* Opera 11.10+ */

  background-image: linear-gradient(to bottom, #555555, #777777);
}
a.button.large,
a.comment-reply-link.large,
#commentform #submit.large,
.submit.large,
input[type=submit].large,
input.button.large,
button.button.large {
  font-size: 1.387em;
}
a.button.small,
a.comment-reply-link.small,
#commentform #submit.small,
.submit.small,
input[type=submit].small,
input.button.small,
button.button.small {
  font-size: .857em;
}
a.button:hover,
a.comment-reply-link:hover,
#commentform #submit:hover,
.submit:hover,
input[type=submit]:hover,
input.button:hover,
button.button:hover {
  text-decoration: none;
  background-color: #ff5911;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5911), to(#ee3700));
  /* Saf4+, Chrome */

  background-image: -webkit-linear-gradient(top, #ff5911, #ee3700);
  /* Chrome 10+, Saf5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #ff5911, #ee3700);
  /* FF3.6+ */

  background-image: -ms-linear-gradient(top, #ff5911, #ee3700);
  /* IE10 */

  background-image: -o-linear-gradient(top, #ff5911, #ee3700);
  /* Opera 11.10+ */

  background-image: linear-gradient(to bottom, #ff5911, #ee3700);
}
a.button:active,
a.comment-reply-link:active,
#commentform #submit:active,
.submit:active,
input[type=submit]:active,
input.button:active,
button.button:active {
  background-color: #ee3700;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ee3700), to(#ff5911));
  /* Saf4+, Chrome */

  background-image: -webkit-linear-gradient(top, #ee3700, #ff5911);
  /* Chrome 10+, Saf5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #ee3700, #ff5911);
  /* FF3.6+ */

  background-image: -ms-linear-gradient(top, #ee3700, #ff5911);
  /* IE10 */

  background-image: -o-linear-gradient(top, #ee3700, #ff5911);
  /* Opera 11.10+ */

  background-image: linear-gradient(to bottom, #ee3700, #ff5911);
  -webkit-box-shadow: 0 0 0 0.327em rgba(0, 0, 0, 0.075), inset 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 0.327em rgba(0, 0, 0, 0.075), inset 0 1px 2px rgba(0, 0, 0, 0.2);
}
a.remove {
  font-family: 'WebSymbolsRegular';
}
/* 8.2 Gravity forms */
ul.gform_fields li {
  list-style: none;
}
.gfield {
  margin-bottom: 1.618em;
}
.gfield_label {
  width: 100%;
  font-weight: bold;
  margin-bottom: .618em;
  display: block;
}
.gfield_required {
  color: red;
}
.ginput_container {
  margin-bottom: 1.618em;
}
.ginput_container:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.ginput_container label {
  display: block;
}
.ginput_container input[type=text],
.ginput_container textarea {
  width: 100%;
}
.ginput_container .ginput_left,
.ginput_container .ginput_right,
.ginput_container .ginput_full {
  margin-bottom: 1em;
  display: block;
}
.ginput_container .ginput_left label,
.ginput_container .ginput_right label,
.ginput_container .ginput_full label {
  font-size: .875em;
}
.ginput_container .ginput_left,
.ginput_container .ginput_right {
  width: 48%;
  float: left;
  clear: left;
}
.ginput_container .ginput_right {
  float: right;
  clear: none;
}
.ginput_container .gfield_checkbox input,
.ginput_container .gfield_radio input {
  float: left;
}
img.ui-datepicker-trigger {
  border: 0;
  padding: 0;
}
/* 8.3 IE specific styling */
.ie8 .widget_woo_blogauthorinfo .avatar {
  width: auto;
}
.ie8 #top select {
  display: none !important;
}
/* style */
body #top {
    display: none;
}
.header-wrap {
	background: url('images/header-bg.jpg') top center repeat-x #4e1a55;
}
#header nav#navigation {
    background: url('images/menu-bg.jpg') top center repeat-x #000000 !important;
    border-radius: 0px;
    border-top: 2px solid #9f93a0 !important;
    border-bottom: 5px solid #666666 !important;
}
a#logo {
    padding-top: 10px;
}
.home section#breadcrumbs {
    display: none;
}
.slider-shadow img {
    width: 100%;
    float: left;
}
body .footer-wrap {
    background: #333333;
}
div#copyright {
    float: left;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
}
section#footer-widgets {
	background: url('images/footer-widget-bg.jpg') top center repeat-x #3d1549;
}
.footer-wrap .widget {
    margin-bottom: 0px;
}
.footer-top-border {
    background: url('images/menu-bg.jpg') top center repeat-x #000000;
    border-radius: 0px;
    border-top: 5px solid #666666;
	border-bottom: 1px solid #6d5472;
    height: 36px;
}
.widget_woo_subscribe.widget h3 {
    color: #ffcc00;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 16px;
    border-bottom: 1px solid #94709e;
}
.widget_woo_subscribe.widget p {
    display: none;
}
#connect .newsletter-form input.submit, input.submit.button {
    box-shadow: none;
    border-radius: 0px;
    background: #ffcc00;
    border: 0px;
    text-shadow: none;
    margin: 0px;
    border: 1px solid #ffcc00;
    color: #333132;
    line-height: 20px;
    font-size: 13px;
    text-transform: uppercase;
    margin-top: 0px;
    padding: .3em .5em;
}
#connect .newsletter-form input.email {
    width: 50%;
    border: 1px solid #fff;
    background-color: #fff;
    margin: 0px;
    line-height: 20px;
    box-shadow: none;
    border-radius: 0px;
    padding: .3em .5em;
    font-size: 13px;
}
ul.kad-cart-total {
    list-style: none;
    /* clear: both; */
    color: #fff;
    margin-bottom: 0px;
    padding: 20px 0px 0px;
}
ul.kad-cart-total a {
    color: #fff;
    font-weight: normal;
    font-size: 13px;
}
ul.kad-cart-total i.icon-shopping-cart {
    background: url('images/cart.png') left center no-repeat;
    font-size: 0px;
    width: 28px;
    height: 23px;
    display: inline-block;
    margin-right: 1px;
    vertical-align: middle;
    margin-top: -3px;
}
.header-search label {
    display: none;
}
.header-search .button {
    position: absolute !important;
    top: 0;
    left: -999em !important;
}
li.search {
    list-style: none;
}
.my-account {
    float: right;
    background: url('images/account-bg.jpg') top center no-repeat;
    padding: 13px;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.85);
    font-family: arial;
}
.my-account a {
    font-size: 13px;
    font-weight: normal;
    color: #fff;
}
.header-search input#s {
    background: #fff !important;
    border: 1px solid #fff;
    box-shadow: none;
    border-radius: 0px;
    margin: 7px 0px;
    width: 100%;
    font-size: 13px !important;
}
.page-featured-image {
    text-align: center;
}
.page-featured-image img {
    width: 95%;
}
.page-template section#breadcrumbs, .archive section#breadcrumbs {
    display: none;
}
.woocommerce h1.page-title {
    font: normal 2.3em/1em "Century Gothic", sans-serif;
    /* color: #5c256b; */
    text-transform: uppercase;
    margin-top: 20px;
}
.home section#main header {
    display: none;
}
div#copyright a {
    color: #fff;
    font-weight: normal;
}
body.woocommerce ul.products li.product h3 {
    padding: .5em 0 0px;
    margin: 0;
    font-size: 1.2em;
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'Open Sans', arial, sans-serif;
}
body.woocommerce ul.products li.product .price {
    margin-bottom: 15px;
}
body.woocommerce ul.products li.product .price span.amount {
    font-size: 1.4em;
    color: #000;
    font-weight: 500;
    /* text-transform: uppercase; */
    font-family: 'Open Sans', arial, sans-serif;
}
body.woocommerce ul.products li.product a img {
    margin-bottom: 0px;
}
a.view-item {
    color: #ffea0e;
    font-weight: 500;
    font-size: 1.2em;
    font-family: 'Open Sans', arial, sans-serif;
    background-color: #602975;
    padding: 1px 35px 4px;
    line-height: 1.2em;
    box-shadow: 0px 0px 3px #000;
}
textarea#commentsText {
    max-height: 150px;
}
form#contactForm input.submit.button {
    font-size: 20px;
}
form#contactForm li.inline {
    display: none;
}
#sidebar h3 {
    font: normal 1.5em/1em "Century Gothic", sans-serif;
    color: #5c256b;
}
.homepage-wrap .col-3 {
    width: 24%;
    display: inline-table;
    padding: 5px .5%;
    float: left;
    margin-bottom: 30px;
}
.homepage-wrap .col-9 {
    width: 73%;
    display: inline-table;
    padding: 5px 1%;
}
.homepage-wrap .col-3 .img-col1 img {
    width: auto;
    max-height: 135px !important;
    float: none;
    border: 0px;
    display: inline-flex;
    padding: 0px;
}
.homepage-wrap .img-col1 {
    text-align: center;
    border: 1px solid #ccc;
    padding: 7px 0px;
}
.product-img-wrap {
    background: url('images/product-img-bg.png') bottom center no-repeat;
    padding-bottom: 14px;
}
.product-txt h4 {
    color: #602975;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px !important;
    margin: 0px;
    /* padding: 10px 0px; */
    max-height: 20px;
    overflow: hidden;
    margin: 10px 0px;
    line-height: 20px;
}
.entry .product-txt p {
    font-size: 12px;
    color: #000;
    font-weight: normal;
    margin-bottom: 0px;
}
a.read-more {
    color: #602975;
    font-family: "Century Gothic", sans-serif;
    font-size: 14px;
}
.title-wrap, .related-title {
    border-bottom: 2px solid #602975;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.title-wrap h1, .related-title h2 {
    color: #602975;
    text-transform: uppercase;
    line-height: 25px;
    margin-bottom: 0px;
    float: left;
    background-color: #fff;
    margin-bottom: -5px;
    padding-right: 15px;
}
.home-page-content img {
    border: 0px;
    padding: 0px;
}
.breadcrumb-trail, .breadcrumb-trail a {
    font-family: Open Sans, arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
}
.single-product.woocommerce #content div.product div.images {
    width: 25%;
    background: url('images/product-shadow.png') bottom center no-repeat;
    padding-bottom: 14px;
    float: left;
}
.single-product.woocommerce #content div.product div.summary {
    width: 70%;
	float: right;
}
.single-product.woocommerce div.product div.images img {
    border: 1px solid #000;
}
.single-product.woocommerce div.product .product_title {
    text-transform: uppercase;
    font-size: 25px;
    color: #000;
    margin-bottom: 0px;
}
.woocommerce button {
	background-color: #602975 !important;
    border-radius: 0px;
    border: 2px solid rgba(65, 65, 65, 0.82);
    color: #ffea0e !important;
    font-size: 18px;
    padding: 5px 20px;
    text-transform: uppercase;
    box-shadow: 0px 0px 5px #9E9E9E;
}
button.single_add_to_cart_button.button.alt {
    background-color: #602975 !important;
    border-radius: 0px;
    border: 2px solid rgb(65, 65, 65);
    color: #ffea0e !important;
    font-size: 18px;
    padding: 5px 40px;
    text-transform: uppercase;
    box-shadow: 0px 0px 5px #9E9E9E;
}
body.woocommerce .quantity .qty {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid #7c7c7c;
    padding: 4px;
    width: 35px !important;
    margin-left: 0px;
}
.woocommerce div.product form.cart div.quantity {
    padding-right: 0px;
    border: 0px;
}
.woocommerce div.product form.cart div.quantity:before {
    content: 'QTY ';
    color: #333;
    font-size: 20px;
}
.single-product .summary p.price {
    color: #333333 !important;
    font-size: 14px !important;
    font-weight: normal !important;
    padding: 2em 0px;
}
span.trail-end {
    color: #5e286d;
}
.related.products a.view-item {
    display: none;
}
.single .product-content {
    padding-top: 20px;
}
.imagewrapper {
    background: url('images/product-shadow.png') bottom center no-repeat;
    padding-bottom: 14px;
}
body.woocommerce a.remove {
    color: #5e286d !important;
}
input#coupon_code {
    box-shadow: none;
    width: 50% !important;
}
body.woocommerce .woocommerce-info {
    border-top-color: #5e286d !important;
}
body.woocommerce .woocommerce-info:before {
    color: #5e286d !important;
}
aside.meta, aside.post-meta, nav#post-entries {
    display: none !important;
}
body .type-post .post-content {
    width: 100% !important;
}
.post.type-post header h1, .post.type-post header h1 a {
    font: normal 2em "Century Gothic", sans-serif !important;
    color: #5c256b !important;
    font-size: 45px !important;
    font-weight: 700 !important;
}
.post.type-post .entry, .post.type-post .entry p {
    color: #4b4b4b;
    font-size: 18px;
}
.post.type-post header {
    padding-bottom: 10px;
}
body.single .type-post p:first-child {
    font-size: 1em;
}
.post.type-post {
    /*border-bottom: 1px solid;*/
}
.blog-wrap {
    padding: 20px 0px;
}
#header #navigation ul.nav > li.parent a:after, #header #navigation ul.nav > li.parent:hover a:before {
	display: none !important;
}
span.bwg_standart_thumb_0 {
    background: url('images/gallery-img-shadow.png') bottom center no-repeat;
    padding-bottom: 0px;
}
.bwg_standart_thumb_spun1_0 {
    border: 1px solid #ccc;
    padding: 5px !important;
    margin: 10px !important;
}
div#bwg_standart_thumbnails_0 {
    width: 100%;
    max-width: 100% !important;
}
#sidebar h3 {
    font-size: 30px;
    padding-bottom: 0px;
    border-bottom: 2px solid;
}
#sidebar ul {
    font-size: 18px;
    font-weight: normal;
    line-height: 25px;
}
#sidebar ul a {
    font-weight: normal;
}
div#mc_embed_signup_scroll h2 {
    color: #ffcc00;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 16px;
    border-bottom: 1px solid #94709e;
    padding-bottom: 7px;
}
input#mce-EMAIL {
    width: 100%;
    border: 1px solid #fff;
    background-color: #fff;
    margin: 0px;
    line-height: 20px;
    box-shadow: none;
    border-radius: 0px;
    padding: .3em .5em;
    font-size: 13px;
    min-width: 240px;
}
input#mc-embedded-subscribe {
    box-shadow: none;
    border-radius: 0px;
    background: #ffcc00;
    border: 0px;
    text-shadow: none;
    margin: 0px;
    border: 1px solid #ffcc00;
    color: #333132;
    line-height: 20px;
    font-size: 13px;
    text-transform: uppercase;
    margin-top: 0px;
    padding: .3em .5em;
}
div#mce-responses {
    clear: none;
}
.mc-field-group {
    float: left;
    width: 50%;
}
.widget_woo_subscribe.widget h3 {
    display: none;
}
body #mc_embed_signup input.mce_inline_error {
    border-color: #fff;
    width: 100%;
    float: left;
}
body #mc_embed_signup div.mce_inline_error {
    font-weight: normal;
    line-height: 15px;
    font-size: 11px;
    color: #fff;
}
body div#mce-responses {
    /* clear: none !important; */
    float: left;
    /* width: 50%; */
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    padding: 10px 0px;
}
@media only screen and (min-width: 600px) {
.col-3 {
    width: 30%;
    display: inline-block;
}
}
@media only screen and (min-width: 768px) {
#header #navigation {
    margin-top: -35px;
}
.top-right.col-3 {
    width: 28%;
    float: right;
    padding: 0px 20px;
}
div#content {
    max-width: 60em;
}
.home-page-content {
    padding: 0px 0px 0px 30px;
}
li.product-content-wrap.col-3:nth-of-type(4n+1) {
    clear: both;
}
body #header #navigation ul.nav ul {
    border: 0px;
    background: rgba(0, 0, 0, 0.7);
}
body ul.nav ul li {
    float: left;
    width: 100%;
}
body #header #navigation ul.nav ul li a {
    border: 0;
    background: none;
    text-align: left;
    text-indent: 5px;
}
}
@media only screen and (max-width: 767px) { 
#header hgroup {
    float: left;
}
.top-right.col-3 {
    padding: 0px 20px;
    text-align: right;
}
.homepage-wrap {
    text-align: center;
}
body .homepage-wrap .col-3 {
    width: 217px;
    display: inline-block;
    float: none;
}
body .title-wrap h1 {
    font-size: 20px;
}
.footer-wrap {
    text-align: center;
}
body #contact-page ol.forms li input.txt, body #contact-page ol.forms li textarea {
    width: 94%;
}
.header-wrap {
    position: relative;
    padding-bottom: 90px;
}
.my-account, .top-right.col-3 .social-media, ul.kad-cart-total {
    float: right;
}
ul.kad-cart-total {
    width: 62%;
}
.headerbanner {
    /* display: none; */
    position: absolute;
    bottom: 0;
}
.headerbanner li {
    list-style: none;
    margin-bottom: 0px;
}
}
@media only screen and (max-width: 450px) {
.header-wrap {
    position: relative;
    padding-bottom: 60px;
}
}
@media only screen and (max-width: 980px) {
div#content {
    padding: 0px 3%;
    width: 94%;
}
}
@media only screen and (min-width: 768px) and (max-width: 974px) {
.header-wrap {
    position: relative;
    padding-bottom: 120px;
}
.headerbanner {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    padding: 0px;
}
.top-right.col-3 {
    width: 35%;
}
#header #navigation ul.nav > li a {
    font-weight: normal;
    font-size: 15px;
}
}
@media only screen and (max-width: 479px) {
.woocommerce .woocommerce-ordering select {
    width: 100%;
}
.single-product.woocommerce #content div.product div.images {
    width: 80%;
    margin: 0px auto;
    float: none;
}
.single-product.woocommerce #content div.product div.summary {
    width: 100%;
}
body button.single_add_to_cart_button.button.alt {
    padding: 5px 20px;
}
}

.top-right.col-3 .social-media {
    margin: 10px 0px;
    text-align: right;
}
.social-media img {
    padding-top: 8px;
}
.top-right.col-3 .social-media span {
    float: left;
    text-align: left;
    font-size: 12px;
    color: #ffc000;
    width: 60%;
    line-height: 15px;
}
.headerbanner {
    float: left;
    padding: 30px 3% 0px;
}
.headerbanner li {
    list-style: none;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    display: inline-block !important;
    float: none !important;
    margin: 0 1px !important;
    padding: 10px !important;
    position: relative;
    width: 22% !important;
}
.woocommerce .products ul, .woocommerce ul.products {
    clear: both;
    list-style: outside none none;
    margin: 0 !important;
    padding: 0 !important;
}

 .row { margin-right: -15px; margin-left: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } }


.col-3 {
    display: inline-table;
    width: 30%;
}

body.woocommerce ul.products li.product h3 {
    padding: .5em 0 0px;
    margin: 0;
    font-size: 1.1em !important;
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'Open Sans', arial, sans-serif;
}

li.home-content-wrap.col-9 {
    width: 100% !important;
    margin-left: -10px;
}

.title-wrap {
    width: 73%;
    margin-left: -30px;
}

@media only screen and (min-width: 500px) and (max-width: 750px) {
a.view-item {
    font-size: 15px;
    padding: 10px;
} }

@media only screen and (min-width:200px) and (max-width: 600px) {
a.view-item {
    font-size: 13px;
    padding: 2px;
} 
form#searchform {
    width: 190px;
}

.top-right.col-3 {
    width: 150px;
}
}