/*
Theme Name: Outlet
Theme URI: modernthemes.net/demo/outlet
Author: Modern Themes
Author URI: modernthemes.net
Description: A simple, elegant way to shop
Version: 1.26
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: outlet
Tags: 

Outlet is derived from Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Outlet includes Simple Grid (https://github.com/ThisIsDallas/Simple-Grid) by ThisisDallas, Custom Meta Boxes by WebDevStudio and Font Awesome (http://fortawesome.github.io/Font-Awesome/) by Dave Gandy.

Outlet incorporates code My Custom CSS Plugin by Salvatore Noschese - DarkWolf, 2013.   
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/ 
*/

/*--------------------------------------------------------------
1.0 - Reset
--------------------------------------------------------------*/
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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
	-moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
	box-sizing:         border-box;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

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

ol,
ul {
	list-style: none;
}

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0; 
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}
a {
	outline: 0;
	text-decoration: none;
}
a:focus {
	outline: 0;
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
@font-face {
  font-family: 'fontello';
  src: url("css/fonts/fontello.eot?15109124");
  src: url("css/fonts/fontello.eot?15109124#iefix") format('embedded-opentype'), 
       url("css/fonts/fontello.woff?15109124") format('woff'), 
       url("css/fonts/fontello.ttf?15109124") format('truetype'), 
       url("css/fonts/fontello.svg?15109124#fontello") format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'futurahemaproot-book';
  src: url("css/fonts/futurahemaproot-book-webfont.eot");
  src: url("css/fonts/futurahemaproot-book-webfont.eot#iefix") format('embedded-opentype'), 
       url("css/fonts/futurahemaproot-book-webfont.woff") format('woff'), 
       url("css/fonts/futurahemaproot-book-webfont.ttf") format('truetype'), 
       url("css/fonts/futurahemaproot-book-webfont.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'futurahemaproot-bold';
  src: url("css/fonts/futurahemaproot-book-webfont.eot");
  src: url("css/fonts/futurahemaproot-book-webfont.eot#iefix") format('embedded-opentype'), 
       url("css/fonts/futurahemaproot-book-webfont.woff") format('woff'), 
       url("css/fonts/futurahemaproot-book-webfont.ttf") format('truetype'), 
       url("css/fonts/futurahemaproot-book-webfont.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}

body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: 'Source Sans Pro', Helvetica, arial, sans-serif;   
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: 'Source Sans Pro', Helvetica, arial, sans-serif;
        font-weight: 300;  
	margin-bottom: 0.75em;
}
h1 { font-size: 32px; line-height: 34px; }
h2 { font-size: 28px; line-height: 30px; }
h3 { font-size: 24px; line-height: 26px; }
h4 { font-size: 20px; line-height: 22px; }
h5 { font-size: 18px; line-height: 20px; }
h6 { font-size: 16px; line-height: 18px; }

p {
	margin-bottom: 1.5em;
}

b,
strong {
	font-weight: bold;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
    background: none repeat scroll 0 0 #f1f1f1;
    border-left: 5px solid red;
    color: #999;
    font-style: italic;
    padding: 22px 20px 1px;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: none;
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

th {
	font-weight: bold;
} 

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in IE6/IE7 */
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
    background: none repeat scroll 0 0 #333;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    padding: 1.6em 2em 1.4em;
    text-transform: uppercase; 
	transition: all 0.15s ease-out 0s;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    background: none repeat scroll 0 0 #000;
	 transition: all 0.15s ease-out 0s;
}

button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
    background: none repeat scroll 0 0 #F1F1F1;
    border: medium none;
    box-shadow: none;
    color: #666;
    width: 100%;
} 
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	padding: 8px 10px; 
}
.widget-area input[type="text"], .widget-area input[type="search"] {
	background: #ededed;
	border: 0;
	color: #999;
	width: 100%;
	padding: 5px;
	font-size: 13px;
	letter-spacing: 0.05em;
	font-weight: 300;
	
}
input[type="search"] {
	text-transform: uppercase;
}
.widget #searchsubmit {
	display: none;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 10px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
} 

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/

.head-overflow {
	overflow: visible !important;
}
.header-cart {
	text-align: right;
	line-height: 0;
	font-size: 24px;
	line-height: 35px;
}
.header-cart span {
	font-weight: 400;
}

/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: red;
} 

a:hover,
a:focus,
a:active {
	color: #e40000;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
	height: 58px;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	color: #000;
	padding: 9px 10px;
	font-size: 14px;
	text-transform: uppercase;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 55px;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
	border-bottom: 1px dotted #ccc;
}

.main-navigation ul ul li {
	height: auto;

}

.main-navigation li:hover > a {
	color: red;
}

.main-navigation ul ul :hover > a {
}

.main-navigation ul ul a:hover {
}

.main-navigation ul li:hover > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul {
	left: 100%;
}

.main-navigation .current_page_item a,
.main-navigation .current-menu-item a {
}

/* Small menu */
.menu-toggle {
	display: none;
}

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}
.widget-title {
	font-size: 13px;
	text-transform: uppercase;
	border-bottom: 1px dotted #666;
	padding: 3px 0;
	font-weight: 400;
}
.widget-area aside {
	padding: 2px 10px 10px;
	background: #f1f1f1;
	font-size: 14px;
}
.widget-area ul {
	margin: 0;
	list-style: none;
}
ul.product-categories {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 13px;
}
li.empty {
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
	color: #666;
}
/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/

.home-header {
	padding: 15px 0 0 50px;
	position: absolute;
	width: absolute;
	z-index: 999;
}
.home-header .site-title, .home-header .site-title a {
	color: #fff;
	text-transform: uppercase;
	font-size: 45px;
}
.site-header {
	border-bottom: 1px solid #ccc;
	height: 78px;
	z-index:999; 
}
.site-title, .site-title a {
	color: red;
	text-transform: uppercase;
	font-size: 45px;
	margin-bottom: 0;
}
.home-info {
	padding: 60px 0 50px;
	text-align: center; 
	font-size: 20px;
}
.home-info h2 {
	color: red;
	font-weight: 200;
	font-family: 'Source Sans Pro', Arial, sans-serif;
	letter-spacing: 0;
	font-size: 32px;
	line-height: 32px;
	text-transform: none;
}
.underline {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.35em;
	font-weight: 400;
	position: relative;
	margin-bottom: 30px;
}
.underline:after {
	border-bottom: 5px solid red;
    bottom: -12px;
    content: " ";
    display: block;
    position: absolute;
    width: 100px;
}

.shop-content {
	float: right !important;
}

.site-info {
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
	padding: 10px;
}

/*----------------------------------------------------------------------------*\
    Footer Styles
/*----------------------------------------------------------------------------*/

.footer-cta {
	background: #f1f1f1;
	padding: 40px 0 30px;
	margin-top: 30px;
	text-align: center;
	color: #999;
} 

.footer-cta h1, h1.home-cta {
	font-size: 30px;
	line-height: 34px;
	margin-bottom: 10px;
}

.footer-social {
	background: #2E2D2C;
	padding: 40px 0 50px;
	text-align: center;
}

.footer-social .fa {
  color: #fff; 
  font-size: 2em;
  margin: 0 30px;
} 

.footer-cta h2 {
    font-family: 'Source Sans Pro',Arial,sans-serif;
    font-size: 26px;
    font-weight: 200;
    letter-spacing: 0;
    line-height: 26px;
    text-transform: none;
	color: #404040;
}

.footer-icon {
	padding: 0 30px;
	height: 30px !important;
}

.social-media-icons {
  margin: 0 auto;
  text-align: center;
}

.social-media-icons li {
  color: #fff;
  display: inline-block;
  float: none;
  list-style: none outside none; 
} 

/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.blog-header h1.entry-title a { 
	color: #404040 !important;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.product_title {
	position: relative;
	margin-bottom: 30px;
}
.product_title:after {
	border-bottom: 5px solid red;
    bottom: -12px;
    content: " ";
    display: block;
    position: absolute;
    width: 100px;
}
.page-title, .entry-title, .related h2, #tab-description h2 {
	position: relative;
	margin-bottom: 35px;
}
.page-title:after, .entry-title:after, .related h2:after, #tab-description h2:after {
	border-bottom: 5px solid red;
    bottom: -20px;
    content: " ";
    display: block;
    position: absolute;
    width: 100px;
} 
.blog-feed article {
	border-bottom: 1px dotted #666;
	padding-bottom: 50px;
	margin-bottom: 40px;
}
.blog-feed article:last-child {
	border-bottom: 0px;
	padding-bottom: 0px; 
	margin-bottom: 0px;
}
/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}
.comment-form-author, .comment-form-email, .comment-form-url {
    float: left;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    width: 33.2833%;
}
.comment-form-author, .comment-form-email {
    padding-right: 0.5em;
}
.form-allowed-tags {
    display: none;
}
#reply-title {
	margin-bottom: 0;
}
#reply-title, .comment-form-comment {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
}
.comment-notes {
    font-size: 13px;
    font-style: italic;
}
#comments {
    border-top: 1px dotted #999;
    padding-top: 20px;
}
#comments input {
	width: 100% !important;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.caption {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.7);
	width: 100%;
	height: 100%;
	text-align: center;
}
.archive-caption {
	padding: 30% 5px 0;
}
.caption {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.7);
	width: 100%;
	height: 100%;
}
.caption h3, .caption p {
	color: #fff;
	margin: 20px;
}
.caption h3 {
	margin: 20px 20px 10px;
	padding-top: 30%;
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
	color: #404040;
}
.caption p {
	font-size: 30px;
	margin: 0 20px 15px;
	color: red;
}
.home-product {
	position: relative;
	margin-bottom: 15px;
}
.archive-product {
	position: relative;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
12.3 Slider
--------------------------------------------------------------*/

#slides {
  position: relative;
}

#slides .slides-container {
  display: none;
}

#slides .scrollable {
  *zoom: 1;
  position: relative;
  top: 0;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}

#slides .scrollable:after {
  content: "";
  display: table;
  clear: both;
}

.slides-navigation {
  margin: 0 auto;
  position: absolute;
  z-index: 3;
  top: 44%;
  width: 100%;
}

.slides-navigation a {
  position: absolute;
  display: block;
  background: red;
  color: #fff !important;
  padding: 6px 12px 14px;
  font-size: 40px;
  line-height: 64px;
  width: 40px;
  height: 80px;
  opacity: 0.7;
  transition: all 0.15s ease-out 0s;
}

.slides-navigation a:hover {
  opacity: 1;
  transition: all 0.15s ease-out 0s;
}

.slides-navigation a.prev {
  left: 0;
}

.slides-navigation a.next {
  right: 0;
}

.slides-pagination {
  position: absolute;
  z-index: 3;
  bottom: 0;
  text-align: center;
  width: 100%;
}
.slides-pagination a {
  border: 2px solid #222;
  border-radius: 15px;
  width: 10px;
  height: 10px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=");
  margin: 2px;
  overflow: hidden;
  text-indent: -100%;
}

.slides-pagination a.current {
  background: #222;
}

.slides-pagination {
	display: none;
}

.slide-title {
	position: absolute;
	width: 100%;
	bottom: 10%;
	padding-left: 50px;
	padding-right: 20px;
	z-index: 999;
	color: #fff;
	font-size: 40px;
	line-height: 40px;
}

.down-arrow {
    bottom: 20px;
    color: #fff;
    font-family: arial;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 9;
}

.down-arrow i {
	font-size: 24px;
    border: 2px solid #fff;
    border-radius: 100px;
    height: 40px;
    width: 40px;
	display: inline-block;
	line-height: 38px;
	-webkit-transition: all 0.15s ease-out 0s;
	-o-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s;
}

.down-arrow i:hover {
    background: #fff;
    border: 2px solid #fff;
	line-height: 38px;
	color: red;
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transition: all 0.15s ease-out 0s;
	-o-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s;
} 
.down-arrow a {
	color: #fff;
}

/*--------------------------------------------------------------
13.0 Skeleton
--------------------------------------------------------------*/

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

body {
	margin: 0px;
}

[class*='col-'] {
	float: left;
	padding-right: 20px; /* column-space */
}

.grid {
	width: 100%;
	min-width: 755px;
	margin: 0 auto;
	overflow: hidden;
}

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

.grid-pad {
	padding-top: 20px;
	padding-left: 20px; /* grid-space to left */
	padding-right: 0px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
}

.push-right {
	float: right;
}

/* Content Columns */

.col-1-1 {
	width: 100%;
}
.col-2-3, .col-8-12 {
	width: 66.66%;
}

.col-1-2, .col-6-12 {
	width: 50%;
}

.col-1-3, .col-4-12 {
	width: 33.33%;
}

.col-1-4, .col-3-12 {
	width: 25%;
}

.col-1-5 {
	width: 20%;
}

.col-1-6, .col-2-12 {
	width: 16.667%;
}

.col-1-7 {
	width: 14.28%;
}

.col-1-8 {
	width: 12.5%;
}

.col-1-9 {
	width: 11.1%;
}

.col-1-10 {
	width: 10%;
}

.col-1-11 {
	width: 9.09%;
}

.col-1-12 {
	width: 8.33%
}

/* Layout Columns */

.col-11-12 {
	width: 91.66%
}

.col-10-12 {
	width: 83.333%;
}

.col-9-12 {
	width: 75%;
}

.col-5-12 {
	width: 41.66%;
}

.col-7-12 {
	width: 58.33%
}

/* Pushing blocks */

.push-2-3, .push-8-12 {
	margin-left: 66.66%;
}

.push-1-2, .push-6-12 {
	margin-left: 50%;
}

.push-1-3, .push-4-12 {
	margin-left: 33.33%;
}

.push-1-4, .push-3-12 {
	margin-left: 25%;
}

.push-1-5 {
	margin-left: 20%;
}

.push-1-6, .push-2-12 {
	margin-left: 16.667%;
}

.push-1-7 {
	margin-left: 14.28%;
}

.push-1-8 {
	margin-left: 12.5%;
}

.push-1-9 {
	margin-left: 11.1%;
}

.push-1-10 {
	margin-left: 10%;
}

.push-1-11 {
	margin-left: 9.09%;
}

.push-1-12 {
	margin-left: 8.33%
}

/**** contact form *****/

#contactForm ul { 
  list-style: none outside none;
}

ul.contact-form {
	margin: 0;
}
ul.contact-form li {
	list-style: none;
	display: inline-block;
}
li.contact-name {
	width: 48%; 
	margin-right: 1.6%;
	margin-bottom: 20px;
}
	
li.contact-email {
	width: 48%;
	margin-bottom: 20px;
}
li.contact-comments {
	width: 100%;
}
li.contact-comments textarea { 
	padding: 8px 10px;
}
 
 input[type="submit"].contact-submit {
	border-radius: 2px; 
	margin-top: 20px;
	background: #000;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 13px;
}

/*----------------------------------------------------------------------------*\
    Headhesive Specific Styles
/*----------------------------------------------------------------------------*/

/**
 * Headhesive element clone
 * > `clone` class for the cloned element:
 *
 |  var options = {
 |      classes {
 |          clone: 'banner--clone';
 |      }
 |  }
 *
 */
.banner--clone {

    /* Required styles */
    position: fixed;
    top: 0;
    left: 0;
	width: 100%;
	border-bottom: 1px solid #ccc;

    /* Translate -100% to move off screen */
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);

    /* Animations */
    -webkit-transition: all 300ms ease-in-out;
       -moz-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;

}

.banner--clone .site-title, .banner--clone  .site-title a, .banner--clone  .site-title a:visited{
	color: red;
}
/**
 * Headhesive stick
 * > `stick` class for the cloned element:
 *
 |  var options = {
 |      classes {
 |          stick: 'banner--stick';
 |      }
 |  }
 *
 */
.banner--stick { 

    /* Translate back to 0%; */
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%);
}

/**
 * Headhesive unstick
 * > `unstick` class for the cloned element:
 *
 |  var options = {
 |      classes {
 |          unstick: 'banner--unstick';
 |      }
 |  }
 *
 */
.banner--unstick {
    /* Not required to use, but could be useful to have */
}

.mobileNav { display: none; }

@media handheld, only screen and (max-width: 959px) {
	

	.main-navigation ul {
		display: none;
	}
	
	.mobileNav { display: block; width: 100%; }
	
	.home-mobileNav { position: absolute; background: none; text-align: right; z-index: 9; font-size: 26px; padding: 22px 35px 20px 0;}
	.home-mobileNav:hover { background: none; }
	.home-header { padding: 15px 0 0 20px; }
	
}

@media handheld, only screen and (max-width: 767px) {
	.grid {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 20px; /* grid-space to left */
		padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */
	}
	
	[class*='col-'] {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 0px;
		padding-right: 10px; /* column-space */
	}
	
	/* Mobile Layout */
	
	[class*='mobile-col-'] {
		float: left;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 10px;
		padding-left: 0px;
		padding-right: 10px; /* column-space */
		padding-bottom: 0px;
	}
	
	.mobile-col-1-1 {
		width: 100%;
	}
	.mobile-col-2-3, .mobile-col-8-12 {
		width: 66.66%;
	}

	.mobile-col-1-2, .mobile-col-6-12 {
		width: 50%;
	}

	.mobile-col-1-3, .mobile-col-4-12 {
		width: 33.33%;
	}

	.mobile-col-1-4, .mobile-col-3-12 {
		width: 25%;
	}

	.mobile-col-1-5 {
		width: 20%;
	}

	.mobile-col-1-6, .mobile-col-2-12 {
		width: 16.667%;
	}

	.mobile-col-1-7 {
		width: 14.28%;
	}

	.mobile-col-1-8 {
		width: 12.5%;
	}

	.mobile-col-1-9 {
		width: 11.1%;
	}

	.mobile-col-1-10 {
		width: 10%;
	}

	.mobile-col-1-11 {
		width: 9.09%;
	}

	.mobile-col-1-12 {
		width: 8.33%
	}

	/* Layout Columns */

	.mobile-col-11-12 {
		width: 91.66%
	}

	.mobile-col-10-12 {
		width: 83.333%;
	}

	.mobile-col-9-12 {
		width: 75%;
	}

	.mobile-col-5-12 {
		width: 41.66%;
	}

	.mobile-col-7-12 {
		width: 58.33%
	}
		
	.hide-on-mobile {
		display: none !important;
		width: 0;
		height: 0;
	}
	
	.home-product {
		margin-bottom: 0px;
	} 
	.shop-content {
		float: none !important;
	} 
	.slide-title {
		font-size: 30px;
		line-height: 32px;
	}
 
}